AAPDWidget
Dimensiones del embed
Tamaño recomendado del iframe y comportamiento responsivo.
El widget AAPD es una SPA en React renderizada como iframe. Necesita suficiente espacio vertical para formularios, pantallas de pago y vistas de confirmación.
Dimensiones recomendadas
| Pantalla | Ancho mínimo | Alto recomendado |
|---|---|---|
| Móvil | 320 px | 820 px |
| Desktop | 480 px | 820 px |
Ancho menor a 320 px causa scroll horizontal dentro del widget. Alto bajo ~700 px obliga al paciente a hacer scroll en cada pantalla, lo que recomendamos evitar para UX de checkout.
Embed mínimo
<iframe
src="{iframeUrl}"
width="480"
height="820"
style="border: 0; max-width: 100%;"
allow="clipboard-read; clipboard-write"
title="Widget AAPD de Skip"
></iframe>Patrón modal
La mayoría de partners renderiza el widget dentro de un modal que toma toda la pantalla en móvil. Patrón típico:
.skip-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 50;
}
.skip-modal iframe {
width: min(480px, 100vw);
height: min(820px, 100vh);
}CSP
El iframe carga desde https://spot.getskip.ai. Si tu sitio usa Content-Security-Policy, permite:
frame-src https://spot.getskip.ai;