Complementos emergentes de WordPress: lo bueno, lo malo y lo feo
Publicado: 2021-10-12
Pop-ups, definitivamente los has visto en muchos sitios web. Son ventanas que aparecen en un sitio cuando lees un artículo o intentas salir. Su objetivo principal es hacer crecer la lista de correo electrónico de una empresa (también conocida como adquisición de clientes potenciales).
Algunas personas de marketing los aman, otros no. Algunos visitantes del sitio web pueden sentirse molestos por ellos. Pero, sin embargo, ¿por qué se siguen utilizando?
Porque son una buena herramienta de generación de leads si se usan de manera inteligente.
Por ejemplo, la gente de Sleeknote analizó los datos de más de mil millones de vistas emergentes de sus principales clientes. Descubrieron que las ventanas emergentes que se muestran después de ocho segundos se convierten mejor que las ventanas emergentes que se muestran antes o después. 
Mire eso: tasa de conversión del 3,62% para una ventana emergente que aparece después de 8 segundos, en comparación con el 0% (es decir, sin ventana emergente). Eso definitivamente significa algo, ¿verdad?
Ahora, en este artículo, vamos a hablar de:
- Los mejores complementos emergentes de WordPress que existen;
- La anatomía de una ventana emergente;
- Mejores prácticas de casos emergentes;
- Inspiración emergente.
¿Debemos?
Los mejores complementos emergentes de WordPress
Ahora, cuando comience a buscar un complemento emergente de WordPress que se adapte a sus necesidades, aquí hay algunas características que pueden ser útiles:
- Plantillas prediseñadas disponibles, para que no siempre tengas que empezar de cero, o si necesitas algo de inspiración;
- Generador de ventanas emergentes de arrastrar y soltar, para que pueda diseñar todo rápido y fácil, sin código;
- Integraciones de marketing por correo electrónico: asegúrese de que su complemento emergente de WordPress se integre perfectamente con su proveedor de correo electrónico.
- Muchos factores desencadenantes disponibles para su ventana emergente: intención de salida, según el tiempo que pasa en una página, la geografía, los visitantes que regresan frente a los nuevos, etc.;
Ahora, echemos un vistazo a 5 de los mejores complementos emergentes de WordPress en el ecosistema:
OptinMonster 
Actualmente utilizado por más de 1 213 400 sitios web, este es un producto SaaS independiente. También tienen un complemento de WordPress, con más de 1,000,000 de instalaciones activas.
Estas son algunas de sus características más valiosas:
- Varios formatos emergentes disponibles : caja de luz, barras flotantes, diapositivas, ruedas giratorias gamificadas, temporizadores de cuenta regresiva y muchos más;
- Arrastrar y soltar el generador de ventanas emergentes de WordPress;
- Plantillas emergentes preconstruidas;
- Múltiples personalizaciones basadas en el comportamiento: intención de salida, geolocalización, retargeting y más;
- Pruebas A/B emergentes;
- Animaciones y efectos de sonido;
- Integración con los complementos de formulario de WordPress más populares ;
- integraciones de marketing por correo electrónico (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo y muchas más);
Precios : A partir de $ 9 / mes, facturado anualmente para el plan básico.
Creador de ventanas emergentes 
Utilizado en más de 600 000 sitios, este complemento emergente de WordPress es muy popular. Estas son algunas de sus características más valiosas:
- Integración con los complementos de formularios de WordPress más populares (Ninja Forms, Gravity Forms, Contact Form 7, etc.) ;
- integraciones de marketing por correo electrónico (Mailchimp, GetResponse, Hubspot y muchas más);
- Apunte a cualquier contenido de WordPress , como publicaciones, páginas y 26 más;
- Programación emergente ;
Precios : A partir de $ 87 / año para el plan Start.
Ajetreo 
Usado en más de 100,000 sitios, este complemento emergente de WordPress fue creado por WPMU DEV. Están detrás de muchos complementos populares de WordPress.
Estas son algunas de las características más valiosas de Hustle:
- Plantillas para diferentes casos de uso (p. ej., Black Friday, obsequios, aviso de COVID, suscripción a boletines informativos);
- Ventanas emergentes totalmente receptivas ;
- Muchas opciones de estilo disponibles, desde bordes, sombras, espaciado, tipografía, color hasta CSS personalizado;
- Muchos desencadenantes de comportamiento , como el tiempo en la página, el desplazamiento, la intención de salida y más.
- integraciones de marketing por correo electrónico (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo y muchas más);
Precio : $5 por mes, facturado anualmente para el plan Hustle Pro. Prueba gratuita disponible.
Sumo 
Sumo es un complemento de WordPress que ayuda a más de 60 000 sitios web a aumentar su lista de correo electrónico con ventanas emergentes cronometradas. Al igual que OptinMonster, también funciona como un producto independiente. Fuera de WordPress, impulsa aún más sitios web.
Estas son algunas de sus características más importantes:
- Programe correos electrónicos de marketing únicos o gotas de correo electrónico para comunicarse con sus suscriptores;
- formularios de suscripción ;
- Control total del diseño de las ventanas emergentes;
- Plantillas prediseñadas ;
Precios : la gente de Sumo se jacta de que puedes usar Sumo GRATIS y solo pagas cuando obtienes más clientes.
El paquete PRO comienza en $ 39 / mes facturado anualmente.
ConvertPro 
Convert Pro es nuestra elección para crear ventanas emergentes de WordPress. Es realmente flexible y con muchas opciones de diseño y activación.
Aquí están las características que nos gustan:
- Editor de arrastrar y soltar ;
- Capacidad de respuesta móvil ;
- Ventanas emergentes de varios pasos;
- Muchas opciones de activación;
- Enorme biblioteca de plantillas;
- Muchos formatos emergentes disponibles: intención de salida, al hacer clic, barras de información, diapositivas, CTA en línea, CTA de pantalla completa, tapetes de conversión y más.
- Pruebas A/B sencillas;
- integraciones de marketing por correo electrónico (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo y muchas más);
Precios : A partir de $ 79 / año.
Cómo crear una ventana emergente de WordPress usando ConvertPro
Es hora de ir a una demostración, ¿no crees?
Como somos usuarios de Convert Pro, les mostraré cómo usamos la herramienta aquí en Colibri.
Estos son los pasos para crear una ventana emergente de WordPress usando Convert Pro:
- Después de comprar el complemento, diríjase a la tienda BrainStormForce (los creadores del complemento) y descargue un archivo zip con Convert Pro . Ahora, dirígete a tu Panel de WordPress -> Complementos -> Agregar nuevo.
Cargue aquí su archivo zip, luego active el complemento. - Vaya al panel de WordPress -> Convertir Pro -> Crear nuevo.
- Seleccione el tipo deseado de ventana emergente de WordPress .
- Seleccione una plantilla y un objetivo.
- Asigne un nombre a su ventana emergente y luego presione "Crear".
- Comienza a diseñar tu pop-up . Agregue encabezados, párrafos, elementos visuales. Hay varias formas y formatos de botones entre los que puede elegir en el menú de la izquierda.
Incluso puede agregar una cuenta regresiva si está ejecutando una promoción, por ejemplo. Dentro de la opción "Panel" puede ajustar el tamaño de su ventana emergente, agregar animación, fondos y más. 
También puede diseñar su formulario de la forma que desee. 
También puede crear ventanas emergentes de varios pasos en las opciones avanzadas. 
Puede obtener una vista previa de la versión móvil de su ventana emergente cuando hace clic en el ícono móvil en la parte superior de su tablero. 
- Configura tu formulario . En este nivel, puede elegir entre una multitud de disparadores.
En el menú "Objetivo" puede realizar ajustes en su configuración en función de la geolocalización, el dispositivo y otros comportamientos del usuario. 
Por ejemplo, me gusta crear ventanas emergentes separadas para dispositivos móviles y computadoras de escritorio. En dispositivos móviles, activo las ventanas emergentes de WordPress después de 5 segundos, mientras que en el escritorio uso exit-intent. - Conecte Convert Pro con herramientas de terceros , como formularios y software de marketing por correo electrónico.
- No olvides guardar y "Hacer pública" tu ventana emergente de WordPress una vez que hayas terminado.
Y eso es. ¡Tienes tu primera ventana emergente de WordPress!
Ahora que sabe cómo puede diseñar una ventana emergente, echemos un vistazo a sus elementos imprescindibles.
La anatomía de un pop-up
Como se mencionó anteriormente, una ventana emergente se utiliza para convertir visitantes en clientes potenciales o clientes potenciales en clientes.
¿Cómo puede una ventana emergente ayudarlo a lograr este objetivo? Cuando se emplean correctamente, las ventanas emergentes pueden aparecer frente a la persona adecuada, en el momento adecuado, con el mensaje adecuado, para maximizar las posibilidades de conversión.
Entonces, estos son los elementos que tiene una ventana emergente:
- un formulario Estos formularios pueden ser muy básicos, con solo un botón de llamada a la acción, o pueden tener algunos campos personalizados adicionales.
- un gatillo Estas ventanas emergentes pueden aparecer de acuerdo con algún sitio web o comportamiento del usuario, por ejemplo: después de 8 segundos en la página, después de un desplazamiento del 70%, cuando el usuario tiene la intención de salir del sitio web, etc.
- Orientación _ Puede activar estas ventanas emergentes para que aparezcan según la geolocalización del visitante, o el tipo de página en la que se encuentra, etc. Tal vez el visitante esté leyendo un artículo sobre dietas saludables. Podría mostrarle una ventana emergente que promocione su libro electrónico con recetas de batidos energizantes. La personalización es clave aquí si desea maximizar sus tasas de conversión.
- Elementos de diseño personalizados para ayudarte a transmitir tu mensaje o hacerlo más atractivo: imágenes, vídeos, etc.
Ahora, su trabajo no ha terminado con el diseño emergente. Necesitas averiguar los siguientes pasos. Por lo general, necesitaría nutrir a sus clientes potenciales a través de campañas de marketing por correo electrónico. Esto significa que necesitará algún software de correo electrónico para conectarse con su complemento emergente de WordPress.
Ahora, echemos un vistazo a algunas buenas prácticas para diseñar ventanas emergentes de alta conversión.
Mejores prácticas de casos emergentes
Voy a mantener esto breve y dulce. Aquí vamos:
- No seas intrusivo con tus ventanas emergentes. Sea sabio con sus factores desencadenantes. Siempre busco la intención de salida, para no interferir mucho con la experiencia del usuario.
- No muestre ventanas emergentes en todas sus páginas. Piensa en el propósito de tu página. ¿Realmente desea mostrar una ventana emergente en las páginas de precios o de contacto? Sea sabio acerca de esto.
- Asegúrese de que su ventana emergente se vea bien en todos los dispositivos.
- Facilite a los visitantes del sitio web cerrar la ventana emergente.
- Usa imágenes en tus ventanas emergentes. El análisis de Sleeknote mostró que convierten mejor que los que no tienen imágenes.
- Induzca FOMO (miedo a perderse algo) en su copia emergente. Por ejemplo, puede hacer esto insertando un temporizador de cuenta regresiva que le dice a la gente cuántos días quedan hasta que finalice su promoción.
- Cuantos más campos tengas en tu formulario, menos conversiones. Tenga cuidado con cómo equilibra estas cosas. Por un lado, múltiples campos de formulario pueden ayudarlo a segmentar mejor sus clientes potenciales.
- Determine los objetivos y el propósito de usar una ventana emergente en particular.
- Implemente ventanas emergentes cronometradas para una mejor participación.
- Trate de segmentar las ventanas emergentes para los nuevos visitantes y los visitantes repetidos.
- Cuando los usuarios se desplazan hacia abajo por su contenido o dedican más tiempo a un artículo, significa que ha captado su atención. ¿Qué tal usar un disparador de desplazamiento para mostrarles una ventana emergente para una actualización de contenido o una invitación a un seminario web?
7 ejemplos emergentes para inspirarte
Ahora, suficiente con la teoría, veamos algunas ventanas emergentes reales.
Ejemplo de ventana emergente 1: Sleeknote
Esta ventana emergente de Sleeknote utiliza pruebas sociales para tratar de convencer a las personas de que se suscriban a su boletín informativo. Cuando te registres, te unirás a otros 70.000 vendedores.
Y debido a que algunas personas pueden pasar por la fatiga del boletín informativo, usan el término "inspiración de marketing semanal". Sleeknotes también “soborna” a sus visitantes con acceso de por vida a los recursos del cliente a cambio de una suscripción. También usan un gif y un emoticón para que la ventana emergente sea más atractiva visualmente.
Ejemplo de ventana emergente 2: Hubspot
En el siguiente ejemplo, tenemos una ventana emergente de intención de salida de Hubspot (software de marketing y ventas) que intenta convencer a los visitantes de su sitio web para que se suscriban a su boletín informativo. También están utilizando la prueba social para ser más convincentes: ya se han unido más de 600.000 especialistas en marketing.
Podrían usar algunas imágenes para verse más pegadizos. 
Ejemplo emergente 3: Alto Hiyab
Esta tienda de comercio electrónico multimillonaria está utilizando una ventana emergente que ofrece un 15% de descuento a los visitantes que se suscriben al boletín.
Ejemplo de ventana emergente 4: Backlinko
Brian Dean, el famoso experto en SEO, tiene contenido bloqueado en el blog. Es un estudio de caso realmente valioso que está dispuesto a compartir con su lector a cambio de su correo electrónico.
Al hacer clic en el botón "Desbloquear ahora", se activará una ventana emergente.
Ejemplo de ventana emergente 5: Mailpoet
Mailpoet (software de marketing por correo electrónico) y la mayoría de los sitios web utilizan una ventana emergente para informar a los visitantes sobre las cookies del sitio web. Mailpoet hace esto con un diseño emergente limpio, no el viejo, gris y aburrido al que estamos acostumbrados.
Ejemplo emergente 6: Virgin Atlantic
Virgin Atlantic está utilizando una ventana emergente de barra de información para informar a los pasajeros sobre las medidas de seguridad de COVID-194. 
Otros sitios web están utilizando esta táctica para promover ventas especiales e incluso combinar esto con una cuenta regresiva.
Ejemplo emergente 7: Dedoles
Trate de enganchar a los visitantes del sitio web con bonos secretos. La gente de Dedoles está usando una rueda de premios para esto. A cambio de tu correo electrónico, recibirás un descuento o un regalo.
Terminando
Parpadea dos veces si todavía estás conmigo
Ahora, veamos lo que hemos aprendido hoy:
- Cuáles son los 5 principales complementos emergentes de WordPress en el ecosistema;
- Cómo usar ConvertPro para crear ventanas emergentes de WordPress;
- Cuáles son los elementos de un pop-up;
- Cuáles son las mejores prácticas de casos que puede robar para crear ventanas emergentes de WordPress que conviertan;
¡Eso es todo amigos!
Si te gustó este artículo y quieres aprender más sobre cómo diseñar un sitio web de WordPress , ¡asegúrate de suscribirte al canal de Youtube de Colibri y síguenos en Twitter y Facebook!