Cómo crear un cautivador emergentes en su sitio web de WordPress

¿Qué viene a la mente cuando piensas en una ventana emergente? Molesto, ¿no? No, tendrá que pensar diferente de ahora como una web profesional. Porque el concepto de ventana emergente ha cambiado significativamente en los últimos años. El uso de ventanas emergentes ahora es una forma importante de aumentar las tasas de conversión. Según las estadísticas recientes de Optimonk, la tasa de conversión promedio de las ventanas emergentes supera el 11.1%. Entonces, ¿cómo crear una ventana emergente en WordPress y cómo aplicarla de manera efectiva? ¿Y se puede hacer gratis? No te preocupes. Te hemos cubierto. En este artículo, le mostraremos dos formas de crear ventanas emergentes en sus sitios de WordPress.
Método 1: Crear una ventana emergente en un sitio gratuito de WordPress Método 2: Agregar una ventana emergente en un sitio de WordPress basado en Elementor
También anunciaremos la diferencia entre las ventanas emergentes convencionales y modales, los beneficios del uso de ventanas emergentes y sus mejores prácticas. Comencemos: Convencional VS Modal: qué ventana emergente para elegir las ventanas emergentes tienen diferentes tipos y casos de uso. En general, una ventana emergente es una interfaz gráfica con el usuario (GUI), generalmente que se muestra en una pequeña ventana, que aparece repentinamente (aparece) en el primer plano de un sitio web o aplicación.

La gente ha estado usando ventanas emergentes durante años que se abren más allá de la ventana actual. Este método convencional de usar ventanas emergentes no es efectivo. Porque, este tipo de ventanas emergentes, en la mayoría de los casos, pierden la atención de los usuarios y en realidad son molestos. Por otro lado, las ventanas emergentes modales (también conocidas como ventanas modales) son la forma moderna de ventanas emergentes que se abren dentro de la página o ventana actual. Las ventanas emergentes modales son mucho más efectivas, porque no se pierden los ojos de los usuarios y la oportunidad de obtener interacción es obviamente alta aquí. Tal vez tengas cuál elegir, las ventanas emergentes modales, por supuesto. Los beneficios del uso de ventanas emergentes modernas de ventanas emergentes pueden beneficiarlo de muchas maneras para informar a los usuarios a aumentar las tasas de conversión: si usa las modernas (como ventanas emergentes modales) y aplicarlos de manera inteligente. Ahora le informaremos brevemente sobre los beneficios de usar ventanas emergentes modernas en los siguientes puntos:
Llamar la atención de los usuarios un 50% más rápido que los anuncios de banner – (monitor de campaña)
Dar una forma útil de mostrar un mensaje o aviso importante
Aumentar la interacción del usuario, como la tasa de clics y la tasa de conversión
Le permite mostrar anuncios o promociones que los usuarios no pueden evitar
Ayudarlo a aumentar las ventas, suscripciones, tráfico web y duración de la sesión
Le permite recibir comentarios de los usuarios y recopilar sus datos
Generar una excelente tasa de retorno de inversión (ROI) ya que son rentables
Esperamos que haya logrado los beneficios y la importancia de usar ventanas emergentes. Hablaremos sobre las mejores prácticas emergentes después de mostrar cómo puede crearlas solas. Cómo crear una ventana emergente en WordPress
Puede crear una ventana emergente de forma gratuita en sitios de WordPress de diferentes maneras. Las formas más simples están asociadas con la instalación del complemento. Te mostraremos dos métodos en particular. Son:
Crear una ventana emergente en un sitio gratuito de WordPress

Agregar una ventana emergente a un sitio de WordPress basado en Elementor
Antes de comenzar, debe asegurarse de tener acceso administrativo al sitio donde se creará la ventana emergente. También necesitará preparar el contenido emergente. Ahora, discutiremos todos los procesos en detalle con los elementos visuales necesarios. Así que quédate con nosotros.
Método 1: Creación de una ventana emergente en un sitio gratuito de WordPress Puede crear hermosas y útiles ventanas emergentes en sus sitios gratuitos de WordPress con un complemento. Encontrará más complementos gratuitos para hacer su trabajo. He preparado a continuación una breve lista de complementos principales para ayudar a tomar una decisión rápida. Veamos:
Creador emergente
Optinmonster
Hubspot
Constructor emergente
Ajetreo
Cada uno de los complementos es bueno y se destaca en diferentes casos de uso. Demostraremos este método utilizando el “fabricante de poios”, porque es versátil, fácil de usar y muy popular.
Instale el complemento: Primero, debe instalar el complemento “fabricante emergente” en su sitio de WordPress. Lo más probable es que sepa cómo instalar un complemento. No hay problema si no lo haces. Lea este artículo y siga las instrucciones: cómo instalar un complemento de WordPress. Cree la ventana emergente: después de instalar y activar el complemento, deberá crear, configurar y diseñar la ventana emergente desde el menú del complemento. Es tan simple como crear una publicación en WordPress. Simplemente siga los pasos a continuación: vaya al menú “fabricante emergente” en el tablero
Haga clic en “Crear una nueva ventana emergente”.
Ingrese la ventana emergente: ahora, se abrirá el panel de edición emergente (se vería como la imagen a continuación). Aquí, configurará y diseñará la ventana emergente dando diferentes entradas. Sigue estos pasos:
Dé un nombre emergente (es solo una identificación que no será visible)
Escribe el título emergente (es el encabezado de tu ventana emergente)

Escriba y diseñe el mensaje que desea mostrar en la ventana emergente
Explore la configuración emergente: ya casi has terminado. Todo lo que tiene que hacer ahora es completar algunas configuraciones básicas de la ventana emergente y luego presionar el botón “Publicación”. Las siguientes configuraciones están actualmente disponibles para este complemento:
Desencadenantes (establezca la condición por qué y cuándo se abrirá las ventanas emergentes)
Dirección (le permite dirigirse a un grupo particular de usuarios)

Display (define la aparición de ventanas emergentes)
Cerrar (crear condición cómo y cuándo se cerrarán las ventanas emergentes)
Avanzado (algunas configuraciones avanzadas para usuarios expertos)
En primer lugar, no tendrá que molestar con todas las opciones de configuración. Será suficiente si establece un disparador y realiza algunos ajustes en el menú “Mostrar”. Trabajar con el menú “cierre” es opcional. Establezca los desencadenantes: configurar los desencadenantes es muy importante. Porque las ventanas emergentes no se abrirán a menos que las agregue desencadenantes. Siga los pasos a continuación para agregar los desencadenantes:
Vaya al menú de configuración “activador”.
Haga clic en el botón “Agregar un nuevo disparador”, luego se abrirá un pequeño panel (como la imagen a continuación)

Aquí deberá proporcionar condiciones para abrir las ventanas emergentes.

Juegue con la configuración de la pantalla: en esta parte, podrá cambiar las opciones de visualización que incluye el tamaño, la animación y el truco de la ventana emergente. Simplemente siga estos pasos:
Vaya al menú de configuración “Mostrar”, se abrirán varias pestañas en el lado derecho
Haga clic en sus pestañas favoritas donde desea hacer cambios
He terminado. Ahora, presione el botón “Publicar” que cité anteriormente. Creé una ventana emergente (imagen a continuación) siguiendo estos pasos. También podrá crear algo como esto, aún mejor si lo intenta.

Para ver la ventana emergente en acción, debe abrir su sitio desde el front-end después de publicarlo. Puede editar o modificar las ventanas emergentes en el backend en cualquier momento que desee. Método 2: Agregar una ventana emergente a un sitio de WordPress basado en Elementor Si su sitio de WordPress está construido en Elementor, podrá crear algunas ventanas emergentes hermosas e intuitivas con la ayuda del complemento HappyAns, un suplemento elemental eficiente. Tiene un widget útil llamado “ventana emergente modal”, que hará su trabajo muy fácilmente.
Instale HappyAddons: debido a que su sitio se basa en Elementary, obviamente tiene el complemento elemental instalado en su sitio. Agregue la ventana emergente modal: después de instalar el complemento, puede agregar una ventana emergente modal a una página existente o nueva. Lea este tutorial si no sabe cómo usar Elementor. Ahora, le mostraremos cómo puede agregar una ventana emergente modal a su sitio. Siga estos pasos: busque y busque el widget de “ventana emergente modal” en el editor de Elemento
¡Simplemente tire y coloque la “ventana emergente modal” y termines!

Personalice la ventana emergente: ya ha creado una ventana emergente en su sitio web de WordPress basado en Elementor. Ahora es el momento de personalizarlo. Simplemente siga los pasos a continuación:

Haga clic en la ventana emergente que acaba de crear
Ahora se abrirán más opciones de personalización en el panel del editor
Personalice su ventana emergente como desee con estas opciones
Después de estos pasos, agregamos una ventana emergente modal a nuestro sitio elemental, como la captura de pantalla a continuación. Vamos a revisar.

El proceso de visualización de la ventana emergente es el mismo. Abra su sitio desde el front-end después de publicarlo. Sí, puede editar o modificar las ventanas emergentes elementales cuando lo desee desde la parte posterior. También puede verificar la ventana emergente modal de complementos de Widget Happy. Artículo de lectura relevante: cómo agregar ventana emergente modal a las mejores prácticas emergentes de elementor: qué hacer para el mejor resultado si desea obtener lo mejor en una ventana emergente, debe usar de manera inteligente y cuidadosamente porque el pop- Up Windows a veces puede arruinar la experiencia del usuario. Las mejores prácticas que debe seguir para una ventana emergente son: agregar ventanas emergentes solo en lugares donde se necesita
Use POP que sean relevantes para su página
Asegúrese de que las ventanas emergentes sean convincentes y útiles
Úselos en el momento correcto y en el lugar correcto

Elija el formato y el diseño correctos

Establezca lo que quieras de la ventana emergente
Se dirige a diferentes usuarios con diferentes tipos de ventanas emergentes
Prueba A/B antes de completar cualquier ventana emergente
Asegúrese de que los usuarios no se vieran obligados a pasar mucho tiempo para interactuar