# Introducción

Conoce la interfaz de Checkout de Payvalida con la cual tus clientes pueden realizar pagos

## Vista inicial del checkout

El comprador accede a esta vista por medio de un enlace o botón que el comercio determina.

Si está permitido, el cliente puede elegir el método de pago que más se ajuste a su gusto y necesidad.

También puede ver el resumen de la orden que incluye la siguiente información:

* **Número de referencia:** es el número que el cliente debe indicar en caja cuando va a pagar en efectivo, sirve como identificación entre Payvalida y el comprador.
* **Descripción:** indica la descripción corta de la compra, por ejemplo: Pago suscripción febrero.
* **Nombre del comercio:** muestra el nombre del comercio al que se le realizará el pago.
* **Precio y total:** indica el valor de la orden.

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FCBJxnA9kUcluHDQAz8y5%2Fimage.png?alt=media&amp;token=97fb35ab-3f3e-4c4c-869d-14cb92e9ec10" alt=""><figcaption></figcaption></figure>

## Métodos de pago

El cliente puede elegir el método de pago que más se ajuste a sus necesidades, siempre y cuando el comercio le permita usar varios métodos, de lo contrario sólo usará el indicado por éste último.

### Efectivo y depósito bancario

En la columna izquierda, el cliente puede verificar las instrucciones de pago en efectivo o por depósito bancario. Debe tener presente que al momento de acercarse al punto de pago, debe indicar el número de referencia y no el número de cédula.

### Tarjeta de crédito

El cliente puede realizar el pago con una tarjeta de crédito que se verifica en tiempo real. Las franquicias disponibles según el comercio, son Visa, Mastercard, American Express y Discovery.

[Ver instrucciones de pago con tarjeta de crédito](/guia-de-checkout/proceso-de-pago-con-tarjeta-de-credito)

### Transferencia bancaria

El cliente puede realizar el pago por medio de una transferencia bancaria gracias a nuestra integración por PSE.&#x20;


# Pago con tarjeta de crédito/débito

Sigue estos pasos para pagar con tu tarjeta de crédito.

* Ingresa a tu tienda favorita y genera la orden de compra.
* Cuando la tienda te redireccione a nuestro checkout, elige "tarjeta de crédito" como medio de pago.
* Completa los campos con los datos de tu tarjeta y tus datos personales.

<img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-Wak_boXUD5BY4zx2v%2F-MAaJkEipkS_-lyNszyF%2F-MAaZE6IaoeQPYieBaCs%2FGarena_1_TC.png?alt=media&amp;token=7d197e2a-dbcb-4603-b257-d0272f87514c" alt="" width="563">

<img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-Wak_boXUD5BY4zx2v%2F-MEYgwlqx__BR5CkaW7k%2F-MEYh3PQ4x9c8010g2ti%2FCaptura%20de%20Pantalla%202020-08-12%20a%20la(s)%2011.58.28%20a.%C2%A0m..png?alt=media&amp;token=2b60da07-c4a4-4970-9cb5-917fb97dc0d5" alt="" width="563">

* Una vez que completes tus datos, haz clic en pagar y aceptes las políticas de tratamiento de datos personales, podrás finalizar tu proceso de compra. Recibirás una notificación en tu correo electrónico cuando la transacción sea aprobada.


# Pago con PSE

Sigue estos pasos para realizar un pago por PSE (Colombia) y completar el pago desde la cuenta bancaria de tu banco.

### <mark style="color:purple;">Paso 1:</mark>

Diligencia el formulario del checkout con los datos requeridos.

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2F38hZHNjLYCqd3JJfSlwa%2FScreenshot%202023-03-12%20at%2010.17.47%20PM.png?alt=media&amp;token=cfcbd6f8-8e5a-498f-8e72-d5f5b6def017" alt="" width="563"><figcaption></figcaption></figure>

En el listado de bancos seleccionar la opción BANKA:

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FhJ9YKMs4hQYV6QGNYJmT%2FScreenshot%202023-03-12%20at%2010.18.37%20PM.png?alt=media&amp;token=fbd949c3-df9f-409d-b5c9-9aa1af0757db" alt="" width="563"><figcaption></figcaption></figure>

### <mark style="color:purple;">Paso 2:</mark>

Luego de hacer clic en pagar, se hará la redirección al sitio de PSE, realizar el registro o ingresar con un número de documento y contraseña aleatorio, ACH no está validando esta información para el banco de pruebas.

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FDHbPKNm9uHOkxCzk2OBQ%2FScreenshot%202023-03-12%20at%2010.21.31%20PM.png?alt=media&amp;token=9d1335fa-5d5e-495b-8ba0-41888477fe7c" alt="" width="563"><figcaption></figcaption></figure>

### <mark style="color:purple;">Paso 3:</mark>

Dejar las opciones por defecto y hacer clic en pagar.

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FfyST4bKoFPqaltCh5VPZ%2FScreenshot%202023-03-12%20at%2010.22.25%20PM.png?alt=media&amp;token=acf68cde-f417-4d5e-89bb-58c47f1a1aba" alt="" width="563"><figcaption></figcaption></figure>

### <mark style="color:purple;">Paso 4:</mark>

PSE presentará el resultado de la transacción, hacer clic en “Regresar al comercio”

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FdvVmtKOw7cDQojhcFSb7%2FScreenshot%202023-03-12%20at%2010.23.29%20PM.png?alt=media&amp;token=3d003076-d011-43db-8912-34995db30258" alt="" width="563"><figcaption></figcaption></figure>

### <mark style="color:purple;">Paso 5:</mark>

Retornará al checkout de Payvalida donde se presenta el voucher del pago.

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FlhkLIEsDNvtlXTJoDSmL%2FScreenshot%202023-03-12%20at%2010.24.17%20PM.png?alt=media&amp;token=e728cfc9-c9c1-41f4-a9a8-bad9ba3f5f06" alt="" width="268"><figcaption></figcaption></figure>


# Compra y Paga Después Bancolombia

## ¿Qué es Compra y Paga Después Bancolombia?&#x20;

Es una alternativa de pago oficial de Bancolombia, para permitirle a tus usuarios comprar a 4 cuotas mensuales sin intereses, que se presenta al comprador justo en el momento del pago, sin necesidad de documentación o esperar días de aprobación del cupo.  Algunas características importantes del producto:

1. Tus clientes que tengan cuenta en Bancolombia, **no necesitan** dinero disponible
2. Te compran hoy y **pagan en 4 cuotas sin interés**
3. Tendrás el dinero en tu cuenta en el tiempo que se estime en la **negociación comercial**

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FuyXaNs9sCYKeTMn4hXcF%2FScreenshot%202023-04-11%20at%202.55.18%20PM.png?alt=media&amp;token=8b735f63-7cd3-4d55-986f-ed80c4221dcf" alt="" width="292"><figcaption></figcaption></figure>

{% hint style="success" %}
Ingresa aquí para conocer más sobre este medio de pago y los comercios que ya lo soportan: <https://payvalida.com/bnpl-bancolombia/> &#x20;
{% endhint %}

## Proceso de pago

En nuestro checkout, se selecciona la opción de pago **Compra y Paga Después**

<figure><img src="https://580005125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M-Wak_boXUD5BY4zx2v%2Fuploads%2FmuMtUUOCtBgVBq7aZ10i%2FScreenshot%202023-04-11%20at%202.29.15%20PM.png?alt=media&amp;token=4689d05c-12c9-4768-a689-84a23265554b" alt="" width="375"><figcaption></figcaption></figure>

Una vez selecciones esta opción de pago, serás redireccionado a la experiencia Bancolombia para auntenticarse

<figure><img src="https://lh6.googleusercontent.com/r7LokZUVZcyY0DbMnB59OnNjRbOA9AU_9MoBAVzOCac1Pnu0iXd_5bpBX0b1D6aOGcvE9fouznRmeiBoC2BBl-v88emo4hznd1NzvqCGKxKd4R5lgJyXw6X7fXLhPUWtLVM-qGCGXOCxEcIjgn5F8O9NNw=s2048" alt="" width="375"><figcaption></figcaption></figure>

Se listara las condiciones del préstamo y una vez aceptadas, se completa la transacción

<figure><img src="https://lh5.googleusercontent.com/fLqB88oCIDvUA3nzJh3EgfOgVemtgf2k3hMO57TvG6pf2_U0ZSSv8UgpbM4NvP74MmIwL8mbA7EOUVErlqbcIHBLRFjN76j3PygNrvUpAImS9H_iyJyuGFfq3M__9N6rIIHvihjGW2me9WM56RvK84Ltag=s2048" alt="" width="375"><figcaption></figcaption></figure>

Al dar click en el botón **"Continuar"**, iniciaras el proceso de pago.<br>


