Cómo Crear Una Ventana Emergente Inteligente
Con nuestro generador de widgets puedes crear ventanas emergentes inteligentes que se muestran a los visitantes solo según lo especificado por un escenario determinado. Haz una oferta personal en el momento adecuado, ayuda a tu cliente a elegir un producto o servicio o reúne suscriptores para interactuar con ellos utilizando el servicio SendPulse.
Puedes elegir una plantilla prefabricada y usarla de inmediato o editarla según tus necesidades.
Hablemos sobre cómo crear un widget usando una plantilla y configurar su apariencia, texto de mensaje, acción objetivo y condición de visualización.
Ve a tu proyecto en la pestaña "Display scripts" y haz clic en Crear ventana emergente.
Elige Una Plantilla
Una plantilla es un widget con apariencia predefinida y configuraciones de acción objetivo. Puedes elegir una plantilla emergente de la lista de plantillas populares o festivas según el tipo de widget o el propósito.
Por Tipo de Ventana Emergente
Selecciona una plantilla según la apariencia de tu widget preferida.
Superposición | Un bloque que cubre toda la página del sitio. Los usuarios deben cerrar la ventana emergente para interactuar con el contenido de la página. |
Flotante | Una ventana flotante colocada a la izquierda o derecha de la ventana del navegador cuando un usuario se desplaza por la página. Los usuarios no necesitan cerrarla para interactuar con el contenido de la página. |
Horizontal | Una ventana horizontal que se puede colocar en la parte superior o inferior de la página. Los usuarios no necesitan cerrarla para interactuar con la página. |
Video | Una ventana que reproduce videos de YouTube. Si seleccionas un escenario automatizado, el video comenzará a reproducirse después de cualquier acción del usuario en la página.
Si seleccionas la opción "Activado al hacer clic", los usuarios verán una vista previa del video. Una vez que se cargue la página, este comenzará a reproducirse cuando hagan clic en la ventana emergente. En los dispositivos móviles, las ventanas emergentes de video siempre se reproducen sólo cuando los usuarios hacen clic en ellas. |
Ventana modal | Un bloque ubicado en el centro de la página. Todo el resto del contenido de la página del sitio está oscurecido y no se puede hacer clic en él. Los usuarios deben cerrar la ventana modal para interactuar con el contenido de la página de su sitio. |
Lanzador | Un pequeño icono estático anclado en la esquina seleccionada de la página. Cuando los usuarios hacen clic en él, se desencadena una determinada acción, por ejemplo, otra apertura emergente o redirección del usuario a una página en específico.
Lee también: Cómo crear un lanzador Pop-up. |
NPS | Un bloque con una escala y un cuadro de comentarios que permite recopilar comentarios de los usuarios y monitorear el nivel de satisfacción con un producto o servicio. Tus opciones de calificación se pueden mostrar como números, estrellas y emojis. |
Por Acción Emergente
Selecciona una plantilla según tu acción objetivo preferida.
Solicitud de cookies | Pide a los visitantes del sitio su consentimiento para las cookies. Tus visitantes pueden cerrar la ventana emergente haciendo clic en el botón o siguiendo el enlace para leer tu política de cookies. |
Llamada a la acción | Alienta a los visitantes a realizar una acción, por ejemplo, cerrar la ventana emergente o ir a tu landing page. |
Suscripción a redes sociales | Redirige a los visitantes a la red social o plataforma de mensajería seleccionada. Puedes agregar cualquier cantidad de botones de redes sociales en una ventana emergente. Si tienes un chatbot, los usuarios podrán suscribirse y recibir un mensaje de bienvenida. |
Interacción con el chat | Permite que los visitantes de tu sitio se comuniquen contigo a través de una red social o un formulario de comentarios. |
Suscripción al boletín | Recopila las direcciones de correo electrónico de los visitantes de tu sitio. |
Solicitud de teléfono | Recopila los números de teléfono de los visitantes de tu sitio. |
Formulario personalizado | Recopila datos adicionales del suscriptor. |
Personaliza la Apariencia de Tu Ventana Emergente
Una vez que elijas una plantilla, verás el generador de widgets abierto en la pestaña "Contenido", donde puedes editar la apariencia de tu widget y cambiar la acción objetivo.
Elige si quieres mostrar una imagen o no. Si deseas mostrar una imagen, carga un archivo JPG, PNG o GIF de hasta 1 MB de tamaño y alinéalo con tu texto y botón: izquierda, derecha, arriba o pantalla completa.
Si seleccionaste el tipo de ventana emergente "Video", agregael enlace a tu video de Youtube y elige cuándo reproducirlo (automáticamente o después de que los usuarios hagan clic en él).
Selecciona el color de fondo (blanco, negro o de color) y la ubicación de tu ventana emergente en la página.
Puedes elegir la ubicación solo para ventanas emergentes, ventanas emergentes de video (izquierda o derecha) y ventanas emergentes largas (inferior o superior).
A la derecha, puedes ver cómo se verá su ventana emergente en tu sitio.
Agrega Un Mensaje
Ingresa un mensaje adecuado al contexto para los visitantes de tu sitio que los alentará a interactuar con tu ventana emergente. Puedes formatear tu texto y agregar enlaces y emoji.
Por ejemplo, si un visitante ha visto la página de un producto más de tres veces, tu mensaje emergente puede motivarlo a realizar una compra. Tu widget también puede ayudar a un usuario a calcular el costo de envío cuando explora tus opciones de envío.
Tú también puedes personalizar tu mensaje con variables personalizadas. Haz clic en {} y selecciona una variable creada.
Por ejemplo, puedes dirigirte a los visitantes por su nombre, proporcionar cupones de descuento únicos, compartir recomendaciones basadas en pedidos o vistas anteriores de los usuarios, enviar notificaciones de carritos abandonados o compartir otros datos de tu sistema.
Elige Una Acción Objetivo
Cada plantilla seleccionada tiene una acción objetivo que se espera que realicen los usuarios: hacer clic en un botón, suscribirse o proporcionar información de contacto.
Puedes omitir esta configuración o cambiar su acción objetivo para eliminar o agregar campos y botones.
La configuración puede variar según la acción objetivo seleccionada.
Acción | Descripción | Cómo configurarlo |
Sin acción | No agrega elementos de interacción con los visitantes.
El widget se usa sólo para mostrar información. |
No hay ningún botón o campo de entrada para configurar. |
Llamada a la acción | Alienta a los visitantes de tu sitio a realizar una acción, por ejemplo, cerrar la ventana emergente o ir a tu landing page. | Agrega el texto de tu botón y selecciona qué hará cuando los usuarios le den clic: cierra la ventana emergente o redirígelos a otra página. |
Suscríbete a la mensajería | Redirige al visitante de tu sitio a la plataforma de redes sociales seleccionada.
Puedes agregar hasta 10 enlaces de redes sociales a una ventana emergente. Si tienes un chatbot, los usuarios pueden suscribirse y recibir un mensaje de bienvenida. |
Selecciona un ícono de redes sociales e ingresa el texto del botón.
También puedes redirigir a los usuarios a tu chatbot de Telegram, WhatsApp, Instagram y Facebook Messenger si tienes uno. |
Suscripción al boletín | Solicita al visitante de tu sitio que proporcione su correo electrónico.
También puedes guardar tus contactos en los servicios de correo electrónico y CRM. |
Agrega tu sugerencia al campo donde los suscriptores proporcionarán su información de contacto e ingresa el nombre de tu botón.
Para guardar tus contactos en el servicio de correo electrónico, selecciona "Guardar en lista de correo" y elige una lista de correo. Si no tienes una lista de correo, el servicio creará una automáticamente con el nombre de tu proyecto. Para guardar tus contactos en tu sistema de CRM, selecciona "Crear un trato en CRM" y elige un canal y una etapa. Cuando agregas tratos a CRM, los contactos se crean automáticamente en la sección "Contactos". |
Solicitud de teléfono | Solicita el número telefónico al visitante de tu sitio.
También puedes guardar tus contactos en los servicios de correo electrónico y CRM. |
|
Pago EDU |
Muestra un formulario de pago para un curso. Los contactos que pagan se guardan en tu sistema CRM. |
Elige un curso que los usuarios puedan pagar y selecciona un método de pago.
Aprende más:Cómo recibir pagos en el sitio web de tu curso. |
Formulario personalizado |
Solicitudes de datos personales de los visitantes, por ejemplo, nombre, número de teléfono, fecha de nacimiento, etc. También puedes guardar contactos con variables personalizadas en el servicio de correo electrónico y tu sistema CRM. |
En el campo de entrada, selecciona un tipo de datos e ingresa un marcador de posición. También puedes agregar más elementos y vincular campos con variables personalizadas.
Más información: Cómo configurar un formulario emergente personalizado y cómo transferir variables personalizadas. |
Enlace | Redirige a los usuarios a una página específica cuando hacen clic en la ventana emergente.
Disponible sólo para la plantilla “Lanzador”. |
En el campo "Ingresar enlace", agrega un enlace a la página a la que dirigirás a los usuarios cuando hagan clic en el lanzador.
Si deseas que la página se abra en una nueva ventana, selecciona la opción "Abrir en nueva ventana". |
Abrir ventana emergente | Lanza otra ventana emergente en la página cuando se hace clic.
Disponible sólo para la plantilla “Lanzador”. |
En el campo "Elegir una ventana emergente", selecciona una por su nombre de la lista desplegable, esta se abrirá cuando los visitantes hagan clic en el lanzador. |
Puedes agregar cualquier ventana emergente a tu lanzador, la cual se abrirá cuando los usuarios hagan clic en él. Para hacer esto, en la configuración de tu ventana emergente, selecciona un lanzador de la lista desplegable.
Una vez que hayas configurado la apariencia de la ventana emergente y la acción objetivo, haz clic en Siguiente.
Configura Tu Escenario
En la siguiente ventana, ve a la pestaña "Orientación". Puedes realizar un seguimiento del comportamiento de los visitantes y mostrar el widget solo cuando los usuarios realizan una determinada acción, como desplazarse a una determinada parte de la página o pasar más de 40 segundos en tu sitio.
Tipos de Condiciones
Selecciona un evento y un operador de condición para rastrear el comportamiento de los visitantes de tu sitio e ingresa el valor que deseas rastrear.
Evento | Descripción | Cómo configurarlo |
Mostrar siempre |
Tu widget se mostrará a los visitantes del sitio web sin esperar a que se cumplan diversas condiciones. Tu ventana emergente no se mostrará después de que un usuario interactúe con ella. |
|
UTM medio |
Rastrea el parámetro que determina el tipo de tráfico. El widget se muestra solo a los usuarios con el valor del parámetro |
Selecciona la condición "igual a", "no igual a" o "contiene".
Ingresa un valor que sea igual o que contenga los caracteres del parámetro Valores posibles:
|
Contenido UTM |
Rastrea el parámetro que determina la parte de la página de la que proviene el usuario. El widget se muestra solo a los usuarios con el valor del parámetro |
Selecciona la condición "igual a", "no igual a" o "contiene".
Ingresa un valor que sea igual o que contenga los caracteres del parámetro Valores posibles:
|
Término UTM |
Rastrea el parámetro que determina la palabra clave o frase de consulta que llevó al usuario a tu sitio desde un motor de búsqueda. El widget se muestra solo a los usuarios con el valor del parámetro |
Selecciona la condición "igual a", "no igual a" o "contiene". Ingresa un valor que sea igual o que contenga los caracteres del parámetro |
Campaña UTM |
Rastrea el parámetro que determina el nombre de su campaña publicitaria. El widget se muestra solo a los usuarios con el valor del parámetro |
Selecciona la condición "igual a", "no igual a" o "contiene". Ingresa un valor que sea igual o que contenga los caracteres del parámetro |
Fuente UTM |
Rastrea el parámetro que determina la fuente de tráfico de donde proviene el usuario. El widget se muestra solo a los usuarios con el valor del parámetro |
Selecciona la condición igual a, no igual a o contiene. Ingresa un valor que sea igual o que contenga los caracteres del parámetro Valores posibles:
|
Tipo de tráfico |
Rastrea la procedencia del visitante. El widget se muestra solo a los visitantes de las fuentes de tráfico seleccionadas. |
Selecciona la condición "igual" o "no igual". Elija uno de estos posibles tipos de tráfico:
|
Hora en la página actual |
Hace un seguimiento del tiempo que el usuario pasó en la página actual. El widget se mostrará a los visitantes de tu sitio si pasan la cantidad de tiempo especificada en tu página. |
Selecciona la condición "mayor que" o "menor que". Ingresa un valor mayor o menor que la duración de la visita a la página de destino en segundos, minutos u horas. |
Tiempo en el sitio |
Hace un seguimiento del tiempo dedicado a todas las páginas de tu sitio. El widget se mostrará a los visitantes de tu sitio si pasan la cantidad de tiempo especificada en su sitio. |
Selecciona la condición "mayor que" o "menor que". Ingresa un valor que será mayor o menor que la duración de la visita al sitio en segundos, minutos u horas. |
Número de sesiones |
Rastrea el número de sesiones de visitantes. El widget se mostrará al usuario si el número especificado de sesiones tiene lugar en tu sitio. |
Selecciona la condición "mayor que" o "menor que". Ingresa un valor que sea mayor o menor que el número objetivo de sesiones por usuario. |
Desplácese sobre el 50 % de la página |
Rastrea cuánto se desplaza el usuario por la página. El widget se mostrará a los visitantes de tu sitio cuando se desplacen por la mitad de la página. |
Elige "sí" o "no". |
Cursor fuera de pantalla |
Rastrea el movimiento del cursor del ratón. El widget se mostrará a los visitantes de tu sitio si comienzan o no comienzan a mover el cursor para cambiar a otra pestaña o cerrar la actual. |
Elige "sí" o "no". |
Fuente de tráfico |
Rastrea la página de la que proviene el visitante. El widget se mostrará al visitante de tu sitio si la URL proporcionada coincide con la URL de referencia. |
Selecciona la condición "igual a", "no igual a" o "contiene". Ingresa la dirección de la página desde la cual el usuario llegó a tu sitio. |
URL de la página actual |
Rastrea la página que el usuario está viendo actualmente. Puedes elegir esta configuración para mostrar (u ocultar) la ventana emergente en ciertas páginas de tu sitio. El widget se mostrará a los visitantes de tu sitio después de que carguen la página con la URL dada. |
Selecciona la condición igual a, no igual a o contiene. Ingresa un valor que contenga el enlace o parte del enlace a la página actual. |
URL de la página visitada |
Rastrea la página de la que proviene el usuario. El widget se mostrará a los visitantes de tu sitio después de que carguen la página con la URL dada. |
Selecciona la condición igual a, no igual a o contiene. Ingresa un valor que contenga un enlace o parte de un enlace a la página de destino. |
Título de la página |
Rastrea las páginas por sus títulos. El widget se mostrará al usuario cuando visite tu página con el mismo título. |
Selecciona la condición "igual a", "no igual a" o "contiene". Ingresa un valor que sea igual o que contenga los caracteres del título de tu página de destino. |
Navegador |
Rastrea el navegador y el dispositivo que usa el visitante de tu sitio. El widget se mostrará al usuario cuando visite tu sitio desde un navegador específico o cualquier navegador en el móvil/escritorio. |
Ingresa un valor que coincida con el nombre de un navegador o que coincida con todos los navegadores en dispositivos móviles o de escritorio. |
Periodo de fecha |
Hace un seguimiento de la fecha en que el usuario visitó tu sitio. El widget se mostrará solo durante las fechas seleccionadas. |
Selecciona las fechas en las que se mostrará el widget en tu sitio web. Un nuevo día comienza después de las 00:00 de la medianoche. Por tanto, el horario nocturno debe describirse según la siguiente fórmula: “antes de las 23:59”, el operador “o”, “después de las 00:01”. Cuando crees tu widget, se tiene en cuenta la zona horaria de tu navegador. Sin embargo, cuando se utiliza, se tiene en cuenta la zona horaria de tus clientes. |
Páginas visitadas |
Rastrea el número total de páginas visitadas por el usuario. El widget se mostrará cuando el usuario visite más o menos páginas de las que especificó. |
Selecciona la condición "mayor que" o "menor que". Ingresa un valor que será mayor o menor que el número de páginas visitadas por el usuario durante la sesión actual. |
Páginas visitadas en la sesión actual |
Rastrea el número de páginas visitadas por el usuario durante la sesión actual. El widget se mostrará cuando el usuario visite más o menos páginas de las que usted especificó durante una sesión. |
Selecciona la condición "mayor que" o "menor que". Ingresa un valor que sea mayor o menor que el número de páginas visitadas durante la sesión actual. |
Navegador |
Realiza un seguimiento del idioma establecido en la configuración del navegador del visitante. Puedes elegir esta configuración para mostrar (u ocultar) la ventana emergente en diferentes versiones de idioma de tu sitio. |
Selecciona la condición "igual a" o "diferente a". Selecciona el idioma de tu navegador de la lista. |
Periodo de tiempo del usuario | Realiza un seguimiento de las horas en que un usuario visitó tu sitio web.
La zona horaria establecida en la configuración de tu cuenta es tomada en cuenta. Tu widget se mostrará sólo durante el tiempo seleccionado. |
Selecciona el intervalo de tiempo en el que se mostrará el widget en tu sitio web.
Por ejemplo, puedes seleccionar un período de promoción o tu horario comercial: de 6:00 p.m. a 00:00 a.m. |
Periodo de tiempo del cliente | Realiza un seguimiento de las horas en que un usuario visitó tu sitio web.
Se tiene en cuenta la zona horaria del visitante de tu sitio web. Tu widget se mostrará sólo durante el tiempo seleccionado. |
|
Mostrar cada vez que ingresa al sitio | Tu widget se mostrará a los visitantes del sitio web sin interacciones previas del usuario con una ventana emergente y esperando que se cumplan varias condiciones. | |
Mostrar sólo al hacer clic en el lanzador | Realiza un seguimiento si un usuario hace clic en tu lanzador.
Tu widget se mostrará cuando un usuario haga clic en el ícono del lanzador vinculado a tu ventana emergente actual. |
|
Variable del usuario | Realiza un seguimiento si un usuario tiene un determinado valor de variable personalizado en tu lista de contactos.
Tu widget se mostrará cuando los usuarios tengan o no (dependiendo del operador que seleccione) el valor que ingreses. |
Selecciona la variable cuyo valor deseas rastrear y elige un operador:
"iguales": Coincidencia total del valor ingresado. "no es igual": No coincide con el valor ingresado. "contiene": Una coincidencia parcial. "lleno": Una variable tiene cualquier valor. "no lleno": Una variable está vacía. Para los operadores "igual", "no igual" y "contiene", ingresa tu valor de seguimiento. |
Mostrar sólo al hacer clic en el botón | Realiza un seguimiento si un usuario hace clic en el botón emergente de enviar.
Tu widget se mostrará cuando los usuarios hagan clic en un botón en otra ventana emergente. Recomendamos utilizar esta opción cuando creas flujos. |
|
Mostrar al hacer clic en un elemento | Realiza un seguimiento cuando un usuario hace clic en un elemento de objetivo.
El widget se mostrará cuando un usuario haga clic en el elemento seleccionado. |
Para hacer que tu widget aparezca cuando un usuario hace clic en un elemento, es necesario agregar una clase a ese elemento.
Para hacer esto, en la vista previa emergente, ve a la pestaña “Código para inicio manual". Copia el código que corresponde al valor de clase, y agrégalo al elemento en el creador de sitios web. |
Día de la semana | Registra los días de la semana en que el usuario visita el sitio.
El widget se mostrará cuando un usuario visite tu sitio web en días específicos de la semana. |
Selecciona “Mostrar en" o “no mostrar en". Escoge el día o los días de la semana. |
Mostrar periódicamente | Registra el número de veces que un usuario visita el sitio durante el periodo de tiempo seleccionado.
El widget se mostrará en intervalos seleccionados. |
Selecciona el intervalo de visualización emergente. Puedes elegir la opción “Una vez al día", “Una vez por semana", “Una vez al mes", o "Una vez al año" o seleccionar "Establecer período" para personalizar tu intervalo (en días). |
Operadores de enlace
Y/O
Si deseas agregar valores adicionales a tu tipo de condición actual, haz clic en el ícono + a la derecha.
Selecciona el operador "y" o "o".
El operador "y" se utiliza para tener estrictamente en cuenta cada valor, tanto el primero como el segundo. Si no se tiene en cuenta una de las condiciones, la ventana emergente no se mostrará en tu sitio.
El operador "o" se utiliza para tener en cuenta cualquierade los valores, el primero o el segundo.
Cada/Cualquiera
Puedess usar diferentes tipos de condiciones y verificar la información usando varios parámetros a la vez.
Si deseas agregar otra condición, haz clic en Agregar condición.
Selecciona el orden en que se deben cumplir las condiciones:
El operador "cada" se utiliza para mostrar la ventana emergente solo cuando se cumplen todaslas condiciones especificadas.
El operador "cualquiera" se utiliza para mostrar la ventana emergente cuando se cumple cualquiera de las condiciones especificadas.
Establece el Nombre del Escenario
De forma predeterminada, el nombre de tu proyecto se genera utilizando la fecha y la hora en que se creó. Para cambiar el nombre de tu proyecto, haz clic en el icono correspondiente al lado.
Publica la Ventana Emergente
Una vez que hayas configurado todas las condiciones necesarias, haz clic en Guardar y publicar.
Para asegurarte de que todos los cambios se muestren en su navegador, limpia la memoria caché y las cookies de tu navegador después de guardar tu ventana emergente
Todas tus ventanas emergentes se muestran en la sección "Escenarios en el sitio" como pestañas separadas. Una vez que hayas creado tu ventana emergente, puedes ver su apariencia, realizar un seguimiento de las estadísticas y editar cualquier configuración excepto tu tipo de ventana emergente.
Te recomendamos pasar por nuestro blog para que aprendas más al respecto. Te sugerimos Cómo optimizar tu squeeze page y atraer más seguidores.
Última actualización: 22.09.2023
Registrarse con
Iniciar sesión con Facebook Iniciar sesión con Google