Tutorial Divi: Cómo hacer un POPUP en Divi con plugin gratuito

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.

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

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:

  1. Instalar el plugin Popup for Divi desde el instalador de plugins de WordPress.
  1. Instalar el plugin Popup for Divi desde el instalador de plugins de WordPress.
  2. Abre el editor visual de Divi y crea una Sección y editála con los elementos que quieres que sean popup
  3. Abre las opciones de la sección y verás una nueva pestaña llamada “Ventana emergente” o “Popup” accede a ella.
  4. 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.
  5. 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”
  6. 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?

Artículos relacionados

Comentarios

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

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

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

  4. 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?

  5. ¡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.

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →