Ventanas emergentes de gira y gana y rasca y gana para el crecimiento de listas

Una ventana emergente simple de «únete a nuestro boletín» convierte entre el 1 % y el 2 %. Una rueda de Gira y Gana o una tarjeta de Rasca y Gana les da a los visitantes una razón activa para enviar el formulario — están jugando por un descuento, no rellenando un formulario. MailInApp convierte esto en una función nativa de los formularios de registro emergentes, configurada en el mismo creador de formularios, incorporada en el mismo fragmento de JavaScript plano, con los códigos guardados junto a cada suscriptor en tu lista de contactos.

Una rueda de Gira y Gana o una tarjeta de Rasca y Gana incorporada en tu propio sitio web, configurada en el creador de formularios de registro — sin plugin externo, sin app aparte. Un visitante gira o raspa, obtiene un código de descuento y se registra. El código llega a su mensaje de confirmación y a tu lista de contactos, vinculado directamente a ese suscriptor.

Los imanes de leads gamificados habitualmente superan en tasa de conversión a las ventanas emergentes simples de «únete a nuestra lista». La mecánica de juego crea un micromomento de emoción que le da al visitante una razón activa para enviar su correo en lugar de descartar la superposición. MailInApp convierte esto en una función nativa de los formularios de registro emergentes — sin necesidad de plugin de terceros, sin código aparte que incorporar.

Cómo funciona

En la pestaña Formularios de registro, crea o edita un formulario emergente y abre la sección Imán de Leads Gamificado. Activa Gira y Gana o Rasca y Gana, y luego configura tus porciones o tu premio:

Rueda de Gira y Gana

Agrega porciones de la rueda — cada una con una etiqueta visible (por ejemplo, «15 % de descuento»), un código promocional y una proporción de ganancia. Las proporciones de ganancia son pesos relativos (por ejemplo, 3 porciones ponderadas 40/40/20 le dan a la tercera porción una probabilidad del 20 %). El código de la porción en la que caiga la rueda se añade a la carga útil del envío y se muestra en el mensaje de confirmación posterior al envío.

Tarjeta de Rasca y Gana

Configura una única etiqueta de premio y un código promocional. Un visitante ve una superposición de raspado; una vez que completa su correo y envía el formulario, la superposición se levanta para revelar el código.

Qué hace el script de inserción

El script de inserción (/f/[formId]/embed.js) es JavaScript plano puro — sin React, sin necesidad de ningún runtime externo en el sitio de tu cliente. Renderiza la rueda usando HTML5 Canvas o la tarjeta de raspado usando una superposición CSS/de eventos de puntero, integrada en la ventana emergente. Como es autocontenido, funciona en cualquier sitio sin interferir con su propio framework de JavaScript.

El código promocional se añade a la carga útil del envío del formulario y se guarda junto a la fila de contacto del suscriptor, así que puedes filtrar tu lista de contactos por código otorgado más adelante o usarlo como etiqueta de combinación en un correo de bienvenida.

¿Funciona también en formularios en línea y alojados?

La gamificación solo está disponible en formularios emergentes — la experiencia de usuario centrada en la superposición encaja de forma natural con la mecánica de ventana emergente de página completa. Los formularios en línea y alojados se quedan como campos simples.

Primeros pasos

  1. Ve a Formularios de registro y crea o edita un formulario Emergente.
  2. Abre la sección Imán de Leads Gamificado y elige Gira y Gana o Rasca y Gana.
  3. Agrega tus porciones o premio, código(s) promocional(es) y proporciones de ganancia.
  4. Presiona Guardar y obtén el fragmento de inserción actualizado desde Obtener código.

Consulta Formularios de registro y ventanas emergentes para la referencia completa de inserción y configuración.

Una secuencia típica de creación y envío

  1. 1

    Crea un formulario de registro emergente

    En la pestaña Formularios de registro, elige Emergente, apúntalo a una lista de contactos y configura el disparador (retraso, desplazamiento o intención de salida).

  2. 2

    Agrega un imán de leads gamificado

    Abre la sección Imán de Leads Gamificado y elige Gira y Gana o Rasca y Gana — agrega porciones con etiquetas, códigos y proporciones de ganancia para una rueda, o un único código de premio para la tarjeta de raspado.

  3. 3

    Publícalo

    Obtener código te da un fragmento de inserción actualizado — colócalo en tu sitio. La ventana emergente renderiza la rueda o la tarjeta de raspado antes del campo de correo.

  4. 4

    Usa el código en tu correo de bienvenida

    El código otorgado se guarda en la fila de contacto del suscriptor y se muestra en su mensaje de confirmación — úsalo como etiqueta de combinación en un correo de bienvenida o en un proyecto de confirmación doble.

Preguntas frecuentes

¿La rueda de Gira y Gana necesita un plugin de terceros?

No — el fragmento de inserción ya incluye la lógica de renderizado en canvas para la rueda y la superposición de la tarjeta de raspado. Coloca un fragmento en tu sitio; sin bibliotecas adicionales, sin instalación de npm.

¿Puedo ponderar la rueda para que un premio raro sea genuinamente más raro?

Sí — cada porción tiene un campo de proporción de ganancia. Las proporciones son pesos relativos, así que una rueda con porciones en 40/40/20 le da a la tercera porción una probabilidad efectiva del 20 %. Cualquier proporción superior a 0 puede ganar.

¿A dónde va el código promocional después de que el visitante envía el formulario?

Se añade a la carga útil del envío, se guarda en la fila de contacto y se muestra en el mensaje de confirmación posterior al envío. Úsalo como etiqueta de combinación {{promo_code}} en cualquier correo de bienvenida de seguimiento.

¿La gamificación también funciona en formularios en línea y alojados?

La gamificación solo está disponible en formularios emergentes — la interacción centrada en la superposición encaja de forma natural con la mecánica de ventana emergente de página completa. Los formularios en línea y alojados se quedan como campos simples.

Crea esto en el estudio

Empieza con el plan gratuito: todos los bloques interactivos y el motor de alternativas completo están incluidos en cada plan.