Form megjelenítése popup rétegen vagy exit popupban

Van lehetőséged weboldaladon vagy egy landing pagen felugró ablakban (popup layeren) is megjeleníteni az űrlapjaidat. Űrlapod felugorhat látogatóid számára automatikusan, az oldal elhagyásakor vagy az oldalon valamely linkre vagy gombra kattintva. Az alábbi bejegyzésben összefoglaljuk számodra az ezekkel kapcsolatos tudnivalókat.

Áttekintés

• Popup layeres beágyazási lehetőségek áttekintése
  • Automatikusan megnyíló
  • Exit popup (Oldal elhagyásakor)
  • Kattintásra megnyíló (univerzális)
    • Általános beillesztési útmutató
    • Beillesztés más szerkesztőkkel

Popup layeres beágyazási lehetőségek áttekintése

Ha az űrlapot szeretnéd felugró ablakban (pop-up layeren) megjeleníteni, akkor az űrlap adatlapján az Instrukciók űrlap beillesztéséhez blokknál kattints a Popup layeres megjelenés (1) opcióra.

A legördülő menüből (2) kiválaszthatod, hogy milyen módon szeretnéd elhelyezni az űrlapot a weboldalon.

Az alábbiakban bemutatjuk a legördülő panelen elérhető opciókat.

Automatikusan megnyíló

Az így beillesztett űrlap az oldal betöltődésekor automatikusan megnyílik ha az adott böngészőből még nem iratkoztak fel korábban vagy nem zárták be feliratkozás nélkül az ablakot.

Az alábbi beállítási lehetőségek érhetőek el ebben az esetben:

1. Ismételt megjelenés késleltetési ideje: Az első alkalommal történő felugrása után beállíthatod hány perccel később ugorjon fel ismét automatikusan az űrlap a látogatód számára.
2. Hányszor jelenhet meg ismételten?: Az első alkalom után beállíthatod hányszor ugorhat fel még az űrlap érdeklődőd számára ha feliratkozás nélkül zárja be a látogató a popup réteget. Például ha 3-as érték van beállítva, akkor a látogatónak maximum háromszor jelenik meg a popup (ha nem iratkozik fel). A popup leghamarabb akkor jelenik meg, ha az újranyitás ideje letelt. A 0 érték azt jelenti, hogy a popup akárhányszor megjelenhet.
3. Első megjelenés késleltetési ideje: az oldal betöltése után, leghamarabb ennyi másodperccel később jelenhet meg a popup.
4. Szélesség: a layer szélessége, amelyben az űrlap megjelenik. Ezt csak akkor állítsd át, ha a beépített keskeny űrlap sablonokat vagy saját űrlapsablont használsz.
5. Magasság: a layer magassága. Ezt az űrlap magasságához célszerű igazítani. Ha az űrlap nem fér el a layeren, akkor automatikusan megjelenik gördítősáv.
   

Beillesztési segítség: Ha beállítottad a fentebbi értékeket tetszésed szerint utána a beállítások alatti forráskódot másold be az oldalad kódjába a </body> tag elé.

Exit popup (Oldal elhagyásakor)

A popup réteg akkor jelenik meg, ha a látogató már legalább 5 másodperce tartózkodik az oldalon és az egér kurzorát az oldal felső 5 pixelén áthúzza. Ezt a látogatók akkor szokták megtenni, ha el akarnak navigálni az oldalról. Így ez jó lehetőség arra, hogy egy kérdéssel, ajánlattal felkeltsd az érdeklődését.

Ugyanazok a beállításai lehetőségek és beillesztési segédlet érvényes, mint az Automatikusan megnyíló opció esetén.

Kattintásra megnyíló (univerzális)

Weboldalad bármely elemére (gombra, képre, szövegre) elhelyezhetsz egy linket, amelyre rákattintva felugrik a beállított űrlap.

Általános beillesztés (pl.: alapértelmezett Wordpress szerkesztő esetén)

1. Illessz be egy egyedi HTML blokkot (1) az oldaladra. Az egyedi HTML blokkba az alábbi példa alapján készítsd el a Te űrlapodra vonatkozó linket (2):
   <a href="#" class="saformbox_106210_207001">Kattints ide a megrendeléshez.</a>
   
   
2. Majd illeszd be az oldalad forráskódjába a SalesAutopilot oldalán található űrlaphoz tartozó kódot (2). Javasoljuk, hogy a </body> tag elé illeszd be az űrlap kódját.
   

Segítségképpen néhány további ismert szerkesztőben is megmutatjuk, hogyan tudod elhelyezni a popup layeren megjelenő űrlapodat.

Beillesztés Elementorral

1. Illessz be egy gombot az Elementor szerkesztőbe.
2. A gombra kattintva a baloldalon megnyíló felületen a Hivatkozás mezőbe tegyél be egy '#'-t.
3. Ezután kattints a mellette lévő fogaskerék ikonra.
4. A lenyíló fülön add meg a class paramétert és az űrlapodhoz tartozó rövid kódot (saformbox_106210_207001) a következő formátumban: class|saformbox_listaid_urlapid (az elementor esetében ez az elvárt szintaxis.)
5. Ha elkészültél akkor kattints a Frissítés gombra.
6. Majd illeszd be az oldaladra a SalesAutopilot oldalán található űrlaphoz tartozó kódot. Javasoljuk, hogy a </body> tag elé illeszd be az űrlap kódját.
   

Kapcsolódó bejegyzések:

• Feliratkozó űrlap weboldalba ágyazása - általános módszer
• Űrlap beágyazása Wordpress-be