Una ventana emergente de suscripción activada por un clic puede aumentar eficazmente la tasa de suscripción por correo electrónico de su sitio web al tiempo que mejora la experiencia del usuario. Elementor ofrece potentes herramientas para crear y personalizar ventanas emergentes, lo que facilita la configuración de un "clic para abrir" ventana emergente de suscripción. Este tutorial le guiará paso a paso para crear una ventana emergente de suscripción que sólo aparezca cuando los usuarios hagan clic en un enlace o botón específico.

Introducción

Las ventanas emergentes de suscripción pueden ser una excelente forma de atraer a los visitantes y animarles a suscribirse a su boletín de noticias, promociones o actualizaciones. A diferencia de las ventanas emergentes activadas automáticamente, que pueden interrumpir la experiencia del usuario, una ventana emergente activada por clic se abre sólo cuando el usuario está preparado para verla, lo que la hace más fácil de usar y con mayores probabilidades de conversión. Exploremos cómo puede crear una ventana emergente de suscripción en Elementor que se abra al hacer clic en un enlace o botón.

Paso 1: Crear la plantilla de ventana emergente de suscripción

1. Elemento de acceso o plantillas emergentes
   • Acceda a su panel de control de WordPress y navegue hasta Plantillas > Ventanas emergentes.
   • Haga clic en Añadir nueva ventana emergente para crear una nueva plantilla emergente.

1. Nombre y cree su plantilla de ventanas emergentes
   • Dé a su ventana emergente un nombre relevante, como "Ventana emergente de suscripción" y luego haga clic en Crear plantilla.

2. Elija o diseñe el diseño de su ventana emergente
   • Elementor le mostrará una gran variedad de plantillas de ventanas emergentes prediseñadas. Seleccione una que se adapte a sus necesidades, o comience con una plantilla en blanco.
   • Haga clic en Inserte para abrir la plantilla seleccionada en el editor de Elementor. Al hacer clic en el icono "x" le lleva a la página de la plantilla en blanco.

3. Añadir un formulario de suscripción
   • Arrastre el Formulario widget en la ventana emergente para añadir un formulario de suscripción.
   • Configure los campos del formulario para capturar la información necesaria, normalmente:
     • Nombre (opcional) - para una experiencia más personalizada.
     • Correo electrónico (obligatorio) - como información principal para una suscripción.
   • Manténgalo sencillo con sólo un campo de correo electrónico para aumentar la probabilidad de inscripción.

4. Configurar las acciones de envío de formularios
   • Actualice el texto del botón de envío del formulario a algo atractivo, como "Suscríbase ahora" u "Obtenga actualizaciones".
   • En el Acciones tras el envío seleccione Correo electrónico o MailChimp (si utiliza MailChimp para el marketing por correo electrónico).
   • Personalice las acciones posteriores al envío, como enviar un mensaje de agradecimiento o añadir un notificación de éxito.

5. Estilice su ventana emergente
   • Utilice las opciones de estilo de Elementor para personalizar el colores del formulario, fuentesy espaciado para que coincida con la marca de su sitio web.
   • Para llamar la atención, añada un titular como "¡Manténgase al día!" o "Suscríbase a las últimas noticias. “

6. Guardar y publicar la ventana emergente
   • Una vez que esté satisfecho con el diseño, haga clic en Publique. Ahora se le pedirá que configure los ajustes de visualización de la ventana emergente.

Paso 2: Configure los ajustes de visualización y activación de la ventana emergente

1. Establecer las condiciones de visualización
   • Haga clic en Añadir condición y elija Todo el sitio o una página específica en la que desee que se pueda acceder a la ventana emergente.

2. Configurar activadores
   • Desactive cualquier activador automático (como "Al cargar la página" o "Al desplazarse"). Este paso garantiza que la ventana emergente sólo aparezca cuando el usuario haga clic en un enlace o botón designado.

3. Guardar ajustes de pantalla
   • Confirme sus ajustes pulsando Guardar y cerrar.

Paso 3: Crear el enlace o botón para activar la ventana emergente

1. Edite la página o el post donde desea el enlace
   • Abra la página o la entrada en la que desea añadir el enlace o botón activador en Elementor.
2. Añadir un enlace o botón para el activador de la ventana emergente
   • Inserte un Botón o un widget de enlace de texto que sirva como disparador de la ventana emergente. Utilice texto atractivo como "Suscríbase ahora" o "Suscríbase para recibir actualizaciones".
   • Puede adjuntar el activador de la ventana emergente a una imagen, un icono u otro elemento en el que se pueda hacer clic para conseguir un aspecto personalizado.

3. Establezca la acción desencadenante para abrir la ventana emergente
   • Seleccione el enlace o el botón y vaya a Ajustes de enlace en el editor de Elementor.
   • Establezca el tipo de enlace en Etiquetas dinámicasy seleccione Acciones > Ventana emergente de la lista desplegable.

4. Elija la acción y el nombre de la ventana emergente
   • Elija Abrir ventana emergente como acción y seleccione el nombre de la ventana emergente de suscripción que creó anteriormente.
   • También puede establecer una acción de cierre de la ventana emergente si desea que los usuarios puedan cerrarla manualmente.

5. Guarde sus cambios
   • Haga clic en Actualización para guardar sus cambios en la página.

Paso 4: Probar la ventana emergente

1. Vista previa de la página
   • Visite la página en la que añadió el activador de la ventana emergente, haga clic en el enlace o botón y asegúrese de que la ventana emergente de suscripción se muestra correctamente.

2. Presentación del formulario de control
   • Envíe una entrada de prueba para asegurarse de que el formulario funciona como se espera. Si ha configurado el formulario para que envíe una notificación por correo electrónico, compruebe que se recibe el mensaje.
   • Si está conectado a una herramienta como MailChimp, compruebe que la suscripción de prueba se ha añadido a la lista correcta.

Consejos y recomendaciones adicionales

• Añadir animación: En los ajustes avanzados de la ventana emergente, puede añadir animaciones de entrada y salida (como fundidos o deslizamientos) para que la ventana aparezca más suave y atractiva.

• Optimizar para móviles: Cambie a la vista móvil en el editor de Elementor y ajuste el diseño de la ventana emergente para pantallas móviles a fin de garantizar una experiencia fluida a los usuarios móviles.
• Control de frecuencia: Si planea tener varias ventanas emergentes, limite su frecuencia para evitar abrumar a los usuarios.

• Declaración de privacidad: Utilice la Texto widget para añadir un breve descargo de responsabilidad sobre la privacidad en la parte inferior del formulario para garantizar a los usuarios que la información de su correo electrónico se mantendrá segura.

Conclusión

La creación de una ventana emergente de suscripción activada por clic en Elementor aumenta eficazmente la tasa de suscripción por correo electrónico de su sitio web al tiempo que garantiza una experiencia de usuario positiva. A diferencia de las ventanas emergentes activadas automáticamente, este enfoque sólo muestra la ventana emergente cuando el usuario está listo para participar, lo que la hace menos intrusiva y más propensa a la conversión. Siguiendo estos pasos, puede diseñar, personalizar y configurar fácilmente una ventana emergente de suscripción que se alinee con su marca y fomente la interacción del usuario. Una ventana emergente bien elaborada y colocada estratégicamente puede ser valiosa para construir su lista de correo electrónico y permanecer conectado con su audiencia.