Ugrás a fő tartalomhoz

A szakasz cikkei

Több megjelenítése

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

Fejérvári Virág
  • Frissítve
Követés
A szoftver kezelőfelületének arculatát folyamatosan frissítjük, és bizonyos képernyők pillanatnyilag két verzióban is elérhetőek, ezért ebben a Tudásbázis cikkben a korábbi és az új arculatú kezelőfelületen is bemutatjuk a beállításokat:

Feliratkozó űrlap weboldalba ágyazása

Új képernyő

A lent említett beillesztési javaslatok abban hivatottak segíteni, hogy űrlapodat popup layeren tudd megjeleníteni, a kód beillesztése weboldalasba azonban már nem SalesAutopilot funkció. Emiatt, ha kérdésed merülne fel a beillesztéssel kapcsolatban, akkor érdemes webmester vagy webszerkesztő, webfejlesztésben jártas szakember segítségét igénybe venni.

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

Az alábbi képernyőfotók célja, hogy segítsen a beállítások elvégzésében. A cikk készítése óta a képeken látható felületek megváltozhattak, ezért javasoljuk ellenőrizd a beállítás módját az egyes felületek saját oldalán is (pl.: Wordpress).

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

Ha az űrlapot szeretnéd felugró ablakban (pop-up layeren) megjeleníteni honlapodon, akkor az ahhoz szükséges kódot az alábbiak szerint tudod kinyerni. A Lista neve alatt az Űrlapok mappára (1) kattintás után, a jobb oldalon betöltődött felületen kattints az Űrlap neve melletti ikonra (2), ekkor felugrik az Instrukciók űrlap beillesztéséhez kezelőfelület.

Ezen a kezelőfelületen 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 (1). 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.

Korábbi képernyő

A lent említett beillesztési javaslatok abban hivatottak segíteni, hogy űrlapodat popup layeren tudd megjeleníteni, a kód beillesztése azonban már nem SalesAutopilot funkció. Emiatt, ha bármi probléma adódik a beillesztéssel kapcsolatban, akkor érdemes webmester vagy webszerkesztő, webfejlesztésben jártas szakember segítségét igénybe venni.

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

Az alábbi képernyőfotók célja, hogy segítsen a beállítások elvégzésében. A cikk készítése óta a képeken látható felületek megváltozhattak, ezért javasoljuk ellenőrizze a beállítás módját az egyes felületek saját oldalán is (pl.: Wordpress).

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:

Segítesz, hogy még jobbak legyünk?

zoom_csapatkep

Ajánld tehetséges ismerőseidnek nyitott pozícióinkat!

Segítesz, hogy segíthessünk?

Az alábbi pozíciókba keresünk munkatársakat - tudsz ajánlani valakit?

Szoftver Support Munkatárs »
Full Stack Fejlesztő »

Összes nyitott pozíció »

Kapcsolódó cikkek

Hozzászólások

0 hozzászólás

A cikkhez nem írhatók újabb hozzászólások.