# Modális felugró ablak automatikus megjelenítése

> Kilépési szándék, késleltetés és cookie-k a felugró ablaknál, valamint a JavaScript-események.

A **Modális felugró ablak** a **Megjelenítési beállítások** szakaszban dől el, mikor jelenjen meg. A **Modális ablak megjelenítése ekkor** listában kattintásos és automatikus lehetőségek is vannak. A kattintásos megnyitásról [külön fejezet](https://hub.hellowp.io/hu/plugins/ultimate-elementor/tartalom-modalis-megnyitas/) szól.

![A Megjelenítési beállítások szakasz Automatikus módban](./kepek/tartalom-modal-automatikus.webp)

*A Megjelenítési beállítások szakasz Automatikus módban* (https://minta-bolt.hu/wp-admin/post.php?post=25&action=elementor)

A képen az **Automatikus** mód látszik a három automatikus kapcsolóval.

## Automatikus indítók

Az **Automatikus** mód kapcsolói:

| Beállítás | Mit csinál |
|---|---|
| **Kilépési szándék** | Az egérmozgásból észleli, hogy a látogató épp elhagyná az oldalt, és ekkor jeleníti meg az ablakot. |
| **Néhány másodperc után** | Megadott idő elteltével jelenik meg az ablak. Az időt te adod meg. |
| **Cookie-k engedélyezése** | Ha a látogató bezárta az ablakot, megadott számú napig nem jelenik meg újra. |

Az automatikus mód további lehetőségei: **Oldalmegtekintések engedélyezése** (az ablak csak akkor jelenik meg, miután a látogató meghatározott számú oldalt megnézett) és **Munkamenetek engedélyezése** (csak a beállított számú böngészőmunkamenet után).

### Megjelenítés kilépési szándékra

1. Nyisd meg a widget **Megjelenítési beállítások** szakaszát.
2. A **Modális ablak megjelenítése ekkor** listából válaszd az **Automatikus** értéket.
3. Kapcsold be a **Kilépési szándék** kapcsolót.

Az ablak ezután akkor jön elő, amikor a látogató a fül bezárására vagy másik fülre váltásra készül.

## JavaScript-események

Saját kóddal is reagálhatsz az ablak megnyitására. Két esemény van, mindkettő megkapja a felugró ablak azonosítóját:

| Esemény | Mikor fut le |
|---|---|
| `uael_before_modal_popup_open` | Az ablak megnyitása előtt. |
| `uael_after_modal_popup_open` | Az ablak megnyitása után. |

```javascript
jQuery( window ).on( 'uael_after_modal_popup_open', function( e, id ) {
	console.log( 'után: ' + id );
	// Ide jön a saját kódod.
} );

jQuery( window ).on( 'uael_before_modal_popup_open', function( e, id ) {
	console.log( 'előtt: ' + id );
	// Ide jön a saját kódod.
} );
```