Inserta un embudo en una página externa
El embed de embudo permite que los compradores continúen un flujo de upsell o downsell en tu propio sitio web en lugar de solo en una página alojada en AtomicPay. Esto es útil cuando la experiencia post-compra debe coincidir con el diseño de tu sitio o cuando la siguiente oferta aparece en una página de agradecimiento personalizada.
Usa embed solo después de que el embudo esté construido, previsualizado y probado dentro de AtomicPay. Si el embudo en sí sigue siendo inestable, corrige rutas de embudo rotas antes de insertar.
Qué controla el embed de embudo
| Área | Propósito |
|---|---|
| Paso de embudo insertado | Muestra la siguiente oferta en una página externa. |
| Comportamiento de aceptación y rechazo | Mueve al comprador por la ruta del embudo después de una decisión. |
| Renderizado de botones | Usa botones AtomicPay o tus propios triggers personalizados. |
| Carga de script | Carga el script de upsell del embudo en la página externa. |
| Continuidad del comprador | Conecta la página externa con el paso y oferta de embudo configurados. |
Modos de embed
| Modo | Úsalo cuando |
|---|---|
| Botones AtomicPay | Quieres que AtomicPay renderice los botones predeterminados de aceptación y rechazo |
| Botones personalizados | Quieres que el diseño de tu página controle los botones y solo uses triggers de AtomicPay |
Antes de insertar
- Construye y prueba el embudo en construir embudos, upsells y downsells.
- Confirma que cada paso tiene el producto, plan y oferta correctos.
- Publica las páginas de checkout relacionadas.
- Decide si duplicarás el embudo para experimentos en lugar de cambiar el embed en vivo.
- Alinea enlaces UTM y de campaña antes de que comience el tráfico.
Obtener e instalar el código embed
- Confirma que estás en el workspace de negocio correcto.
[Captura: Encabezado de la app — workspace de negocio correcto seleccionado.]
- Abre el área de embudos del producto.
[Captura: Página de embudos del producto — lista de embudos visible.]
- Selecciona el embudo que quieres insertar.
[Captura: Fila del embudo objetivo seleccionada para embed.]
- Abre el diálogo de embed del embudo.
[Captura: Diálogo de embed de embudo — opciones de embed visibles.]
- Elige Botones AtomicPay o Botones personalizados.
[Captura: Selector de modo embed — AtomicPay o botones personalizados elegidos.]
- Copia el código embed.
[Captura: Código embed copiado al portapapeles.]
- Pega el código en la página externa donde debe aparecer el paso del embudo.
[Captura: Editor de página externa — script embed pegado en HTML.]
- Publica el cambio de página.
[Captura: Página externa publicada — embed en vivo en el sitio.]
- Prueba cada ruta de aceptación y rechazo.
[Captura: Prueba de embudo insertado — botones de aceptación y rechazo funcionando en la página.]
- Confirma que las compras aparecen en Sales e informes en Financial Overview cuando aplique.
[Captura: Detalle de Sales — compra de embudo insertado registrada.]
Modo de botones personalizados
Al usar botones personalizados, tu página necesita elementos trigger con las clases esperadas:
- Trigger de aceptación:
atomicpay-payment-trigger - Trigger de rechazo:
atomicpay-refuse-trigger
El script del embudo aún debe cargarse en la página. Pueden existir múltiples elementos trigger cuando el diseño del embudo lo requiera.
Qué verificar antes del lanzamiento
| Comprobación | Por qué importa |
|---|---|
| El paso del embudo tiene la oferta correcta | La oferta incorrecta rompe confianza e informes. |
| Las rutas de aceptación y rechazo no tienen callejones sin salida | Consulta rutas de embudo rotas. |
| El layout móvil funciona en la página externa | Usa patrones de vista previa de checkout en móvil cuando sea relevante. |
| Las páginas de checkout están publicadas | Los pasos no publicados rompen flujos insertados. |
| La atribución sigue teniendo sentido | Compara Campaigns después del primer tráfico. |
Buenas prácticas
- Prueba el embudo internamente antes de insertarlo externamente.
- Mantén una convención de nombres para páginas insertadas y variantes de embudo.
- Vuelve a probar después de cambios de precios u oferta.
- Usa duplicar embudos para experimentos cuando sea posible.
- Documenta qué URLs externas usan qué embed de embudo.
Errores comunes
- Insertar antes de que el embudo funcione dentro de AtomicPay.
- Script faltante o clases de trigger incorrectas en páginas personalizadas.
- Apuntar aceptación o rechazo al paso incorrecto.
- Cambiar el embudo en vivo durante una campaña sin volver a probar la página embed.
- Asumir que embed corrige problemas de layout de checkout en el primer paso.
FAQ
¿Debo insertar antes de probar el embudo internamente?
No. Prueba el flujo del embudo dentro de AtomicPay primero, luego inserta solo después de que todas las rutas funcionen.
¿Qué suele romper embudos insertados?
Script faltante, clases de trigger incorrectas, pasos de checkout no publicados, ofertas inactivas o rutas de aceptación y rechazo apuntando al paso incorrecto.
¿Puedo insertar en múltiples páginas?
Sí, pero documenta cada página y vuelve a probar atribución y ramas del embudo para cada caso de uso.