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.

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.

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 utm_medium especificado.

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 utm_medium.

Valores posibles:

cpc (publicidad de pago por clic);

cpm (publicidad de pago por impresión);

referencia, orgánico (tráfico que llega a tu sitio desde motores de búsqueda);

social (hacer clic en una publicación, configurar anuncios en redes sociales y más).

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 utm_content especificado.

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 utm_content.

Valores posibles:

/ (el usuario vino de la página principal del sitio; la última parte de la dirección);

/emailservice/forms (el usuario vino de otra página del sitio).
También puedes incluir los nombres de los elementos de tu página.

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 utm_term especificado.

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 utm_term.

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 utm_campaign especificado.

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 utm_campaign.

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 utm_source especificado.

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 utm_source.

Valores posibles:

site.com (cualquier sitio);

google (motor de búsqueda);

facebook.com (red social);

directo (el usuario ingresó la URL de tu sitio en la barra de direcciones o accedió a su sitio usando tus marcadores)

directo

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:

referencia (el usuario llegó a tu sitio a través de un enlace);

orgánico (el usuario llegó a tu sitio desde un motor de búsqueda);

utm (el usuario llegó a tu sitio a través de un enlace con una etiqueta UTM);

social (el usuario llegó a tu sitio desde las redes sociales);

escriba (el usuario ingresó la URL de tu sitio en la barra de direcciones);

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.

    Califica este artículo sobre "Cómo Crear Una Ventana Emergente Inteligente"

    Opinión de los usuarios: 4 / 5

    Pruebe SendPulse hoy mismo gratis