# Mikor nyíljon a popup: betöltés, görgetés, kilépés, érkezési oldal, kattintás

> A Popup Builder indítói: oldalbetöltés, kilépési szándék, görgetés, érkezés adott URL-ről és kattintás bármely elemre, lépésről lépésre.

A **Popup Builder** **Tartalom → Megjelenítési beállítások** szakasza adja meg, mikor nyíljon magától a popup. Itt az öt indítót ismerheted meg. Mindegyiknél először el kell rejteni a beépített megnyitó gombot, ha a popupnak magától kell nyílnia.

## Közös első lépés: a gomb elrejtése

Állítsd a **Tartalom → Tartalom** szakasz **Válaszd ki az opciót** mezőjét **Rejtett** értékre. Ilyenkor nincs gomb vagy ikon az oldalon, a popup magától nyílik. Ha a látogató kattintással is megnyithassa, hagyd a **Felhívás cselekvésre** vagy az **Ikon** értéken.

A popup csak azokon az oldalakon nyílik, amelyek tartalmazzák a widgetet. Ha a popup az egész webhelyen kell, tedd a widgetet a fejléc- vagy a lábléc-sablonba. Teszteld mindig a közzétett oldalon, nem a szerkesztőben.

## Oldal betöltésekor

A látogató megérkezésekor azonnal megjelenő popup, például akció, üdvözlés vagy hírlevél.

1. Add hozzá a **Popup Builder** widgetet, válassz **Felugró ablak típusát** (bejelentéshez a **Modális felugró ablak** a megszokott), és add meg a tartalmát.
2. A **Válaszd ki az opciót** legyen **Rejtett**.
3. A **Megjelenítési beállítások** alatt kapcsold be az **Oldal betöltésekor** kapcsolót. A popup az oldal betöltése után kb. fél másodperccel nyílik, oldalmegtekintésenként egyszer.
4. Ha nem szeretnéd, hogy minden oldalbetöltéskor megjelenjen, kapcsold be a **Megjelenítés felhasználónként X alkalommal** beállítást is: [Időzítés és megjelenési korlát](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/popup-builder-idozites-korlatozas/).

![Betöltéskor megnyílt modális popup, háttérréteggel és bezáró ikonnal](./kepek/popup-builder-betoltes-nyitva.webp)

*Betöltéskor megnyílt modális popup, háttérréteggel és bezáró ikonnal* (https://minta-bolt.hu/pb-betolteskor/)

A képen a betöltés után megnyílt modális ablak látszik az oldal közepén, mögötte a sötétített réteggel.

| Beállítás | Hol | Alapérték |
| --- | --- | --- |
| **Oldal betöltésekor** | Tartalom → Megjelenítési beállítások | Elrejtés (ki) |
| **Válaszd ki az opciót** | Tartalom → Tartalom | Felhívás cselekvésre |
| **Megjelenítés felhasználónként X alkalommal** | Tartalom → Megjelenítési beállítások | Ki |

Gyakori hibák:

- A popup nem nyílik: teszteld a közzétett oldalon, és nézd meg, hogy a **Megjelenítés felhasználónként X alkalommal**, az **X oldalmegtekintés után** vagy a **Megjelenítés meghatározott ideig** nem tartja-e vissza.
- Minden alkalommal nyílik: ezt csinálja az **Oldal betöltésekor**. Korlátozd a **Megjelenítés felhasználónként X alkalommal** beállítással.

## Görgetésre

A popup akkor jelenik meg, amikor a látogató már olvas, például a cikk felénél.

1. Add hozzá a widgetet, add meg a tartalmát, és a **Válaszd ki az opciót** legyen **Rejtett**.
2. A **Megjelenítési beállítások** alatt a **Görgetésre** sornál kattints a ceruza ikonra, így a beállítás kinyílik.
3. A **Görgetési eltolás (px)** mezőben add meg, hány képpontot kell az oldal tetejétől legörgetni. A csúszka 0 és 5000 közötti értéket enged. Kb. 800 px nagyjából egy képernyőnyi laptopon.

| Beállítás | Hol | Tartomány | Alapérték |
| --- | --- | --- | --- |
| **Görgetésre** | Tartalom → Megjelenítési beállítások | Be / Ki | Ki |
| **Görgetési eltolás (px)** | A Görgetésre beállításai | 0 és 5000 px | Üres |

Korlátok és hibák:

- Képpontban számol, nem százalékban: ugyanaz az érték hosszú és rövid oldalon más arányt jelent.
- Oldalmegtekintésenként egyszer nyílik, és egyáltalán nem, ha egy másik automatikus indító (például oldalbetöltés) már megnyitotta.
- Ha soha nem nyílik, az oldal rövidebb lehet az eltolásnál: csökkentsd az értéket.
- Ha rögtön nyílik, az eltolás 0 vagy üres, vagy az **Oldal betöltésekor** is be van kapcsolva.

## Kilépési szándék esetén

Egy utolsó ajánlat azoknak, akik épp távozni készülnek: a popup akkor jelenik meg, amikor a kurzor a böngésző füleihez vagy a bezárógombhoz tart.

1. Add hozzá a widgetet, válaszd a **Modális felugró ablak** típust, és add meg a tartalmát.
2. A **Válaszd ki az opciót** legyen **Rejtett**.
3. A **Megjelenítési beállítások** alatt kapcsold be a **Kilépési szándék esetén** kapcsolót.
4. Próbáld ki a közzétett oldalon: vidd az egeret felfelé, ki az ablakból. A popup megnyílik.

Hogyan érzékeli a widget:

- A popup akkor nyílik, amikor az egérkurzor elhagyja az oldalt, bármelyik szélen, leggyakrabban felül.
- Oldalmegtekintésenként egyszer nyílik.
- Csak asztali gépen működik. Telefonon és táblagépen nincs kurzor, ezért ott nem indul el. Mobilra párosítsd másik indítóval, például a **Görgetésre** beállítással.

Korlátok:

- Bármelyik szél számít: az ablak oldalán kimozgatott kurzor is elindítja.
- Ugyanazon az oldalbetöltésen nem ismétlődik, és egyáltalán nem nyílik, ha másik automatikus indító (oldalbetöltés, görgetés) már megnyitotta.
- Ha minden oldalon megjelenik, add hozzá a **Megjelenítés felhasználónként X alkalommal** beállítást.
- Ha semmi nem történik, teszteld a közzétett oldalon, asztali böngészőben, és ellenőrizd, hogy a popupot nem nyitotta-e meg korábban az oldalbetöltés vagy a görgetés.

## Adott URL-ről érkezéskor

Köszöntsd egy partneroldalról, kampányoldalról vagy saját blogodról érkezőket külön popuppal.

1. Add hozzá a widgetet, add meg a tartalmát, és a **Válaszd ki az opciót** legyen **Rejtett**.
2. A **Megjelenítési beállítások** alatt az **Adott URL-ről érkezéskor** sornál kattints a ceruza ikonra.
3. A **Forrás-URL** mezőbe írd be a címet. Pontosan azt kell megadni, amit a böngésző jelent:

| A látogató innen jön | Ezt írd be | Miért |
| --- | --- | --- |
| Másik webhelyről | A webhely főoldalának címe, például `https://www.google.com/` | A böngészők weboldalak között lépve csak a webhely címét adják át, az oldalét nem |
| A saját webhelyed egy oldaláról | Az oldal teljes címe, például `https://sajatoldal.hu/blog/` | Egy webhelyen belül a teljes cím megy át |

A cím karakterre pontosan egyezzen: számít a `https://` és a `http://`, a `www.` és a záró perjel is.

| Beállítás | Hol | Alapérték |
| --- | --- | --- |
| **Adott URL-ről érkezéskor** | Tartalom → Megjelenítési beállítások | Ki |
| **Forrás-URL** | Az Adott URL-ről érkezéskor beállításai | Üres |

Korlátok:

- Popuponként egy forrás-URL adható meg.
- Hivatkozó nélkül nincs popup: aki beírja a címet, könyvjelzőből nyitja, vagy olyan oldalról jön, amely elrejti a hivatkozót, soha nem egyezik.
- Másik webhely konkrét oldalát nem célozhatod, csak magát a webhelyet.

Hibaelhárítás: ha a popup soha nem nyílik, valószínűleg másik webhely teljes oldalcímét adtad meg. Írd be csak a webhely főoldalát a záró perjellel, és úgy teszteld, hogy tényleg rákattintasz egy linkre arról az oldalról (az oldal közvetlen megnyitása nem küld hivatkozót). Ha a saját blogodról működik, a partneroldalról viszont nem, ugyanez az ok: a partnernél csak a `https://partner.hu/` címet add meg.

## Bármely más elemre kattintáskor

Egy kép, cím, menülink vagy több gomb is megnyithatja ugyanazt a popupot, ha egy CSS-osztályt adsz nekik.

1. Jelöld ki azt az elemet, amelynek nyitnia kell a popupot. A **Haladó → CSS-osztályok** mezőbe írj egy osztálynevet, például `open-offer`. Ugyanezt az osztályt annyi elemhez adhatod, amennyihez csak akarod: mindegyik megnyitja a popupot.
2. Jelöld ki a **Popup Builder** widgetet, nyisd meg a **Tartalom → Megjelenítési beállítások** szakaszt, és a **Bármely más elemre kattintáskor** sornál kattints a ceruza ikonra.
3. Az **Egyedi osztály (megnyitás)** mezőbe írd be az osztályt, pont nélkül.
4. A **Válaszd ki az opciót** legyen **Rejtett**, hogy ne jelenjen meg beépített gomb. Hagyhatod **Felhívás cselekvésre** vagy **Ikon** értéken is, ha a látogató ezzel is nyithatja.

![Az Ajánlat gombra kattintva megnyílt popup, amelyet az open-offer osztály indított](./kepek/popup-builder-masik-elem-nyitva.webp)

*Az Ajánlat gombra kattintva megnyílt popup, amelyet az open-offer osztály indított* (https://minta-bolt.hu/pb-egyeb-elem/)

A képen a gomb nyitotta meg a popupot, a gomb a háttér alatt, sötétített rétegen látszik.

### Saját bezáró elem

Adj egy második osztályt, például `close-offer`, a popupban lévő gombnak, és írd be az **Egyedi osztály (bezárás)** mezőbe. Fontos, hogy ez az osztály a popup elemét kapcsolja át: zárt popupnál megnyitja, nyitottnál bezárja. Ezért a bezáró elemet a popupon belül tartsd.

### Osztály hozzáadása menüelemhez

A **Megjelenés → Menük** oldalon nyisd meg a lap tetején a **Képernyő beállításai** panelt, jelöld be a **CSS-osztályok** négyzetet, és add meg az osztályt a menüelemnél. A menüelemre kattintva a popup nyílik.

| Beállítás | Hol | Alapérték |
| --- | --- | --- |
| **Bármely más elemre kattintáskor** | Tartalom → Megjelenítési beállítások | Ki |
| **Egyedi osztály (megnyitás)** | A beállítás ceruza ikonjával nyíló mezők | Üres |
| **Egyedi osztály (bezárás)** | Ugyanott | Üres |

Korlátok:

- Mezőnként egy osztálynév adható meg. Több indítónál ugyanazt az osztályt add mindegyikhez.
- Csak osztályt fogad el, azonosítót (ID) nem.
- Ha a kattintott elem link volt, a link már nem követődik: a kattintás a popupot nyitja.

Hibaelhárítás: ha a kattintásra nem történik semmi, töröld a pontot az **Egyedi osztály (megnyitás)** mezőből, ellenőrizd, hogy a helyesírás pontosan egyezik-e, és a közzétett oldalon próbáld.

## Tétlenség után

A **Tétlenség után** beállítás késlelteti a popupot, hogy a látogató előbb olvashasson egy kicsit. Az időzítő az oldal betöltésekor indul, és lejártakor nyílik a popup. Az egér mozgatása vagy a gépelés nem indítja újra, tehát valójában oldalbetöltés utáni késleltetésként viselkedik, nem valódi tétlenségmérőként.

1. Add hozzá a **Popup Builder** widgetet, és add meg a tartalmát.
2. A **Tartalom → Tartalom** szakaszban a **Válaszd ki az opciót** legyen **Rejtett**, így nem jelenik meg gomb, és a popup magától nyílik. Ha a látogató kattintással is nyithassa, hagyd a **Felhívás cselekvésre** vagy az **Ikon** értéken.
3. A **Tartalom → Megjelenítési beállítások** alatt kapcsold be a **Tétlenség után** beállítást, és kattints a ceruza ikonra.
4. Az **Inaktivitás ezredmásodpercben** mezőbe írd az időt ezredmásodpercben (1000 = 1 másodperc).

| Késleltetés | Ezt írd be |
| --- | --- |
| 3 másodperc | 3000 |
| 5 másodperc | 5000 |
| 10 másodperc | 10000 |

| Beállítás | Hol | Tartomány | Alapérték |
| --- | --- | --- | --- |
| **Tétlenség után** | Tartalom → Megjelenítési beállítások | Be / Ki | Ki |
| **Inaktivitás ezredmásodpercben** | A beállítás ceruza ikonjával nyíló mező | 0 és 10 000 | Üres |

Korlátok:

- Ne kombináld az **Oldal betöltésekor** beállítással: az oldalbetöltés előbb nyitja a popupot, az idő lejártakor pedig újra megnyílik, akkor is, ha a látogató közben bezárta.
- Oldalanként számol: az időzítő minden megnyitott oldalon újraindul.

Hibaelhárítás:

- **Túl korán vagy túl későn nyílik.** Az érték ezredmásodperc, nem másodperc: a 10 a másodperc századrésze, a 10000 tíz másodperc.
- **Soha nem nyílik.** Az **Inaktivitás ezredmásodpercben** mező üres. Írj be számot, és a közzétett oldalon próbáld ki.