Saltar al contenido

Elementor Pro: Crea tus propias Popups con el Constructor de Popups de Elementor

Elementor Pro: Crea tus propias Popups con el Constructor de Popups de Elementor
5 (100%) 1 vote[s]

Con el Popup Builder, el equipo de Elementor dio un giro definitivo a este fantástico Page Builder dejando a todos los demás atrás por un lapso de tiempo.

Los Popup Elementor
PRO Popups facilitan la gestión de la GENERACIÓN DE LÍDERES de su sitio web: ya no tiene que utilizar plugins de terceros para crear Popups, sino que lo hace directamente con Elementor.

No tiene que preocuparse por la apariencia gráfica de sus Popups porque, usando Elementor, serán los mismos que los diseños de su sitio web.

¿Qué tipo de popup puedo crear con Elementor Pro?

Con el Constructor de Popups de Elementor Pro se puede crear cualquier tipo de popup:

  • Popup con formularios de contacto
  • Ventana emergente con el formulario Optin para capturar correo electrónico
  • Información emergente
  • Ventana emergente para consentimiento de cookies
  • Ventana emergente con barras de información
  • Ventana emergente con cupones de descuento
  • Ventana emergente para la intención de salida

No hay límite! Con el Popup Builder puedes crear cualquier tipo de Popup, el único límite será tu imaginación.

Pero vamos a entrar en detalles y ver juntos cómo crear un Popup con el Popup Builder de Elementor Pro.

Cómo crear un Popup con el Popup Builder de Elementor Pro

Crear un Popup con el Popup Builder es muy sencillo.

Simplemente vaya a la barra lateral de WordPress, haga clic en el elemento «Template» de Elementor y luego en «Popup«.

Inmediatamente después haga clic en «Nuevo» en la parte superior izquierda, como puede ver en la imagen de abajo.
Popup builder elementorPopup Builder Elementor Una vez que
haga clic en «Nuevo
»
, se abrirá la ventana para elegir el tipo de plantilla. Deje «Popup» como tipo de plantilla y en la casilla «Nombre de su plantilla» introduzca el nombre que desea darle, luego vaya al botón verde «Create Template«.
Popup builder template
Inmediatamente después tendrá acceso a la biblioteca Popup, donde podrá elegir entre 100 plantillas disponibles.

Tendrá la posibilidad de ver una vista previa de la plantilla y si el diseño es adecuado para usted, haga clic en «Insertar» e importe su Popup en el área de configuración de Elementor.

En la pestaña «Ajustes» puede modificar los parámetros de diseño, como la anchura, la altura, la posición, la posición del contenido o la animación emergente.

Para acceder a la pestaña «Ajustes«, haga clic en la rueda situada en la parte inferior izquierda de los ajustes generales.
Popup builder impostazioni
En la pestaña «Estilo» puede cambiar el estilo, el tipo de fondo, el color, las diferentes posiciones de la imagen, el solapamiento y el botón de cierre de la ventana emergente.
Popup builder stile
Desde la pestaña «Avanzado«, en cambio, puede dar ajustes avanzados a la ventana emergente, como por ejemplo, elegir después de cuántos segundos se muestra el botón de cierre, o poner una hora después de la cual la ventana emergente se cerrará automáticamente, o, de nuevo, desactivar el cierre accidental de la ventana emergente, evitar múltiples ventanas emergentes o desplazarse por la página debajo de la ventana emergente que se muestra.

Una vez que haya personalizado el diseño de su Popup, estará listo para publicarlo y elegir entre los diferentes ajustes de visualización.

Necesitará configurar 3 parámetros:

  • Visualizar condición
  • Desencadenante
  • Reglas avanzadas

Elementor Popup condizione di visualizzazione

Condiciones de visualización

En las «Condiciones de visualización» puede elegir dónde ver la ventana emergente. Puede elegir entre verla en todo el sitio web o en una página, archivo, categoría o artículo específico.
Elementor Pop Up

Desencadenante

El «Trigger» es el disparador que hará que aparezca el Popup. Puede elegir entre 5 configuraciones:

  • A Cargando la página
  • Desplazarse
  • Al hacer clic
  • Después de la inactividad
  • Al salir de la página

Dependiendo del tipo de ventana emergente que haya creado, elija la opción que mejor se adapte a sus necesidades. El consejo que puedo darte es que uses sólo una opción de Popup para evitar el riesgo de errores en la ejecución de la configuración elegida.
Popup trigger

Reglas avanzadas

Las «Reglas Avanzadas» son 7 reglas que puede dar a su Popup para realizar funciones avanzadas:

  • Mostrar después de X páginas vistas
  • Mostrar después de X sesiones
  • Mostrar hasta X veces
  • Viniendo de una URL específica
  • Mostrar de dónde vienes
  • Ocultar para usuarios registrados
  • Mostrar en dispositivos

Si establece las «Reglas avanzadas«, su Popup sólo aparecerá en el contexto específico asignado por la regla activada.
Elementor Popup regole avanzate
Una vez que haya creado el diseño de su Popup con Elementor y asignado los Triggers y Reglas Avanzadas, simplemente haga clic en «Guardar y Cerrar» y su Popup estará operativo en su sitio web!

Conclusiones:

En esta guía hemos visto los Elementor Popups: una fantástica innovación del mejor Page Builder que puedes encontrar en la red!

¿Estás listo para capturar las direcciones de correo electrónico de tus usuarios para crear tu lista, usando las ventanas emergentes de Elementor?

Si tiene preguntas déjelas en los comentarios, las responderé de inmediato.

Nos vemos pronto!