Skip to main content

Checkout-lite

¿Qué es?

El CheckoutLite de pay es la pieza final necesaria para que puedas crear un checkout completamente personalizado. Equivale a la sección de agregar método de pago del checkout standar pero sin el branding.

Implementación

El Checkout Lite funciona sobre el mismo dominio de pay ya sea de sandbox o de producción y se conforma de la siguiente manera:

https://pay-sandbox.increase.app/checkout-lite/${accountId}/?subscription_id=${subscriptionId}

Y se debe embeber en un iframe (en entorno sandbox):

<iframe
id="checkoutLiteIframe"
width="100%"
height="700px"
src="https://pay-sandbox.increase.app/checkout-lite/${accountId}/?subscription_id=${subscriptionId}">
</iframe>

El iframe va a postear a su parent window mensajes sobre el estado de la carga de datos y del pago de la suscripción. Cada mensaje va tener un type y un payload. El payload siempre es un objeto, pero dependiendo del tipo de mensaje, el mismo podria estar vacío.

TypePayloadDescripción
LOADObjeto vacíoSe despacha cuando la suscripción y la cuenta se cargaron correctamente
LOAD_ERRORObjeto de errorSe despacha en caso de error de carga de la suscripción o cuenta
PAYMENT_IN_PROCESSObjeto vacíoSe despacha cuando el cliente completó el formulario de pago e hizo click en continuar, iniciando así la creación del payment method en la suscripción
PAYMENT_SUCCESSSuscripción modificadaSe despacha cuando el medio de pago se pudo agregar exitosamente a la suscripción
PAYMENT_ERRORObjeto de errorSe despacha en caso de que la creación del payment method o de su agregado a la suscripción hayan fallado

Example repo

Pay Checkout Lite example