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.
Tipo superposición: cubre toda la página del sitio. Los usuarios deben cerrar la ventana emergente para interactuar con el contenido de la página de tu sitio.
Tipo flotante: es una ventana flotante que se coloca a la izquierda o a la derecha de la ventana del navegador cuando un usuario se desplaza por la página. Los usuarios no necesitan cerrarlo para interactuar con el contenido de la página de tu sitio.
Tipo horizontal: es una ventana horizontal que se puede colocar en la parte superior o inferior de la página. Los usuarios no necesitan cerrarlo para interactuar con el contenido de la página de tu sitio.
Tipo video: es una ventana que reproduce vídeos de YouTube. Si seleccionas el escenario automatizado, el video comenzará a reproducirse después de cualquier acción del usuario en la página.
Si selecciona la opción "Activado al hacer clic", los usuarios verán la vista previa una vez que se cargue la página y el video comenzará a reproducirse cuando hagan clic en la ventana emergente.
En los dispositivos móviles, las ventanas emergentes de video siempre se reproducen solo cuando los usuarios hacen clic en ellas.
Ventana modal: es 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 tu sitio.
Por Acción Emergente
Selecciona una plantilla según tu acción objetivo preferida.
Solicitus de cookies: esta ventana emergente solicita a los visitantes del sitio su consentimiento para las cookies. Los visitantes pueden cerrar la ventana emergente haciendo clic en el botón o seguir el enlace para leer tu política de cookies.
Plantilla emergente de llamada a la acción: alienta a los visitantes a realizar una acción, por ejemplo, cerrar la ventana emergente o ir a tu página de destino.
Suscribirse al messenger: redirige a los visitantes de tu sitio a la red social o plataforma de mensajería seleccionada. Puedes agregar cualquier cantidad de botones de redes sociales a una ventana emergente. Si tienes un chatbot, los usuarios podrán suscribirse y recibir un mensaje de bienvenida.
Interacción de chat: esta ventana emergente permite a los visitantes de tu sitio ponerse en contacto con usted a través de una red social o un formulario de comentarios.
Suscripción al boletín de noticias: esta plantilla emergente 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.
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 |
Llamado a la acción | Anima a los visitantes de tu sitio a realizar una acción, por ejemplo, cerrar la ventana emergente o ir a tu página de destino. | Agrega el texto de su botón y selecciona qué hacer cuando los usuarios hagan clic en él: cierra la ventana emergente o abre el enlace. |
Ninguna acción |
No agrega ningún elemento de interacción con el usuario. El widget solo se usa para mostrar información. |
No tiene un botón o campo de entrada para personalizar. |
Suscripción a redes sociales |
Redirige al visitante de tu sitio a la red social 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 red social e ingresa el texto de tu 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 |
Pide al visitante de tu sitio que proporcione su dirección de correo electrónico. También puedes guardar tus contactos en los servicios de correo electrónico y CRM. |
Agrega el texto de tu sugerencia en el campo donde los suscriptores proporcionarán su información de contacto e ingresa el nombre de su 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 la creará automáticamente con el nombre de tu proyecto. Para guardar tus contactos en tu sistema de CRM, selecciona "Crear un acuerdo en CRM" y elige una canalización y una etapa. Cuando agregas tratos en CRM, los contactos se crean automáticamente en la sección "Contactos". |
Solicitudes telefónicas |
Solicita el número de teléfono del visitante de tu sitio. También puedes guardar sus contactos en los servicios de correo electrónico y CRM. |
|
Formulario personalizado |
Pide al visitante de tu sitio que proporcione los datos que seleccione. Puedes agregar campos adicionales al formulario, como número de teléfono, dirección de correo electrónico, nombre, apodo, ubicación y fecha de nacimiento. También puedes guardar sus contactos en los servicios de correo electrónico y CRM. |
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 usuarios que visiten tu sitio sin esperar a que se cumplan varias condiciones. |
|
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ó su sitio. El widget se mostrará solo durante el tiempo seleccionado. |
Selecciona el intervalo de tiempo en el que se mostrará el widget en tu sitio. 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. |
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: 02.02.2023
Registrarse con
Iniciar sesión con Facebook Iniciar sesión con Google