Cómo añadir y personalizar elementos de pop-up interactivos
Con el creador de pop-ups de SendPulse, puedes crear pop-ups inteligentes que aparezcan según escenarios predefinidos. Utiliza elementos de pop-up interactivos para gamificar la recopilación de datos y mejorar la experiencia del usuario.
Selecciona una plantilla para usarla o personalizarla. También puedes crear tu propia plantilla utilizando elementos prediseñados y aumentar la interacción del usuario.
En este artículo, hablaremos sobre cómo agregar y configurar elementos de pop-up interactivos.
Primeros pasos
Para añadir un elemento interactivo a un pop-up, selecciona un proyecto de la lista o haz clic en Crear proyecto. A continuación, haz clic en Añadir pop-up, elige una plantilla o crea un nuevo pop-up.
En el creador, selecciona un elemento interactivo: Tarjeta rasca y gana, Elige un regalo, Dado o Máquina tragamonedas.
Leer también: Cómo crear un pop-up inteligente.
En primer lugar, selecciona una variable para almacenar los resultados de la tirada de dados de los visitantes del sitio web y los datos relacionados, o crea una nueva.
Tarjeta Rasca y Gana
Este elemento añade un área en la cual los usuarios deben introducir su información de contacto y rascar la tarjeta virtual para revelar un código promocional.
Personaliza el elemento en las siguientes secciones.
| Texto | Introduce un texto para el área de rascado. |
| Código promocional | Introduce un código promocional que aparecerá después de rascar la tarjeta. Los usuarios pueden aplicar este código para reclamar descuentos u otras ofertas en tu sitio web. Puedes añadir múltiples códigos promocionales que se distribuirán aleatoriamente entre los usuarios. |
| Estilo | Selecciona un estilo para la tarjeta rasca y gana. Puedes seleccionar una forma rectangular o redonda y un color dorado o plateado. |
Elige un regalo
Este elemento interactivo añade una caja de regalo que los usuarios pueden abrir para obtener un código promocional.
Los regalos se desbloquearán una vez que los usuarios compartan su información de contacto a través de un campo de entrada. Para recopilar esta información, asegúrate de que el campo de entrada sea obligatorio.
Añade el elemento Elige un regalo y configura sus parámetros.
| Código promocional | Añade uno o más códigos promocionales. Cuando un usuario abra la caja de regalo, aparecerá un código promocional aleatorio de tu lista.
Puedes introducir un código promocional de hasta 20 caracteres. |
| Estilo | Selecciona un diseño de caja regalo. |
| Tamaño | Selecciona un tamaño de caja regalo: chica (S), mediana (M) o grande (L). |
Dado
Este elemento interactivo añade un dado virtual que los usuarios pueden lanzar para ganar un código promocional después de compartir sus datos de contacto.
Personaliza el elemento en las siguientes secciones.
| Texto del pop-up | Introduce el texto que aparece debajo de tus dados. Puedes darle formato con la barra de herramientas. |
| Número de dados | Selecciona el número de dados que aparecerán en tu pop-up. |
| Valor máximo ganador | Introduce el valor máximo que pueden tirar los visitantes del sitio web. Tus dados no tendrán un valor mayor.
El valor máximo disponible depende del número de dados que hayas seleccionado (6 para un dado, 12 para 2 dados y 18 para 3 dados). |
| Texto posterior al tiro | Introduce el texto que aparecerá después de la tirada. Puedes editar este texto para cada resultado individualmente. |
También puedes personalizar el color de la Cara y los Puntos de tu dado o utilizar la configuración del sitio web determinada.
Máquina tragamonedas
Este elemento interactivo añade una máquina tragamonedas que los usuarios pueden hacer girar para ganar un código promocional.
Personaliza el elemento en las siguientes secciones.
| Estilo | Selecciona un diseño de máquina tragamonedas. Selecciona la casilla Jugar con sonido para añadir un sonido. |
| Número de intentos de giro | Introduce el número de giros que puede hacer un usuario. |
| Combinación ganadora | Selecciona una combinación ganadora de 2 o 3 elementos idénticos seguidos. |
| Código promocional | Introduce el código promocional que aparecerá si un usuario gana. Para añadir varios códigos promocionales, haz clic en Añadir código promocional debajo del campo de entrada.
Los códigos promocionales se distribuirán aleatoriamente. |
| Texto del botón | Introduce el texto del botón de la máquina tragamonedas. |
A continuación, añade los textos de los resultados del giro.
| Texto previo al giro | Introduce el texto que aparecerá antes de girar. |
| Texto ganador | Introduce el texto que aparecerá si el usuario gana. |
| Texto de intentos agotados | Introduce el texto que aparecerá cuando un usuario se quede sin intentos de giro y no gane. |
Ruleta
Este elemento añade una rueda que los visitantes de tu web puedan girar para ganar bonos, descuentos o regalos.
Selecciona o crea una variable que almacene el valor del sector donde se detenga la rueda. Añade sectores y personaliza sus estilos. Ajusta la probabilidad de tus sectores, añade texto y selecciona una posición de la rueda relativa a tu pop-up.
Leer más: Cómo configurar el elemento de pop-up Ruleta.
Última actualización: 14.03.2025
o