Divi Popup: felugró ablak Divi Library elrendezésből

A Divi Popup egy Divi Library elrendezést nyit meg modális ablakban. A felugró ablakot közönséges könyvtárelrendezésként tervezed meg, a Popup Customiserben bekapcsolod rajta a felugró viselkedést, majd elindítod egy modulról (Advanced → Popup), CSS-osztályról vagy azonosítóról, oldalbetöltéskor, kilépési szándékra vagy WooCommerce-műveletre.

Fókuszált üzenetekre való (ajánlat, űrlap, értesítés). Az oldal fő tartalmát ne tedd felugró ablakba.

Mire jó

• Bármelyik Divi Library elrendezés felugró tartalommá válik, nem kell oldalanként újraépíteni.
• Modulról indítható: egy gombon vagy modulon bekapcsolod a Use Popup kapcsolót, és kiválasztod az elrendezést. CSS-osztály nem kell hozzá.
• CSS-osztállyal vagy azonosítóval bárhonnan megnyitható az oldalon.
• Megjelenhet oldalbetöltéskor vagy kilépési szándékra (akciókhoz, feliratkozáshoz).
• WooCommerce-műveletekhez köthető, például kosárhoz adáskor (ha a WooCommerce aktív).
• Beállítható, hogyan zárhatják be: háttérre kattintással, Escape-pel, bezáró ikonnal, egyéni CSS-elemmel, automatikus bezárással. A megnyitások gyakorisága is korlátozható (munkamenet, nap, hét, hónap).
• A megnyitás késleltethető, az automatikus bezárás időzíthető.

Mikor ne használd

• Mindig látszó, fontos tartalomhoz: a felugró ablakot be lehet zárni vagy letiltani, ezért az ilyen tartalom az oldalra való.
• Nagy, több szakaszos oldalakhoz: ott normál oldal vagy Theme Builder sablon a jobb.
• Egyszerű tippszöveghez: ahhoz egy kisebb elem vagy szövegmodul elég.

Használati esetek

Eset	Miért jó
Hírlevél, érdeklődők gyűjtése	Az űrlap egy könyvtárelrendezésben van, felhívásgombról vagy kilépési szándékra nyílik.
Akció vagy közlemény	Oldalbetöltéskor vagy késleltetve jelenik meg, anélkül hogy zsúfolná az elrendezést.
Részletek modulból	„Gyorsnézet” vagy plusz információ egy gombról, az oldal elhagyása nélkül.
Kosár és WooCommerce	Kiegészítő termék ajánlása vagy visszaigazolás kosárműveletnél.

Bekapcsolás

1. Nyisd meg a Divi Supreme → Extensions oldalt, kapcsold be a Divi Popup kiterjesztést, és mentsd.
2. Hozz létre vagy szerkessz egy elrendezést a Divi → Divi Library alatt.
3. Nyisd meg a Popup Customisert, kapcsold be a felugró ablakot, és válaszd ki a típust és az indítókat.
4. Az oldalon szerkessz egy modult, majd Advanced → Popup → Use Popup, és válaszd ki az elrendezést (modulról indításhoz).

Alapértelmezetten ki van kapcsolva.

Első lépések

1. Kapcsold be a kiterjesztést, és mentsd.
2. Építs egy egyszerű könyvtárelrendezést (címsor, szöveg, gomb vagy űrlap).
3. A Popup Customiserben kapcsold be a felugró ablakot, a típus legyen Module trigger, a megnyitás Click.
4. Az oldalon egy gombnál: Advanced → Popup, válaszd ki az elrendezést.
5. Nézd meg a nyilvános oldalon, és kattints a gombra.

Modulról indítás vagy CSS-célpont

A modulról indítás a legegyszerűbb: az indító elemen nem kell osztály vagy azonosító. A Target by CSS Class/ID típust akkor használd, ha az indító elem a buildereden kívül van, vagy sok elem osztozik rajta.

Időzítés és gyakoriság

A Open delay a kiváltás után vár a megjelenítéssel. A How often opens are allowed korlátozza az ismétlődést munkamenetre vagy naptári időszakra, hogy az akció ne zaklassa a visszatérő látogatót.

Bezárási módok

Minden engedélyezett bezárási módot külön beállíthatsz. Ha az összes bezáró kiváltót kikapcsolod, a felugró ablak csak a háttérre kattintással zárható.

Beállítások

Modulonként (Advanced → Popup)

Beállítás	Típus	Alapérték	Mit csinál
Use Popup	kapcsoló	ki	Megnyit egy olyan könyvtárelrendezést, amelyen a Popup be van kapcsolva.
Popup Layout	választó		A megnyitandó elrendezés. Modulról indításnál nem kell egyéni CSS-osztály vagy azonosító.

Popup Customiser (a könyvtárelrendezésen)

Beállítás	Típus	Alapérték	Mit csinál
Enable Popup	kapcsoló		Bekapcsolja a felugró ablakot ennél az elrendezésnél.
Popup Type	választó		Module trigger, Target by CSS Class/ID, Appear on Page Load, Appear on Exit Intent vagy WooCommerce.
Open Popup Trigger	választó		Click, Hover, Enter Viewport vagy Leave Viewport (modulról indításnál).
Open Popup Delay	csúszka		Késleltetés az indító kiváltása után.
Close Popup Trigger	jelölőnégyzetek	háttérre kattintás	Háttérre kattintás, Escape, egyéni bezáró ikon vagy egyéni CSS-elem.
Open delay	csúszka		Hány másodperccel az indító után nyíljon meg (0 = azonnal).
Popup Target	választó		CSS-célpont típusa: osztály vagy azonosító.
Popup Target by Class / ID	szöveg		Az osztály vagy azonosító, amely megnyitja.
Popup Appear	választó		Always, After X days vagy After X hours (oldalbetöltés és kilépési szándék esetén).
Auto Close Popup	kapcsoló		Megadott idő után magától bezárul.
Close after X seconds	csúszka		Az automatikus bezárás ideje.
How often opens are allowed	választó	korlátlan	Korlátlan, munkamenetenként, naponta, hetente vagy havonta.
Max opens in that period	csúszka		Legfeljebb ennyiszer nyílhat meg az időszakban (1-100).
Hide Close Button	kapcsoló		Elrejti a bezáró vezérlőt.
WooCommerce Action	választó		Kosárhoz kapcsolódó műveletek (WooCommerce típusnál).

Tippek

• A felugró elrendezést kényelmes maximális szélességre tervezd, és próbáld ki mobilon is.
• Érintőképernyőn és a hozzáférhetőség miatt a Click indító a jobb választás.
• Oldalbetöltéskor megjelenő akcióknál állíts be gyakoriságkorlátot, hogy ne minden látogatáskor jelenjen meg.
• A Divi 4-es munkafolyamat ugyanez; a Divi 5-ös migrációs eszközök átalakítják a könyvtárelrendezéseket.