Hoy te quiero hablar de los temidos (para muchos) pop-ups y de cómo crearlos en WordPress, con especial atención a quienes usan Divi como plantilla en su web.

Las ventanas emergentes, más conocidas como pop-ups, son un recurso de diseño web como otro cualquiera.

Si se han ganado mala fama en los últimos años, en mi opinión, es debido al mal uso que han hecho muchos marketers y bloggers de ellos, llenando sus sitios de pop-ups de los que era difícil escapar.

Pero, como digo, son un recurso muy interesante para utilizar a la hora de diseñar una web y especialmente a la hora de elaborar una estrategia de generación de leads / clientes.

Más allá del uso que todos conocemos enfocado a captar suscriptores para email marketing, los pop-ups tienen mucho potencial si se integran correctamente en el sitio web y, por supuesto, en su estrategia.

Por ese motivo, en este post te muestro cuáles son mis preferencias en cuanto plugins para crear pop-ups en WordPress (y también en Divi).

¡Allá vamos!

3 plugins para crear pop-ups en WordPress (y también en Divi)


Dentro de la gama de plugins, existe una amplia variedad entre los que tienen como objetivo crear pop-ups en WordPress.

De toda esa gran variedad, a lo largo de varios años como diseñador web, he probado numerosas opciones y, a día de hoy, me quedo con los tres plugins que voy a mencionar a continuación.

#1 Bloom

Bloom: plugin para crear pop-ups en WordPress y Divi

Bloom es el plugin de captación de suscriptores y leads de Elegant Themes, es decir, de los desarrolladores de Divi.

Por lo tanto, si usas Divi en tu web, no tendrás ningún problema para integrar a Bloom en su diseño, pues se acomplan perfectamente.

Bloom dispone de seis tipos de diseños diferentes:

  1. Pop-up automático
  2. Ventana lateral emergente
  3. Formularios insertados dentro de tu contenido
  4. Formulario al final de tus posts
  5. Formularios como widgets
  6. Formularios para desbloquear contenido
3 plugins para crear pop-ups en WordPress y Divi

Además, puedes elegir cuando lanzar y mostrar tus formularios (al hacer clic en un botón, después de unos segundos en sitio, al llegar al 50% de la navegación, etc) y se integra con 16 plataformas de email marketing.

Entre ellas, destacan: Mailerlite (mi actual proveedor), Mailchimp, Active Campaign, Infusionsoft, GetResponde, Mailpoet, SendInBlue o HubSpot.

Si quieres saber cómo configurar Bloom para aumentar la captación de leads en tu web, pásate por este post que publiqué hace un tiempo.

Además, te dejo un vídeo donde te explico su funcionamiento:

#2 Popup Maker

PopUp Marker: plugin para crear pop-ups en WordPress y Divi

El nombre completo de este plugin es: Popup Maker – Popup Forms, Optins & More.

Popup Maker es un plugin para crear pop-ups en WordPress extremadamente versátil y flexible, pues te permite crearlos con diferentes objetivos y formatos.

Entre sus funcionalidades destacan:

  • Disparadores al hacer clic en un botón o de autoapertura tras un tiempo de retraso. Incluso permite configurar una cookie personalizada.
  • Objetivos y condiciones: elige en qué parte de tu web quieres que se muestre (entradas, páginas, categorías, etc).
  • Opciones de personalización: varias plantillas, tamaños, animaciones y posición.
  • Posibilidades de cierre del pop-up por parte del usuario: botón, clic, ESC o F4.

De esta forma, Popup Maker te permite personalizar todos los aspectos de tus ventanas emergentes, desde el tema y la posición, hasta la orientación y las cookies.

Como ejemplo, puedes ver esta web en la que lo he utilizado para solicitar un presupuesto personalizado a la hora de contratar un servicio.

El pop-up se muestra cuando el usuario clica en el botón SOLICITAR.

3 plugins para crear pop-ups en WordPress y Divi

Paso 1: el usuario elige la modalidad de servicio que más le interesa y hace clic en «solicitar».

3 plugins para crear pop-ups en WordPress y Divi

Paso 2: se abre el formulario que debe completar el potencial cliente para solicitar su presupuesto personalizado.

Y aquí puedes ver su funcionamiento al clicar en el botón «solicitar»:

3 plugins para crear pop-ups en WordPress y Divi

Es decir, huyendo del clásico pop-up para captar suscriptores y reconvirtiéndolo en una forma muy poderosa de captar leads y posibles clientes.

PD: cómo puedes ver, este plugin para crear pop-ups se integra perfectamente con Divi Builder.

3 plugins para crear pop-ups en WordPress y Divi

#3 Popups for Divi

PopUps for Divi: plugin para crear pop-ups en WordPress y Divi

La tercera opción que te quiero mostrar para crear pop-ups en WordPress es Popups for Divi, que como su propio nombre indica, está pensado expresamente para el tema y maquetador de Elegant Themes.

Este plugin es realmente sencillo de utilizar, pues apenas necesita configuración.

Simplemente debes activarlo y añadir la clase CSS «popup» y la etiqueta de identificación a una sección Divi.

Para abrir la ventana emergente, solo necesitas colocar un enlace en la página con la URL que apunte a la ID de la sección.

Además, incluye varias clases especiales para Divi Builder:

  • popup. Esta opción te permite convertir cualquier sección normal de Divi en un pop-up. Cada ventana emergente también necesita una identificación única. De lo contrario, no podrás mostrar la ventana a tus usuarios.
  • no-close (no cerrar). Por defecto, cada pop-up tiene un botón de cerrar en la esquina superior derecha. Si por algún motivo, no quieres que se pueda cerrar la ventana, solo tienes que agregar la clase no-close a tu pop-up.
  • dark (oscuro). Esta modalidad te permite cambiar el color del botón de cerrar en la esquina superior derecha (por defecto el botón es claro con un icono oscuro). Esta clase también convierte el fondo del pop-up en oscuro.
  • is-modal. Agrega esta clase a cualquier pop-up para deshabilitar la función de cierre de la capa de fondo.
  • on-exit (al salir). Muestra la ventana emergente sin hacer clic cuando el usuario intenta salir de tu página. Esta opción solo funciona en la versión de escritorio. En los dispositivos con pantalla táctil (tableta y móviles) no se muestra el pop-up.

Como ejemplo, puedes ver el funcionamiento de este plugin en esta misma web.

Actualmente lo tengo configurado para que mis lectores accedan a la masterclass cómo planificar tu página web para que tu negocio brille.

De esta forma, cuando el usuario clic en el botón que da acceso a la masterclass (QUIERO EMPEZAR YA), se abre un pop-up con un formulario de suscripción.

3 plugins para crear pop-ups en WordPress y Divi

Paso 1: el usuario clic en el botón

3 plugins para crear pop-ups en WordPress y Divi

Paso 2: inmediatamente aparece el pop-up que contiene el formulario de suscripción

Aquí puedes ver su funcionamiento:

3 plugins para crear pop-ups en WordPress y Divi

En resumen, tras probar muchos plugins para crear pop-ups en WordPress (y Divi) estas son mis opciones favoritas y las que, por supuesto, te recomiendo utilizar en tu web si buscas aumentar tus leads 🙂

Portada: Template for subscribe to a newsletter (shutterstock by adichrisworo)

Summary
3 plugins para crear pop-ups en WordPress y Divi
Article Name
3 plugins para crear pop-ups en WordPress y Divi
Description
3 plugins para crear pop-ups en WordPress y Divi: #1 Bloom #2 Popup Maker #3 Popups for Divi
Author
Publisher Name
Max Camuñas
Publisher Logo
Share This