Desarrolladores
Soporte a desarrolladores

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 integrar el SDK de checkout embebido, necesitas verificar tu identidad con Clip para poder consumir el SDK de Checkout Transparente. Puedes encontrar m谩s informaci贸n sobre c贸mo verificar tu identidad aqu铆.
  • 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].