> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonavirtual.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ciclo de pago usuario pagador

# Inicio pago

1. Cuando el cliente abre el enlace es redireccionado al ciclo de pago.

<div style={{ textAlign: "center", margin: "24px 0" }}>
  <img
    src="https://mintcdn.com/zonavirtualsa/VdjzDBhXZrKzt_OQ/docs/imagenes/formulario_pago.jpg?fit=max&auto=format&n=VdjzDBhXZrKzt_OQ&q=85&s=569bf85bc6a541205987750495551297"
    style={{ 
  width: "100%",
  maxWidth: "500px",
  borderRadius: "6px",
  boxShadow: "0 10px 30px rgba(0,0,0,0.15), 0 2px 10px rgba(0,0,0,0.1)"
}}
    width="1920"
    height="1187"
    data-path="docs/imagenes/formulario_pago.jpg"
  />
</div>

2. Cuando el usuario da clic en el botón “continuar”, es redireccionado a la vista donde debe aceptar los términos y condiciones y seleccionar el medio de pago.

<div style={{ textAlign: "center", margin: "24px 0" }}>
  <img
    src="https://mintcdn.com/zonavirtualsa/VdjzDBhXZrKzt_OQ/docs/imagenes/medios_de_pago_activos.jpg?fit=max&auto=format&n=VdjzDBhXZrKzt_OQ&q=85&s=3c3951f6988187c6f402ba747d20cd7d"
    style={{ 
  width: "100%",
  maxWidth: "500px",
  borderRadius: "6px",
  boxShadow: "0 10px 30px rgba(0,0,0,0.15), 0 2px 10px rgba(0,0,0,0.1)"
}}
    width="1920"
    height="1187"
    data-path="docs/imagenes/medios_de_pago_activos.jpg"
  />
</div>

3. Cuando el usuario da clic en el botón “Pagar”, es redireccionado a la vista de PSE donde debe digitar el correo registrado en PSE para poder realizar el pago.

<div style={{ textAlign: "center", margin: "24px 0" }}>
  <img
    src="https://mintcdn.com/zonavirtualsa/r0wpj4_wB3vOCmRU/docs/imagenes/pago_pse.jpg?fit=max&auto=format&n=r0wpj4_wB3vOCmRU&q=85&s=c3017dea69bf4a9c9272ebbc5871fde9"
    style={{ 
  width: "100%",
  maxWidth: "500px",
  borderRadius: "6px",
  boxShadow: "0 10px 30px rgba(0,0,0,0.15), 0 2px 10px rgba(0,0,0,0.1)"
}}
    width="983"
    height="462"
    data-path="docs/imagenes/pago_pse.jpg"
  />
</div>

4. Resultado Final
   El sistema muestra el comprobante de pago

* Estado transacción sea aprobado, rechazado o pendiente.

<div style={{ textAlign: "center", margin: "24px 0" }}>
  <img
    src="https://mintcdn.com/zonavirtualsa/VdjzDBhXZrKzt_OQ/docs/imagenes/comprobante_de_pago_zonaexpress.jpg?fit=max&auto=format&n=VdjzDBhXZrKzt_OQ&q=85&s=0e479e51259e93ae1b419e47e7bb2322"
    style={{ 
  width: "100%",
  maxWidth: "500px",
  borderRadius: "6px",
  boxShadow: "0 10px 30px rgba(0,0,0,0.15), 0 2px 10px rgba(0,0,0,0.1)"
}}
    width="1920"
    height="1173"
    data-path="docs/imagenes/comprobante_de_pago_zonaexpress.jpg"
  />
</div>