...
Una vez tengamos definido el diseño de nuestro pop up clicaremos en la flecha que hay al lado del botón de publicar para crear las condiciones de visualización.
...
Condiciones de Visualización
En este punto definiremos que condiciones se deben cumplir o no cumplir para que se visualice el pop up. Elementor permite crear más de una condición para la visualización del pop up. Primero definimos donde se visualizará.
En el primer selector definiremos si la condición debe incluir o excluir.
El segundo selector define donde se debe incluir: En toda la web, en páginas de archivo o en páginas únicas.
El tercer selector variara en función de lo definido en el segundo selector. En nuestro caso definiremos que el pop up solo aparezca en la página principal de nuestra web. Una vez indicado hacemos click en “Next”
...
Condiciones de Visualización
Clickamos sobre siguiente y en “Triggers” definiremos cuando se visualizará (los eventos que “disparan” la parición del popup). Tenemos las siguientes opciones:
On page load: Se muestra nada más cargar la página o creando un delay definido por segundos.
On scroll: se muestra después de que el usuario haga scroll hacía arriba o abajo. Definiremos en porcentaje a la altura que se debe mostrar.
On Scroll To Element: en cuando el usuario se desplaza a un elemento específico. Un buen ejemplo seria mostrar el pop up cuando llegan a los comentarios del blog.
On click: se muestra después de que un usuario haga clic un número determinado de veces.
After inactivity: se muestra después de que el usuario haya estado inactivo durante X segundos.
On page exit intent: Para mostrar el pop up antes de que el usuario abandone nuestra página.
Para nuestro ejemplo definiremos que sea en la carga de la página pasados 10 segundos. Para ello marcamos “On Page Load” e indicamos 10 segundos en el retardo. Hacemos click en “Next”
...
Condiciones de Visualización
En advanced rules añadiremos algunas restricciones a cuándo o con qué frecuencia se muestran los pop ups.
Show after x pages views: El pop up se mostrará después x páginas vistas.
Show after x sessions: El pop up se mostrará después de que el usuario visite la página x veces.
Show after x times: abrirá el pop up solo X cantidad de tiempo para ese visitante específico.
When arriving from specific URL: Si el usuario llega a una URL especifica
Show when arriving from: Mostrara el pop up cuando una o varias de las opciones disposibles esten configuradas.
Hide for logged users: Ocultar pop up para usuarios logueados.
Show on devices: Definiremos en que soportes se verá el pop up, escritorio, tablet o móvil.
Para nuestro ejemplo pondremos la regla de que el pop up no se vea en teléfonos móviles ni tablets, solo en escritorio. Guardamos (Save&Close) y ya tendremos nuestro pop up funcionando.
...
Condiciones de Visualización