¿Cómo diseñar una ventana emergente modal para WordPress en PushEngage?

El pop-up modal de suscripción o consentimiento es lo primero que ve un visitante del sitio web en tu sitio web. Si lo deseas, puedes estilizar el pop-up de suscripción para que coincida con el tema del sitio web.

Antes de empezar

Hay varios estilos en el Popup de Suscripción

  • Cuadro estilo Safari
  • Barra flotante
  • Barra con campana
  • Cuadro grande estilo Safari
  • Estilo Safari grande con segmento
  • Consentimiento en un solo paso

Nota: Todos los estilos de pop-up de suscripción se pueden editar o personalizar, excepto el consentimiento en un solo paso. El consentimiento en un solo paso es el estilo predeterminado del navegador y no se puede editar ni personalizar.

Elegir la opción de un solo paso

Puedes elegir la opción de un solo paso ya que el service worker se instala automáticamente, puedes empezar a recopilar suscriptores automáticamente.

Estilo de la opción de dos pasos

La guía a continuación te ayudará a entender cómo editar el popup de suscripción de dos pasos.

Navega a Diseño > Modales de Popup. En el estilo seleccionado, puedes hacer clic en Editar Popup al pasar el ratón por encima.

En Diseño del pop-up, puedes cambiar la Ubicación del consentimiento, el Color de fondo, el Botón de permitir y el Botón de bloquear. Para añadir más familiaridad, puedes hacer que el pop-up sea más familiar con tu marca o el tema de tu sitio web.

Captura de pantalla el 2022-08-30 a las 00:39:45.png

Opciones de comprensión para mejorar la funcionalidad del pop-up modal

Habilitar suscripción de consentimientoReglas

Este modal de popup se mostrará en todas las páginas permitidas por la regla de segmentación global. Sin embargo, si lo deseas, puedes añadir estos popups en páginas web específicas.

Habilitar superposición de suscripción

Una superposición es una opción que resalta para que las personas hagan clic en permitir, indicando a los usuarios que hagan clic en el botón permitir para recibir notificaciones push.

Habilitar aviso de recordatorio:

Navegadores como Chrome y Edge se basan en el comportamiento previo de los visitantes del sitio web si hacen clic en Bloquear con frecuencia. Habilitan una interfaz de usuario más silenciosa, un icono de campana en la barra de direcciones. Es una versión optimizada del pop-up de suscripción para personas que suelen denegar notificaciones. Este recordatorio solo se puede mostrar en un escritorio. Su objetivo es educar a las personas para que aún se suscriban a las campañas de push web.

Pop-up de suscripción:

Este es el botón de alternancia para deshabilitar o habilitar la visualización del consentimiento en las páginas donde está instalado el código. Si desactivas este interruptor, dejarás de recopilar suscriptores.

Comprender las opciones de visualización

Esta pantalla te ayudará a optimizar cómo se muestra el pop-up de suscripción.

Captura de pantalla el 2022-09-01 a las 22:25:16.png

Instalación rápida:

Recomendamos mantener esta opción siempre desactivada. Así, los suscriptores se recopilan en tu dominio. Esta opción es solo para personas que no pueden añadir un service worker a su sitio web y recopilar suscripciones en su dominio.

Habilitar disparador de suscripción de consentimiento:

Además de la carga de la página, el pop-up se puede activar con cualquier otro evento, como cuando el visitante hace clic en cualquier botón o enlace con la ayuda de una clase CSS o un ID de elemento coincidente. El pop-up se puede activar sin realizar cambios en el código base.

Mostrar consentimiento:

Aquí es donde puedes establecer la regla para mostrar el opt-in después de un retraso o después de desplazarte un cierto porcentaje de la página.

  • Retraso: Después de cuánto tiempo debe aparecer la ventana emergente de suscripción. Recomendamos que la mejor práctica sea tenerla por debajo de 5 segundos o un máximo de 10 segundos.
  • Desplazamiento: Puedes decidir que la ventana emergente de suscripción se active si un visitante ha desplazado un X por ciento de la pantalla.
  • Duración de la cookie: Si una persona cancela y decide no permitir/bloquear la ventana emergente de suscripción, puedes definir la duración de la cookie de reinicio. Después de tantos días, el visitante puede ver la ventana emergente de nuevo.

Eso es todo. Una vez que hayas personalizado la ventana emergente de suscripción según tus necesidades, puedes guardar los cambios.

Ahora estás listo para ver cómo tus visitantes web se convierten en suscriptores de web push.

Si tienes algún problema, no dudes en contactarnos haciendo clic aquí. Nuestro equipo de soporte podrá ayudarte.

¿Sigues atascado? ¿Cómo podemos ayudarte?
Última actualización el 9 de marzo de 2026

Atrae y retén visitantes después de que hayan abandonado tu sitio web

Aumenta el valor de cada visita web con Notificaciones Push que son difíciles de ignorar.

  • Plan Gratuito para Siempre
  • Configuración Sencilla
  • Soporte 5 Estrellas