Crea un pop-up inteligente

Con nuestro servicio de pop-ups, puedes crear ventanas emergentes inteligentes que los clientes pueden ver en un escenario determinado. Haz una oferta en el momento adecuado, ayuda a tu cliente a elegir un producto o servicio, o capta suscriptores para interactuar con ellos usando el servicio de SendPulse.

Puedes elegir una plantilla prediseñada y usarla de inmediato o editarla según tus necesidades.

Hablemos sobre cómo crear un pop-up inteligente con una plantilla, así como configurar su apariencia, elementos y condiciones de visualización.

Crea un pop-up

Puedes crear un pop-up desde cero o seleccionar una plantilla prediseñada para editarla.

Dirígete a tu sitio web en la pestaña Pop-ups y haz clic en Crear pop-up.

Desde cero

Para crear tu propio pop-up usando elementos listos para usar, haz clic en Nuevo pop-up.

Con una plantilla

Una plantilla de pop-up es un widget con apariencia predefinida y configuraciones de acción objetivo. Puedes elegir una plantilla según el tipo de tema, tipo de pop-up o elementos.

Selecciona una categoría a la derecha y una plantilla a la izquierda.

Configura los elementos de tu pop-up

Una vez seleccionada una plantilla, el creador de pop-ups se abrirá en la pestaña Diseño, donde puedes editar tus pop-ups y sus elementos.

Si estás creando un pop-up desde cero, haz clic en + Agregar elemento y selecciona un elemento.

Puedes agregar elementos a los pop-ups de los tipos Superposición, Flotante, Horizontal y Ventana modal. Si deseas personalizar tus pop-ups de los tipos Video y Lanzador, consulta la sección Elementos adicionales de este artículo.

Si estás creando un pop-up a partir de una plantilla, puedes personalizarlo. Para editar un elemento, haz clic en el ícono del lápiz.

También puedes editar un elemento haciendo clic en él. Cuando pases el cursor sobre un elemento o comiences a editarlo, aparecerá dicho elemento en un marco verde.

A continuación, podrás obtener más información sobre cada elemento.

Portada

Este elemento muestra una imagen de pop-up que cubre toda el área a lo largo del borde seleccionado.

Selecciona una imagen para el elemento Portada y personalízala.

Campo de entrada

Este elemento solicita datos de usuario que puedes guardar en variables, incluidos nombres, direcciones de correo electrónico, números de teléfono, fechas de nacimiento, etc., para crear o actualizar contactos.

Añade el elemento Campo de entrada. Elige una variable en la que guardar los valores y personaliza el nombre del campo.

También puedes rellenar automáticamente los campos emergentes, configurar la confirmación de doble suscripción, agregar nombres de campo y hacer que los campos sean obligatorios.

App de mensajería

Este elemento redirige a un usuario a una plataforma de redes sociales de tu elección. Puedes agregar hasta 10 íconos de redes sociales a un pop-up. Si tienes un chatbot, puedes vincularlo a tu pop-up para incrementar la audiencia de tu chatbot y lanzar flujos.

Añade el elemento de App de mensajería. Selecciona un ícono de red social y escribe el texto del botón. En el siguiente campo, añade un enlace a tu perfil en las redes sociales.

En el siguiente campo, agrega un enlace a tu perfil de redes sociales. Si tienes un chatbot de Instagram, Facebook Messenger, Viber Telegram, puedes vincularlo a tu pop-up y seleccionar un flujo que se ejecutará cuando un usuario interactúe con tu chatbot.

Texto

Este elemento muestra un texto a los visitantes de tu sitio web. Puedes añadir un mensaje adaptado a tu escenario de pop-up para captar clientes potenciales.

Añade el elemento Texto. Introduce y da formato a tu texto. También puedes añadir enlaces y emojis y personalizar tu mensaje utilizando variables.

Lista desplegable

Este elemento le permite a los usuarios seleccionar un artículo de la lista, por ejemplo, una categoría de producto.

Añade el elemento Lista desplegable. Selecciona o crea una variable en la que desees almacenar valores.

También puedes marcar una opción que aparecerá como seleccionada por defecto.

Botón

Este elemento permite a los usuarios enviar formularios y te ayuda a enviar los datos de los campos rellenados a sus tarjetas de contacto.

Añade el elemento Botón. Puedes añadir botones como texto o imágenes. Introduce tu texto o sube una imagen, y selecciona una acción de botón al hacer clic.

Imagen

Este elemento agrega más imágenes a tu pop-up. A diferencia del elemento Portada, el elemento Imagen no llena tu pop-up.

Añade el elemento Imagen. Haz clic en Subir imagen y selecciona una imagen en el administrador de archivos.

Para generar una imagen utilizando AI, haz clic en el ícono a la derecha del botón.

Botones de selección

Este elemento le permite a los usuarios seleccionar un artículo de la lista mediante un botón de selección.

Añade el elemento Botones de selección. Selecciona una variable en donde quieras guardar los valores. En cada botón de selección, añade el texto en el campo Texto y selecciona el valor que deseas guardar en la variable en el campo Valor.

Casilla de verificación

Este elemento le permite a los usuarios seleccionar una casilla de verificación, por ejemplo, para dar su consentimiento al procesamiento de datos personales.

Añade el elemento Casilla de verificación. Elige una variable donde quieras guardar los valores y personaliza el texto.

Multiselección

Este elemento permite a los usuarios seleccionar varias opciones mediante casillas de verificación, por ejemplo, para elegir sus temas preferidos para el newsletter.

Añade el elemento Multiselección. Selecciona una variable en donde quieras guardar los valores. En cada opción, añade tu texto en el campo Texto, y selecciona el valor que quieres guardar en tu variable en el campo Valor.

Encuesta NPS

Este es un elemento con una escala de valoración donde los usuarios pueden dar su opinión y ayudarte a mejorar la calidad de tu servicio.

Añade el elemento de encuesta NPS. Selecciona una variable para almacenar los valores. Elige un formato de valoración (estrellas, emoticones, corazones, me gusta/no me gusta o valores numéricos). También puedes habilitar un campo de comentarios y seleccionar su tamaño.

Flujo del pop-up

Este elemento lanza otro pop-up y se usa para crear flujos, como una serie de formularios u ofertas.

Añade el elemento Flujo. Selecciona el pop-up que deseas lanzar y ponle texto al botón que lo va a lanzar. Si deseas agregar más botones de lanzamiento de pop-ups, agrega otro elemento.

Cursos

Este elemento muestra un formulario de inscripción a un curso gratuito o de pago.

Añade el elemento Cursos. Habilite los pagos y, a continuación, selecciona un curso y un método de pago. También puedes permitir que los estudiantes apliquen un código promocional.

Comentario

Este elemento permite al usuario introducir un texto de hasta 5,000 caracteres para dejar una reseña o hacer una pregunta.

Añade el elemento Comentario. Selecciona una variable para guardar valores y escribe un texto de marcador de posición.

Video

Este elemento muestra un vídeo en tu pop-up. Por ejemplo, puedes utilizarlo para la presentación de un producto o para un tutorial.

A diferencia del tipo de pop-up Video este elemento te permite combinar videos con otros elementos pop-up del tipo que hayas seleccionado.

Añade el elemento Video. Pega el enlace y establece un estilo de visualización de video.

Ruleta

Este elemento añade una rueda que los visitantes de tu web puedan girar para ganar bonos, descuentos o regalos.

Selecciona el elemento Ruleta y personaliza su estilo.

Cuenta regresiva

Este elemento muestra cuánto tiempo falta para un determinado evento o una fecha/hora fija. Por ejemplo, puedes crear una cuenta regresiva hasta el final de una venta para crear un sentido de urgencia y motivar a los visitantes a tomar acción.

Añade el elemento Cuenta Regresiva y personaliza las fechas y la apariencia.

Galería

Este elemento muestra las imágenes como una presentación de diapositivas o al hacer clic.

Añade el elemento Galería. Haz clic en Subir imagen y selecciónala en el administrador de archivos.

Para generar una imagen utilizando AI, haz clic en el ícono a la derecha del botón.

Acordeón

Este elemento oculta otros elementos de pop-up utilizando un espacio expandible. Ayuda a organizar las preguntas frecuentes y otros tipos de contenido en un diseño conciso para que los usuarios puedan expandir las secciones relevantes.

Añade el elemento Acordeón. Personaliza su estilo y añade elementos.

Subir archivos

Este elemento permite a los usuarios subir archivos, incluidos imágenes, documentos y videos. Por ejemplo, puedes utilizarlo para recibir vales o documentos escaneados.

Añade el elemento Subir archivo. Selecciona el tipo y tamaño de los archivos esperados y personaliza el estilo de tu elemento.

Tarjeta Rasca y Gana

Este elemento permite a los usuarios introducir su información de contacto y rascar la tarjeta virtual para revelar un código promocional. Puede ayudar a gamificar la recogida de contactos y mejorar la experiencia del usuario.

Selecciona el elemento Tarjeta Rasca y Gana. Elige una variable en donde quieras guardar los valores, añade un código promocional y personaliza el estilo de tu elemento.

Elige un regalo

Este elemento añade una caja de regalo interactiva que los usuarios pueden abrir* para obtener un código promocional. Puede ayudar a gamificar la recogida de contactos y mejorar la experiencia del usuario.

Los regalos se desbloquearán cuando los usuarios compartan su información de contacto a través de un campo de entrada. Para recopilar esta información, asegúrate de añadir un campo de entrada obligatorio.

Selecciona el elemento Elige un regalo. Elige una variable en donde quieras guardar los valores, añade un código promocional y personaliza el estilo de tu elemento.

Dado

Este elemento añade un dado que los usuarios pueden lanzar para obtener un código promocional. Puede ayudar a gamificar la recogida de contactos y mejorar la experiencia del usuario.

Selecciona el elemento Dado. Elige una variable en donde quieras guardar los valores. Personaliza el estilo del elemento y añade un código promocional.

Máquina tragamonedas

Este elemento añade una máquina tragamonedas que los usuarios pueden hacer girar para ganar un código promocional. Puede ayudar a gamificar la recogida de contactos y mejorar la experiencia del usuario.

Selecciona el elemento Máquina tragamonedas. Elige una variable en donde quieras guardar los valores. Personaliza el estilo del elemento y añade un código promocional.

Encuentra la bolita

Este elemento interactivo añade vasos que los usuarios pueden revolver para ganar un código promocional. Puede ayudar a gamificar la recogida de contactos y mejorar la experiencia del usuario.

Selecciona el elemento Encuentra la bolita. Elige una variable en donde quieras guardar los valores. Personaliza el estilo del elemento y añade un código promocional.

Personaliza el estilo

Para acceder a la configuración del estilo, haz clic en el ícono de la primera pestaña (Estilo). En esta sección, puedes:

• Elegir entre varios tipos de pop-up para ajustar el estilo, la ubicación en la página y el método de interacción de tu widget.
• Ajustar el aspecto general de los elementos del pop-up, como la posición, los colores, el tamaño de los campos, etc.
• Añadir una animación para cuando el pop-up aparezca o desaparezca. Puedes seleccionar entre varios efectos y establecer la dirección de la animación.

Añade una versión de idioma

Puedes añadir versiones en otros idiomas y personalizar su contenido en un pop-up. Los visitantes de tu web podrán elegir el idioma que prefieran.

Haz clic en el ícono del mundo en la esquina superior derecha del área de trabajo. Haz clic en Añadir idioma predeterminado y selecciona un idioma de la lista. Este idioma será visible para todas los visitantes de tu sitio web. A continuación, haz clic en Añadir versión de idioma, selecciona un idioma y personaliza el contenido de tus pop-ups.

Más información: Cómo configurar un pop-up multilingüe.

Previsualiza tu pop-up

Mientras editas tu pop-up, puedes ver cómo lucirá en tu sitio web en tiempo real. Para ver la versión móvil, haz clic en el ícono correspondiente de la derecha.

Una vez que termines de personalizar el diseño de tu pop-up, haz clic en Siguiente.

Configura las condiciones de visualización del pop-up

En la pestaña Condiciones de visualización, puedes configurar tu widget para que aparezca cuando un usuario haga clic en el lanzador o una vez que se cumplan las condiciones de seguimiento de la conducta del visitante.

Para mostrar un pop-up al hacer clic en el lanzador, habilita la acción y selecciona un pop-up existente del tipo Lanzador.

Para mostrar un pop-up a partir de una condición de rastreo del comportamiento del visitante, selecciona el evento que deseas rastrear, así como el operador de condición, e ingresa el valor rastreado. También puedes seleccionar varias condiciones y vincularlas a los operadores.

Por ejemplo, puedes mostrar tu widget sólo cuando los usuarios hagan una determinada acción, como desplazarse a una cierta parte de la página o pasar más de 40 segundos en el sitio web.

Leer más: Cómo configurar el escenario de visualización de un pop-up y cómo crear un lanzador de pop-ups.

Una vez que termines de configurar las condiciones de visualización de tu pop-up, haz clic en Siguiente.

Configura las opciones de almacenamiento de datos

En la pestaña Guardar datos, puedes seleccionar dónde deseas almacenar los datos de tus suscriptores.

Habilita el interruptor* y selecciona una de las siguientes opciones.

*Sólo puedes guardar los valores de los pop-ups que recopilen datos del usuario. Si no tienes los elementos Campo de entrada, Lista desplegable, Multiselección, Botones de selección, Casilla de verificación, Encuesta NPS y EDU, las opciones permanecerán inactivas.

Nombra tu pop-up

Por defecto, el nombre de tu pop-up se genera utilizando la fecha y hora en que se creó. Si deseas cambiar el nombre del pop-up, haz clic en el ícono correspondiente, escribe el texto y presiona Enter.

Publica tu pop-up

Una vez configuradas todas las condiciones necesarias, haz clic en Guardar y publicar o Guardar y cerrar.

Si quieres asegurarte de que todos los cambios se muestren en tu navegador, limpia el caché y las cookies de tu navegador después de guardar tu pop-up.

Todos tus pop-ups se muestran en la sección Pop-ups como pestañas independientes. Una vez que crees tu pop-up, podrás verlo, monitorear sus estadísticas y editarlo. Sin embargo, no podrás cambiar el tipo de pop-up.

Última actualización: 28.05.2025