C贸mo integrar el Checkout Embebido

馃毀

Importante

  • Para poder utilizar el Checkout Embebido, necesitas tener un token de autenticaci贸n y una cuenta de Clip.
  • Para poder integrar el Checkout Embebido, es recomendable ser desarrollador fullstack.

El Checkout Embebido hace llamadas a la API de Checkout para generar links de pago. Para poder integrar el Checkout Embebido en tu sistema, sigue estos pasos:

  1. Integra el endpoint crear un link de pago de la API de Checkout a tu servidor.
  2. Especifica las URLs de redirecci贸n dentro del objeto redirection_url de la llamada a la API de Checkout.
  3. Para recibir notificaciones, agrega la URL en donde recibir谩s notificaciones al par谩metro webhook_url de la llamada a la API. Si quieres aprender m谩s, consulta nuestra gu铆a del Checkout Webhook.
  4. Genera un link de pago con la API de Checkout y guarda el payment_request_id del objeto de respuesta.
  5. Agrega el siguiente c贸digo HTML a tu ecommerce y a帽ade el payment_request_id del paso anterior al c贸digo en la secci贸n correspondiente.

<!-- Boton de pago -->
<button class="clipCheckoutButton" ></button>

<script> 
  id="checkoutClipPlugin" 
  payment_request_id="6fa400ce-7e46-4d5c-82db-c26d8dec0930"
        
  <!--SDK de Clip.js-->
  type="module" src="https://sdk.clip.mx/js/v1/checkout.js">
  
</script>


Flujo del checkout embebido. Despu茅s de generar un nuevo link de pago con la API de checkout, a帽ade el payment_request_id al campo correspondiente del iframe del checkout embebido

Vista previa del flujo de Checkout Embebido. Los par谩metros redirection_url y webhook_url (se帽alados con flechas rojas) deben de ser configurados (pasos 2 y 3) antes de crear tu solicitud de pago. El payment_request_id de la respuesta exitosa (sobresaltado) (paso 4) debe ser integrado en el c贸digo HTML del Checkout Embebido (paso 5).




馃摌

驴Necesitas Ayuda?

Consulta las preguntas frecuentes y gu铆as de soluci贸n de problemas de nuestro centro de soporte a desarrolladores .

Si lo que buscas no est谩 documentado, cont谩ctanos por alguno de los siguientes medios:

  • Activa el bot贸n de Ayuda y llena el formulario. No olvides proporcionar un correo electr贸nico y tus dudas para que podamos asistirte de manera eficiente.
  • Publica tu pregunta en nuestro Foro. Publicar en el foro puede ayudar a otros desarrolladores que est谩n experimentando el mismo problema.
  • Env铆a un correo electr贸nico a la direcci贸n [email protected].

O comun铆cate con nuestra 谩rea de Customer Happiness:

  • Ll谩manos al 55 6393-2323, Clip es el 煤nico con atenci贸n personalizada 24/7 los 365 d铆as del a帽o.
  • Env铆anos un mensaje por WhatsApp al 55 6393-2323.
  • Escr铆benos al correo [email protected].