Los popups son herramientas poderosas para captar la atención de los visitantes y pueden ser utilizados para diversos propósitos como formularios de contacto, suscripciones a boletines informativos, promociones y más.
En este artículo, aprenderás cómo crear un popup en WordPress utilizando Elementor, una herramienta versátil y fácil de usar.
Para seguir este tutorial, necesitas tener Elementor Pro instalado en tu sitio WordPress.
Contenidos
Pasos para Crear el Popup en Wordpress
Acceso a Plantillas de Elementor
- Dirígete al Panel de Administración de WordPress
- Ve a Plantillas de Elementor
- En el menú lateral, selecciona «Popups»
Crear una Nueva Plantilla de Popup
- Haz clic en «Añadir nueva» y selecciona «Popup».
- Asigna un nombre a tu plantilla, por ejemplo, «Contacto Home».
- Haz clic en «Crear plantilla».
Ahora puedes diseñar tu popup según tus necesidades. Agrega elementos como encabezados, imágenes y formularios.
En el video, se muestra cómo agregar un encabezado y un formulario de suscripción sencillo usando el widget nativo de Elementor Pro.
Configuración del Popup
- Puedes ajustar la altura, el ancho y la alineación del popup. Por ejemplo, puedes centrarlo en la pantalla o colocarlo en una esquina específica.
- Configurar el overlay (fondo difuminado) que aparece detrás del popup y las animaciones de entrada y salida, como fade in y fade out.
Haz clic en «Publicar». Aparecerá una ventana emergente para establecer las condiciones de visualización.
- Puedes especificar dónde y cuándo deseas que aparezca el popup. Por ejemplo, puede aparecer en todo el sitio, solo en la página de inicio, en entradas específicas, etc.
Configuración de Triggers:
- Configura las acciones que desencadenarán el popup, como el tiempo que el usuario ha pasado en la página, el porcentaje de desplazamiento, clics en elementos específicos, inactividad del usuario, o cuando el usuario intenta salir de la página.
Pop up configurado para que aparezca al salir de la página
Deberás configurar el Trigger de Salida.
- En el editor de Elementor, haz clic en el icono de ajustes del popup.
- Ve a «Triggers» y elimina cualquier acción predeterminada.
- Añade una nueva acción que haga aparecer el popup cuando el usuario intenta salir de la página.
- Guarda y actualiza la configuración del popup.
Prueba la funcionalidad visitando tu sitio y verificando que el popup aparezca cuando intentes salir de la página.
Conclusión sobre crear un Popup en Wordpress con elementor
Crear popups en WordPress usando Elementor Pro es un proceso sencillo que puede mejorar significativamente la interacción del usuario y las tasas de conversión en tu sitio web.
Con las funcionalidades avanzadas de Elementor Pro, puedes personalizar los popups para que se ajusten perfectamente a tus necesidades y objetivos de marketing.
Este tutorial proporciona una guía completa para crear, configurar y personalizar popups, asegurando que puedas maximizar el potencial de tu sitio web.
Si este artículo te ha sido útil, considera suscribirte al canal de Sooda y darle like al video para más contenido educativo y práctico.
