Complementos emergentes de WordPress: lo bueno, lo malo y lo feo

Ventanas emergentes, ciertamente las viste en muchos sitios web. Hay ventanas que aparecen en un sitio al leer un elemento o tratar de salir. Su objetivo principal es aumentar la lista de correo electrónico de una empresa (también conocido como clientes potenciales de compra). Algunas personas de marketing los aman, otras no. Algunos visitantes del sitio web pueden sentirse molestos por ellos. Pero, ¿por qué todavía se usan? Porque son una buena herramienta para generar clientes potenciales si se usan de manera inteligente. Por ejemplo, las personas de Sleepeknote analizaron datos de más de mil millones de visitas emergentes de sus mejores clientes. Descubrieron que las ventanas emergentes que se muestran después de ocho segundos son mejores que las ventanas emergentes que se muestran antes o después.

Mire esto: tasa de conversión de 3.62% para una ventana emergente que aparece después de 8 segundos, en comparación con el 0% (es decir, sin ventanas emergentes). Eso ciertamente significa algo, ¿verdad? Ahora en este artículo hablaremos:
Los mejores complementos emergentes de WordPress allí;
La anatomía de una ventana emergente;
Mejores prácticas emergentes;
Inspiración emergente.
¿Lo haremos? Los mejores complementos emergentes de WordPress ahora, cuando comienza a buscar un complemento emergente de WordPress para que coincida con sus necesidades, aquí hay algunas características que pueden ser útiles:
Los preproyectos disponibles disponibles, para que no siempre necesite comenzar desde cero, o si necesita un poco de inspiración;
Tire y coloque el generador de ventanas emergentes para que pueda diseñar todo de manera rápida y fácil;
Integración 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 desencadenantes disponibles para la ventana emergente: la intención de salir, basada en el tiempo dedicado a una página, geografía, el regreso de los nuevos visitantes, etc., ahora, eche un vistazo a 5 de las mejores ventanas emergentes Plugins 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, toboganes, ruedas de rotación gampadas, recuentos invertidos y muchos más;
Tire y coloque el generador emergente de WordPress;
Plantillas emergentes prefabricadas;
Múltiples personalizaciones basadas en el comportamiento: intención de salida, ubicación geográfica, reorientación y más;
Prueba emergente A/B;
Animaciones y efectos de sonido;
Integración con los complementos de formulación de WordPress más populares;
Integraciones de marketing de correo electrónico (MailChimp, SendInblue, Convertkit, Drip, Klaviyo y muchos más);
Precio: a partir de $ 9/mes, facturado anualmente para el plan básico.
Emergente
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 formulación de WordPress más populares (formularios ninja, formularios de gravedad, formulario de contacto 7, etc.);
Integraciones de marketing de correo electrónico (MailChimp, GetResponse, Hubspot y muchos más);
Apuntar a cualquier contenido de WordPress, como publicaciones, páginas y 26;
Programación emergente;
Precio: a partir de $ 87/año para el plan de inicio. Ajetreo
Utilizado en más de 100,000 sitios, este complemento emergente de WordPress es creado por WPMU Dev. Están detrás de muchos complementos populares WordPress. Solo digo las características más valiosas de Hustle:

Plantillas para diferentes casos de uso (por ejemplo, Black Friday, sorteo, notificación covid, registro en el boletín);
Ventanas emergentes completamente 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 de correo electrónico (MailChimp, SendInblue, Convertkit, Drip, Klaviyo y muchos más);
Precio: $ 5 / mes, facturado anualmente para el Plan de Hustle Pro. Muestra gratuita disponible.
Sumo
SUMO es un complemento de WordPress que ayuda a más de 60,000 sitios web a desarrollar su lista de correo electrónico con ventanas emergentes programadas. Al igual que OptinMonster, funciona como un producto independiente. Fuera de WordPress, suministra más sitios web. Estas son algunas de sus características más importantes:
Programe correos electrónicos de marketing únicos o referencias de correo electrónico para comunicarse con sus suscriptores;

Formularios de registro;
Control de diseño completo sobre ventanas emergentes;
Plantillas prepiladas;
Precios: Los de Sumo se jactan de que puede usar Sumo de forma gratuita y pagar solo cuando tiene más clientes.
El paquete Pro comienza en $ 39/mes facturado anualmente. Convertir
Convert Pro es nuestra elección de 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:
Tire y coloque el editor; reactividad móvil;

Ventanas emergentes en varios pasos;
Muchas opciones de activación;
Enorme biblioteca de plantillas;
Muchos formatos emergentes disponibles: salida intensiva, en clic, barras de información, diapositivas, CTA en línea, CTA en toda la pantalla, conversión mate y muchos más.
Prueba fácil de A/B;
Integraciones de marketing de correo electrónico (MailChimp, SendInblue, Convertkit, Drip, Klaviyo y muchos más);
Precio: comenzando con $ 79/año.
Cómo crear una ventana emergente de WordPress usando ConvertPro es el momento de llegar a una demostración, ¿no crees? Debido a que somos usuarios de Pro Convertido, le mostraré cómo usamos el instrumento, aquí en las cabañas. Estos son los pasos para crear una ventana emergente de WordPress usando Convert Pro:
Después de comprar el complemento, vaya a la tienda BrainStormForce (creadores de complementos) y descargue un zip con Convert Pro. Ahora vaya a WordPress -> Plugins -> Agregar nuevo.
Cargue el archivo zip aquí, luego active el complemento.
Vaya al panel de WordPress -> Convert Pro -> Crear nuevo.
Seleccione el tipo deseado de WordPress emergente.

Seleccione una plantilla y un objetivo.
Nombra tu ventana emergente y luego presiona “Crear”.

Empiece a diseñar su ventana emergente. Agregue títulos, párrafos, elementos visuales. Hay varias formas y botones formados a partir de los cuales puede elegir entre el menú a la izquierda.

Incluso puede agregar un recuento inverso si ejecuta una promoción, por ejemplo. Dentro de la opción “Panel”, puede ajustar el tamaño de la ventana emergente, puede agregar animación, fondos y más.

También puede atacar el formulario como desee.

También puede crear ventanas emergentes en varios pasos en opciones avanzadas. Puede obtener una vista previa de la versión móvil de la ventana emergente al hacer clic en el icono móvil en la parte superior de la placa.

Configure su formulario en este nivel, puede elegir entre una multitud de desencadenantes.

En el menú “Target”, puede hacer ajustes a su configuración de acuerdo con la ubicación geográfica, el dispositivo y otros comportamientos del usuario.

Por ejemplo, me gusta crear ventanas emergentes separadas para dispositivos móviles y de escritorio. En los dispositivos móviles, activo las ventanas emergentes de WordPress después de 5 segundos, mientras que en el escritorio uso Salida.

PRO concluido con herramientas de terceros, como formularios de marketing por correo electrónico y software.

Recuerde guardar y “hacer público” su ventana emergente de WordPress después de que haya terminado.

Y eso es todo. ¡Tienes tu primer WordPress emergente! Ahora que sabe cómo diseñar una ventana emergente, echemos un vistazo a sus elementos obligatorios. La anatomía de una ventana emergente, como mencioné anteriormente, se utiliza una ventana emergente para convertir a los visitantes en clientes potenciales o clientes potenciales. ¿Cómo puede una ventana emergente ayudarlo a lograr este objetivo? Cuando se usa correctamente, las ventanas emergentes pueden ocurrir frente a la persona correcta, en el momento correcto, con el mensaje correcto, para maximizar las posibilidades de conversión. Así que aquí están los elementos que tiene una ventana emergente:

Una forma . Estos formularios pueden ser muy simples, con solo un botón de acción o pueden tener algunos campos personalizados adicionales.
Un gatillo. Estas ventanas emergentes pueden ocurrir de acuerdo con un sitio web o comportamiento del usuario en particular, por ejemplo: después de 8 segundos por página, después de un desplazamiento del 70%, cuando el usuario tiene la intención de salir del sitio, etc. Puede activar estas ventanas emergentes para que aparezcan de acuerdo con la ubicación geográfica del visitante o el tipo de página en la que se encuentran, etc. Tal vez el visitante lee un artículo sobre dietas saludables. Podrías mostrarle una ventana emergente para promocionar tu libro electrónico con batidos energizantes. La personalización es la clave aquí si desea maximizar sus tasas de conversión.

Artículos de diseño personalizados para ayudarlo a enviar su mensaje o hacerlo más atractivo: imágenes, videos, etc.


Ahora, su trabajo no ha terminado con el diseño emergente. Necesitas darte cuenta de los próximos pasos. Por lo general, debe alimentar a sus clientes potenciales a través de campañas de marketing por correo electrónico. Esto significa que necesitará un software de correo electrónico para conectarse a su complemento emergente de WordPress.
Ahora, veamos algunas buenas prácticas para diseñar ventanas emergentes de alta conversión. Las mejores prácticas emergentes seguirán siendo cortas y dulces. Empezamos:
No seas intrusivo con las ventanas emergentes. Sea sabio con sus desencadenantes. Siempre voy a la salida, para que no interfiera demasiado con la experiencia del usuario.
No muestre ventanas emergentes en todas sus páginas. Piense en el propósito de su página. ¿Realmente desea mostrar una ventana emergente en las páginas de precios o contactarnos? Sea sabio al respecto.
Asegúrese de que la ventana emergente se vea bien en todos los dispositivos.
Haga que sea más fácil para los visitantes del sitio web cerrar la ventana emergente. Use imágenes en las ventanas emergentes. El análisis de Sleaknotte ha demostrado que se convierten mejor que aquellos sin imágenes.
Induce fomo (miedo a perder) en tu copia emergente. Por ejemplo, puede hacerlo insertando un cronómetro que le dice a las personas cuántos días les quedan hasta que termine la promoción.
Cuantos más campos en la forma, menos conversiones. Tenga cuidado de cómo equilibra estas cosas. Por un lado, varios campos de formulario pueden ayudarlo a segmentar mejor a sus clientes potenciales.
Determine los objetivos y el propósito de usar una ventana emergente en particular.
Implementar ventanas emergentes programadas para una mejor participación.
Intente segmentar ventanas emergentes para nuevos visitantes y visitantes repetidos.
Cuando los usuarios reducen su contenido o pasan más tiempo en un artículo, significa que ha llamado su atención. ¿Qué tal el uso de un disparador de desplazamiento para mostrar una ventana emergente en una actualización o invitación de contenido a un seminario web?
7 ejemplos emergentes que te inspiran ahora, suficiente con la teoría, para ver algunas ventanas emergentes reales. Ejemplo emergente 1: Sleknotte Esta ventana emergente Sleepknotte usa evidencia social para tratar de convencer a las personas de suscribirse a su boletín informativo. Cuando se registre, se unirá a otros 70,000 vendedores. Y debido a que algunas personas podrían pasar por el cansancio del boletín, usan el término “inspiración semanal de marketing”. Además, los leñimientos “sobornan” a sus visitantes con acceso de vida a los recursos del cliente a cambio de una suscripción. También uso un GIF y un emoticón, para hacer que la ventana emergente sea más atractiva. Ejemplo Pop-Up 2: Hubspot En el ejemplo a continuación, tenemos una ventana emergente con la intención de salir de Hubspot (software de marketing y ventas) Tratando de convencer a los visitantes de su sitio web para que se suscriban a su boletín. También uso la prueba social para ser más convincente: más de 600,000 especialistas en marketing ya se han unido. Podría usar algunas imágenes para verse más atractivas.
Pop-Up 3 Ejemplo: Haute Hijab Esta tienda de comercio electrónico de varios millones de dólares utiliza una ventana emergente que ofrece un 15% de descuento a los visitantes que se suscriben al boletín.
El ejemplo emergente 4: Backlinko Brian Dean, el famoso experto en SEO, ha bloqueado el contenido del blog. Es un estudio de caso muy valioso que quiere compartir con su lector a cambio de su correo electrónico. Al hacer clic en el botón “Desbloquear ahora”, activará una ventana emergente.
El ejemplo 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. Mailpoet hace esto con un diseño emergente limpio, no con el viejo, gris y aburrido al que estamos acostumbrados. Pop-Up 6: Virgin Atlantic Virgin usa una barra de información emergente para informar a los pasajeros sobre las medidas de seguridad relacionadas con Covid-194 .
Otros sitios web usan esta táctica para promover ventas especiales e incluso combinar esto con un recuento inverso. Ejemplo emergente 7: Dedoles intenta atraer a los visitantes al sitio con bonos secretos. Las personas en Dedoles usan una rueda de premios para esto. A cambio de su correo electrónico, recibirá un descuento o un regalo.
La conclusión parpadea dos veces si estás conmigo ahora, veamos lo que hemos aprendido hoy:
¿Cuáles son los primeros 5 complementos emergentes de WordPress en el ecosistema?

Cómo usar ConvertPro para crear ventanas emergentes de WordPress;

¿Cuáles son los elementos de una ventana emergente?

¿Cuáles son las mejores prácticas que puede robar para crear ventanas emergentes de WordPress?

¡Esa buena gente! Si le gustó este artículo y desea obtener más información sobre cómo diseñar un sitio web de WordPress, ¡asegúrese de suscribirse al canal de YouTube de Colibri y síganos en Twitter y Facebook!