En este video tutorial gratuito te enseñaremos como crear un popup en Divi con el plugin gratuito Popup for Divi de divimode. Éste plugin nos permite hacer cualquier sección popup de una manera bastante sencilla y rápida.
Si quieres aprender a crear un video popup en Divi sin plugins, checa este tutorial premium.
Tiempo de lectura estimado: 3 minutos
Índice
Generalmente, no recomiendo que se usen popups de manera agresiva dentro del sitio web, pero en ciertos casos podría ser interesante agregar elementos de popup en Divi, y popup for divi nos lo pone bastante fácil. Echemos un vistazo.
Hacer cualquier elemento popup en Divi con popup for Divi
El plugin gratuito de la gente de Divi mode funciona de una manera muy sencilla, básicamente puedes transformar cualquier sección dentro de Divi a “popeable” con un simple selector.
Como funciona:
- Instalar el plugin Popup for Divi desde el instalador de plugins de WordPress.
- Instalar el plugin Popup for Divi desde el instalador de plugins de WordPress.
- Abre el editor visual de Divi y crea una Sección y editála con los elementos que quieres que sean popup
- Abre las opciones de la sección y verás una nueva pestaña llamada “Ventana emergente” o “Popup” accede a ella.
- Cambia el selector la opción “Esto es un popup” y asignále un “ID” o identificador único a la ventana. Es importante que coloques un texto único sin espacios y que sea claro, pues te funcionará como texto ancla o disparador (Trigger) para activar el popup. Por ejemplo, “newsletter-optin”. Cierre la sección configuración.
- Agrega un módulo de botón en cualquier lugar de la página que quieras y coloca en la “URL del enlace” el ID que definiste a la sección del popup, con un hashtag «#» inicial, por ejemplo, “#newsletter-optin”
- Y eso es todo. Guarda la página y sal del editor visual. Haz clic en el botón y verás el popup funcionar ¡WOOHOO!
Características del plugin Popup for divi
- Simple de usar, no requiere configuración
- Es Flexible
- Es rápido, tiene el código optimizado
- La creatividad es el limite. Puedes diseñar cualquier elemento con Divi y hacerlo Popup
- Es totalmente responsive
- Los desarrolladores aman este plugin por su estable JavaScript API
- Los creadores están respondiendo sus preguntas constantemente.
- Y lo mejor, según el autor “Gratis para siempre”
Conclusión.
Siempre he mencionado que hay que ir con cuidado con los popups, pero en depende de que situación o necesidad, podría ser necesario usar esta funcionalidad. Con popup for divi puedes crear un popup totalmente personalizado dentro de Divi de una manera muy sencilla en menos de 60 segundos.
¿Te ha gustado el plugin? ¿Dinos qué piensas de esta funcionalidad?
Estoy probando el plugin y en verdad tiene cosas muy chulas, incluyendo que he probado entrelazando varios popup en la misma página.
Mi problema viene por que me abre el popup principal en el momento de intentar salir de la web o subir el puntero por encima de la web.
Seguiré investigando.
Qué tal Miguel. Debes desactivar la opción de “Enable Exit Intent” Esa opción déjala en Off. Con eso lo tienes resuelto. Un abrazo.
Hola! Hago todos los pasos pero no me sale la ventana emergente. Yo creo que el problema está en cuando tengo que activar la ventana emergente, me podrías ayudar? Gracias!!
Hola Maite, seguramente debes estar pasando por alto algún paso, por favor revísalo con detenimiento y vuélvelo a intentar.
Hola Jefferson, instalé el popup, pero en la versión móvil no me aparece, Me puedes ayudar con esto por fa! Gracias
Revisa que tengas la última versión del plugin. Y tambien que tienes habilitada la sección del popup para móvil.
Hola Jefferson, excelentes explicaciones, muchas gracias. En mi caso, seguí los pasos de instalación (realmente sencillos) pero nunca me aparece la pestaña de popup en las opciones de sección. Espero me puedas ayudar. Gracias
Debes revisar que estés trabajando con las últimas versiones de Divi, así como que tengas correctamente activado el plugin. Tambien que no haya algún otro plugin que esté generando conflicto, o que tengas algún plugin de caché que te esté afectando.
Se utilizar para que el pop up se abra solo en un determinado momento? sin necesidad de presionar un botón ni nada, es decir regulando uno los segundos cuando queres que el pop up se dispare
Hola Juan, con la versión pro de este plugin lo puedes lograr. Puedes ver más info en este enlace: https://divimode.com/divi-areas-pro/
Esto es perfecto, justo lo que llevaba tiempo buscando!! Muchas gracias!! 😀
¡Qué lo disfrutes!
te consulto, si quiero hacer un formulario que se active con un click en una imagen y que una vez la gente deje su e-mail, lo dirija a otra pagina que seria el destino inicial, se puede?
Hola Danny, claro que si, tenemos un tutorial premium donde lo explicamos a detalle: https://uxdivi.com/tutorial-premium/plugin-premium/tutorial-avanzado-de-bloom-como-usar-correctamente-este-plugin
y también puedes ver este tutorial gratuito donde explicamos como usar la herramienta de manera básica: https://blog.uxdivi.com/explorando-bloom-2020-el-plugin-para-email-marketing-descargalo-gratis/
Hola Jefferson, un pregunta, me funciona bien como “Exit Intent”, pedro si quiero que mi disparador sea la pagina al cargar, es decir que tan pronto entre a la pagina se salga el popup, este plugin me sirve?
Échale un vistazo a la versión pro. Esa versión es la que te ofrece esa funcionalidad.
Muchas gracias, muy útil el tutorial
¡Muchas gracias!
Gracias, muy muy util 🙂
Es un gusto ayudar 😊🖐
¡Hola Jefferson!
Gracias por este fabuloso contenido!!! 😀
Me gustaría colocar el popup en el Head de la web para hacer un boton “Te llamamos” y que se accione al pulsarlo, pero no logro dar con el código a integrar en el apartado “agregar código al head” del tema divi para que funcione.
Mil Gracias por tu trabajo.
Que tal Anais, un gusto saludarte. Para esto, está genial el sistema de popups de Divi Pixel, donde puedes activar de forma manual un popup a través de un botón, te dejo acá un enlace donde puedes ver más: https://uxdivi.com/tutoriales-premium/plugins-addons/nuevo-modulo-de-divi-pixel-popup-maker-para-divi