Tovább a tartalomhoz

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

Szekció neve “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.

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://minta-bolt.hu/pb-betolteskor/
Betöltéskor megnyílt modális popup, háttérréteggel és bezáró ikonnal

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.

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.

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.

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.

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.
https://minta-bolt.hu/pb-egyeb-elem/
Az Ajánlat gombra kattintva megnyílt popup, amelyet az open-offer osztály indított

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

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.

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.

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.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások