Conekta Checkout — Blueprint

Este es el archivo de referencia para servir el iframe del checkout embebido de Conekta desde una ruta real en tu backend (en lugar de srcdoc=, que produce opaque origin y rompe Apple Pay en Safari).

Cómo usarlo

1. Abre este archivo en tu editor (VS Code, etc.) para ver el código fuente con los comentarios.
2. Pórtalo a tu backend como una ruta nueva (p.ej. /checkout/conekta-frame en Next.js).
3. En la página de pago, cambia el iframe wrapper de srcdoc= a src= apuntando a esa ruta, pasando orderId y publicKey.

Recursos

• Demo comparativa del bug y el fix (abrir en Safari macOS): Ver demo →
• Soporte técnico: developers@conekta.com

Este panel solo se muestra cuando el archivo se abre sin parámetros. En la integración real (con ?orderId=…&publicKey=…), el panel se oculta y el SDK monta el componente automáticamente.