jueves, marzo 28, 2024
No menu items!
InicioBlogsRevisión y tutorial de Elementor Popup Builder (2024)

Revisión y tutorial de Elementor Popup Builder (2024)

Revisión y tutorial de Elementor Popup Builder (2024)

Imagen oculta de Pinterest

Si desea que las personas se registren en su lista de correo electrónico, debe pedírselo. Tiene sentido, ¿verdad? No estoy precisamente arrojándote bombas de conocimiento.

Sin embargo, lo que no es tan obvio es esto. Como Preguntar es tan importante como preguntar en primer lugar.

Si pregunta de manera óptima, obtendrá un mayor porcentaje de personas que se suscribirán a su lista, lo que significa un mejor retorno de la inversión por sus esfuerzos.

Esta publicación explica cómo puedes hacer esto con un complemento de WordPress llamado Elementor. Si bien tocaré algunos puntos teóricos, se trata más del proceso real paso a paso de usar Elementor para crear varios tipos de formularios emergentes de suscripción en su sitio.

Entonces, al final, compartiré algunas ideas sobre si Elementor es la mejor herramienta para su sitio o si le convendría más tener una opción alternativa.

Cómo Elementor te ayuda a crear formularios de suscripción de alta conversión

Si está familiarizado con Elementor, podría decir: “Hola Colin, Elementor es un creador de páginas, ¿pensé que estábamos creando ventanas emergentes para formularios de suscripción de correo electrónico?”.

Y habrías tenido razón hasta hace unos meses cuando Elementor lanzó su nuevo Generador de ventanas emergentes funcionalidad como parte de Elementor Pro.

Ahora, con la versión premium, puedes usar el potente editor visual de arrastrar y soltar de Elementor Pro para crear todo tipo de ventanas emergentes, que incluyen:

  • Caja de luz/ventanas emergentes modales
  • Barras de notificaciones
  • deslizables
  • Rellenos de pantalla
  • …mucho más porque tienes control total sobre dónde aparece el lienzo emergente

Además, podrá conectar estas ventanas emergentes a varios servicios populares de marketing por correo electrónico. O, si Elementor no tiene una integración directa para su servicio de marketing por correo electrónico favorito, puede vincularse a Zapier y conectarse de esa manera.

Una vez que tenga Elementor y Elementor Pro instalados en su sitio, aquí le mostramos cómo crear sus propios formularios de suscripción de correo electrónico de alta conversión con WordPress.

Paso 1: conéctese al servicio de marketing por correo electrónico de su elección

Si utiliza uno de los servicios de marketing por correo electrónico para los que Elementor Pro ofrece integraciones directas, lo primero que querrá hacer es conectar Elementor a ese servicio.

Esto garantiza que cuando cree el formulario de suscripción de correo electrónico en el siguiente paso, pueda sincronizarlo directamente con sus listas de correo electrónico.

Actualmente, Elementor Pro tiene integraciones directas para los siguientes servicios de marketing por correo electrónico:

  1. correochimp
  2. Obtener respuesta
  3. ConvertirKit
  4. Campaña activa
  5. MailerLite
  6. Goteo
  7. CorreoPoeta
  8. HubSpot

¿Está utilizando un servicio de marketing por correo electrónico diferente? ¡Ningún problema! Aún puedes conectar todo a través de Zapier.

Para conectarse a una de las integraciones directas, vaya a Elementor → Configuración → Integraciones.

Por ejemplo, si usa Mailchimp, puede conectarse pegando su clave API de Mailchimp:

API de integraciones

Paso 2: crea una nueva ventana emergente y elige tu plantilla

Una vez superada esta parte de las tareas domésticas, está listo para crear su propia ventana emergente de suscripción de correo electrónico.

Para comenzar, vaya a Plantillas → Ventana emergente → Agregar nuevo:

Agregar nueva ventana emergente

Dale un nombre memorable (esto es puramente interno). Luego, haga clic Crear plantilla:

Dale un nombre a tu modelo

A continuación, puede elegir si desea comenzar desde una de las más de 100 plantillas emergentes prediseñadas que ofrece Elementor Pro. Alternativamente, puede cerrar la biblioteca de plantillas para comenzar desde una página en blanco; cualquiera de las dos opciones está bien.

🔥 Leer:  Revisión de Thrive Themes 2024: ¿Debería comprar Thrive Suite?

Ahora bien, personalmente no soy un gran diseñador, así que elegiré esta linda ventana emergente para este ejemplo. Si prefieres un espacio en blanco, puedes hacer clic X en la esquina superior derecha:

Seleccione una plantilla emergente

En este punto, deberías ver una vista previa de tu ventana emergente: una pizarra en blanco o la plantilla que seleccionaste.

Para configurar el funcionamiento del área emergente, puede utilizar el archivo Configuración de ventanas emergentesque están abiertos por defecto:

Configurar la plantilla emergente

Querrás revisar las tres pestañas porque esto es lo que te permite crear diferentes tipos de ventanas emergentes. Es decir, ajustando estas configuraciones podrás crear:

  • ventanas emergentes modales
  • deslizables
  • Barras de notificaciones
  • Etc.

Además, también puede configurar otras configuraciones importantes..

En el Ajustes pestaña, puede:

  • Cambiar la altura y el ancho
  • Cambie la posición vertical u horizontal (por ejemplo, puedes fijarlo en la parte superior o inferior para crear una barra de notificaciones.)
  • Decide si usar o no una superposición (esto le permite, por ejemplo, oscurecer el fondo cuando la ventana emergente está activa)
  • Deshabilitar el botón de cerrar
  • Agregar una animación de entrada

En el Estilo pestaña, puede:

  • Cambia el fondo: conviértelo en un color, un degradado o una imagen
  • Configurar la superposición, si está habilitada
  • Configurar el botón de cerrar, si está habilitado

Finalmente, el Avance La pestaña contiene algunas configuraciones de importación diversas que le permiten:

  • Mostrar el botón de cerrar o cerrar automáticamente la ventana emergente después de X segundos
  • Evite el cierre haciendo clic en la superposición o usando la tecla Esc
  • Desactivar el desplazamiento de página
  • Evite múltiples ventanas emergentes (Si tiene varias ventanas emergentes dirigidas a la misma página, esto le permitirá evitar molestar a sus visitantes.)

Para darle un ejemplo de cómo estas configuraciones afectan su ventana emergente, así es como se ve cambiar el archivo Posición en la esquina inferior derecha:

Cambiar la ubicación de la ventana emergente

¿Ves cómo se ha solucionado la ventana emergente en la esquina inferior derecha? Si agrega una animación de entrada y usa un disparador de deslizamiento, esto creará un efecto de deslizamiento sutil y agradable.

Una vez lo básico Configuración de ventanas emergentespuede utilizar la interfaz visual de arrastrar y soltar para diseñar el contenido real de su ventana emergente.

puedes usar Alguien Widget de Elementor, que le brinda mucha flexibilidad en el diseño. Lo único que absolutamente deber incluir es el Módulo widget, ya que eso es lo que le permite crear su formulario de suscripción de correo electrónico.

Con el Módulo widget, puede elegir qué campos desea ofrecer, así como el texto y la apariencia del botón de enviar:

Ingrese los campos del formulario

Más allá de eso, te animo a que explores todos los widgets y opciones de diseño de Elementor.

Como mencioné, tienes mucho control sobre cómo se ve todo y también tienes acceso a algunos widgets útiles que pueden aumentar tu tasa de conversión.

Por ejemplo, podrías utilizar un…

  • cuenta regresiva widget para agregar urgencia
  • Testimonio Widget para agregar pruebas sociales sobre el valor de su boletín
  • Etc.

Paso 5: conecte el formulario a su servicio de marketing por correo electrónico preferido

Una vez que haya terminado de diseñar su ventana emergente, deberá conectarla a su servicio de marketing por correo electrónico, ya sea a través de la integración que configuró en el primer paso o a través de Zapier.

Para hacer esto, abra la configuración del Módulo artilugio.

Entonces, encuentra el Acciones después del envío opciones y agregue una acción para el servicio de marketing por correo electrónico de su elección (o Zapier). Por ejemplo, uso Mailchimp, así que agregaría la acción de Mailchimp:

Acciones después de las opciones de envío

Una vez que agregue la acción, obtendrá una nueva área de configuración para ese servicio.

🔥 Leer:  Revisión de Mangaforfree: todo lo que necesita saber

Por ejemplo, puedo elegir la lista de Mailchimp a la que quiero conectarme, así como también cómo quiero asignar la información del formulario a mi lista de Mailchimp y si debo o no requerir doble suscripción:

Seleccione Conexión y confirme la membresía

Ahora, cada vez que alguien envíe su formulario, Elementor Pro agregará a esa persona directamente a su lista de Mailchimp.

En este punto, está listo para decidir dónde y cuándo desea que aparezca la ventana emergente del formulario de suscripción de correo electrónico.

Para hacer esto, haga clic A publicar botón para abrir el Configuración de publicaciónque se dividen en tres pestañas:

  • Condiciones – Le permite mostrar su ventana emergente sobre contenido específico.
  • Desencadenantes – Le permite elegir cuándo aparecerá la ventana emergente.
  • Reglas avanzadas – Le permite agregar otras opciones de orientación, como apuntar a dispositivos específicos o URL de referencia.

En el Condiciones pestaña, haga clic Agregar condición para agregar una regla sobre dónde aparece la ventana emergente.

De forma predeterminada, la regla está configurada en Todo el sitiopero puedes editarlo para apuntar:

  • Tu página de inicio
  • Categorías o etiquetas
  • Autores
  • Publicaciones individuales
  • Archivar páginas (Me gusta tu lista de blogs)

También puedes agregar más reglas y elegir entre Incluir excluirlo que te da muchas más opciones:

Ingrese las condiciones emergentes

Una forma útil de utilizar estas opciones para aumentar su tasa de conversión es personalizar sus ventanas emergentes.

Por ejemplo, digamos que tienes dos categorías de publicaciones de blog: una en “Blogging” y otra en “WordPress”.

Con estas reglas, puede crear dos ventanas emergentes personalizadas separadas para cada categoría con una CTA dirigida a ese tipo de contenido. Incluso algo tan simple como duplicar el mismo diseño, pero cambiando ligeramente el texto para apuntar hacia la categoría, puede dar sus frutos.

Paso 7: elija las reglas de activación

A continuación, vaya a Desencadenantes para determinar cuándo iniciar la ventana emergente. Puedes activar tu ventana emergente:

  • Tiempo
  • Profundidad de desplazamiento
  • Inactividad
  • Hacer clic
  • intención de salida
Ingrese los activadores de ventanas emergentes

Para que su ventana emergente sea menos intrusiva, puede usar estas reglas para retrasar su visualización; hablaremos más sobre eso en un segundo.

Paso 8: configurar reglas avanzadas

Finalmente, ve a Reglas avanzadas para configurar algunas otras opciones importantes.

Aquí tienes opciones que te permiten:

  • Espere a que aparezca una cierta cantidad de páginas vistas o sesiones para que aparezca la ventana emergente
  • Establecer un límite para la cantidad de veces que un visitante ve una ventana emergente
  • Diríjase a visitantes de referentes específicos
  • Oculta tu ventana emergente para usuarios registrados
  • Ocultar para ciertos dispositivos, por ejemplo, ocultar su ventana emergente para visitantes móviles
Ingrese reglas emergentes avanzadas

Para no molestar a tus visitantes, te recomiendo activar permanentemente el archivo. Aparecer hasta X veces opción.

Además, el Cuando vienes de una URL específica la opción abre más vías de personalización. Por ejemplo, si publica una publicación de invitado en un blog popular, puede crear un correo electrónico de suscripción especial dirigido a los visitantes que llegan a su sitio desde esa publicación de invitado.

Una vez realizada la configuración de Configuración de publicación haga clic en el Guardar y cerrar para activar la ventana emergente de activación por correo electrónico.

No necesitas que te lo diga, herirLas ventanas emergentes de suscripción de correo electrónico pueden ser extremadamente molestas.

Estoy seguro de que has experimentado que el sitio te molesta incesantemente con ventanas emergentes, lo que hace que el botón “Atrás” de tu navegador sea una opción bastante interesante.

Aquí hay algunas formas en que puede usar las opciones de Elementor Pro para evitar someter a los visitantes de su sitio a este problema:

  • Considere la posibilidad de crear un tipo de ventana emergente menos intrusiva, como una barra de notificaciones o deslizable no modal. Puedes comprobarlo a través de Configuración de ventanas emergentes.
  • Asegúrate de que la ventana emergente no aparezca en este momento. Puede retrasarlo con un activador de intención de salida o puede usar el Mostrar después de x visitas a la página opción en Reglas avanzadas espere hasta que un visitante vea varias páginas (¡o incluso ambos!).
  • Utilizar el Aparecer hasta X veces opción en Reglas avanzadas para establecer un límite en la cantidad de veces que un visitante verá la ventana emergente.
  • Facilite el cierre de la ventana emergente asegurándose de que Cerca el botón es visible y fácil de hacer clic. Puedes consultarlo en el archivo. Configuración de ventanas emergentes.
  • Evite mostrar múltiples ventanas emergentes en la misma página. Nuevamente, puedes configurar esto desde Configuración de ventanas emergentes.
🔥 Leer:  Revisión de Snappa: todo lo que necesita saber

Elementor Pro definitivamente no es el único complemento que te ayuda a crear tu lista de correo electrónico.

Entonces, para concluir esta publicación, profundicemos en la pregunta de si Generador de ventanas emergentes Elementor Pro Es la mejor manera de crear ventanas emergentes de suscripción de correo electrónico en todas las situaciones.

La respuesta depende de lo que más valoras.

Empecemos por las partes buenas…

Cuando se trata de flexibilidad de diseño, no creo que encuentre ninguna herramienta que le brinde más control sobre el diseño de sus ventanas emergentes y formularios de suscripción de correo electrónico.

¿Por qué Elementor? en su centro es una herramienta para diseñar todo tipo de contenido web, incluidas tanto páginas de destino como sitios web completos, tiene tantas opciones de diseño. Además, incluso entre los creadores de páginas de WordPress, Elementor sigue destacando por su increíble gama de opciones de diseño.

Entonces, si valoras la capacidad de diseñar ventanas emergentes 100% únicas, Elementor Pro es una opción sólida.

Además, también tienes acceso a todos los widgets normales de Elementor, lo que también te brinda mucha flexibilidad en lo que respecta al contenido de los formularios de suscripción. Por ejemplo, puedes insertar fácilmente:

  • cuenta regresiva
  • Imágenes
  • llamada a la acción
  • Etc.

Y también hay toneladas de extensiones de Elementor gratuitas y premium que agregan aún más widgets para que los uses.

Finalmente, también obtienes muchas opciones de orientación útiles que te permiten crear formularios de suscripción de correo electrónico personalizados, lo cual es una excelente manera de aumentar las tasas de conversión.

Básicamente, cuando se trata de formularios de registro frontales, Elementor Pro es el mejor del paquete.

Sin embargo, hay un área detrás de escena donde Elementor Pro se queda corto…

Analítica.

Quiero decir, ¡no hay ninguno! Al menos no integrado.

Entonces, si bien la mayoría de las otras herramientas de suscripción de correo electrónico le permitirán realizar un seguimiento de las impresiones y conversiones para calcular su tasa de conversión, Elementor no ofrece eso… al menos no sin un poco de ayuda.

Existen soluciones para agregar el seguimiento de Google Analytics y encontré este complemento WordPress Elementor Tracker en CodeCanyon que agrega el seguimiento de eventos como una opción para todos los widgets de Elementor. Si bien nunca he usado personalmente este complemento, parece que le permitiría ver su tasa de conversión en Google Analytics sin demasiados problemas.

Pero la esencia básica es que la analítica no es el punto fuerte de Elementor, así que ese es el precio que pagas por toda esa flexibilidad de diseño.

Además, no hay pruebas A/B integradas. Entonces, una vez más, no tiene una forma integrada de analizar y optimizar sus formularios entre sí.

Sólo usted puede decidir si los compromisos valen la pena.

Si decide que prefiere una herramienta centrada más en análisis y pruebas A/B, Thrive Leads sería ideal.

Recomendamos

Populares