Feliratkozó űrlap weboldalba ágyazása - általános módszer

Feliratkozó űrlap weboldalba ágyazása

Az oldalba ágyazott űrlap - mint a nevéből is kiderül magában a megjelenő oldalban van elhelyezve. Ennek kétféle módja van:

• Űrlap hivatkozásának beszúrása (iframe)
• Űrlap teljes forráskódjának beszúrása

Űrlap hivatkozásának beszúrása (iframe)

Az első esetben a weboldaladba az űrlapra mutató hivatkozás kerül beillesztésre. Ennél a beillesztési módnál, ha szerkeszted az űrlapot, akkor a módosítás a weboldaladon is azonnal megjelenik. Legtöbb esetben ezt a beillesztési módot javasoljuk, mivel ezzel kerülhető el, hogy az űrlap megjelenése vagy működése "összeakadjon" a weboldal megjelenésével illetve speciális (Javascript-et használó) funkcióival.

A baloldali menüben az Űrlapok mappára (1) kattintás után, a jobb oldalon betöltődött felületen kattints az ikonra (2), ekkor felugrik az Instrukciók űrlap beillesztéséhez kezelőfelület.

Az ablakban az Űrlap iframe kód (1) legördülő panelben találod a forráskódot.

Itt megadhatod, hogy az űrlap maximálisan milyen szélességben jelenjen meg. Ha azt szeretnéd, hogy az űrlap teljesen kitöltse a rendelkezésre álló helyet, akkor válaszd a Teljesen töltse ki a rendelkezésre álló helyet opciót.

Űrlap teljes forráskódjának beszúrása

Az űrlap teljes forráskódjának beszúrása esetén, az űrlap nem a SalesAutopilot szerveréről nyílik meg, hanem neked kell azt a weboldalad szerves részévé tenned.

Hogy jutok hozzá az űrlap forráskódjához?

Az űrlap létrehozásakor, a létrehozás utolsó lépésében a SalesAutopilot egy szövegdobozban megjeleníti az űrlap forráskódját, az alábbi képen látható módon. A szövegdobozból egyszerűen másold ki a forráskódot a vágólapra (jelöld ki a teljes forráskódot majd nyomd meg a CTRL + C billentyűket).

Ha már létrehoztad az űrlapot akkor is van lehetőséged, hogy hozzájuss a forráskódhoz. Az "Instrukciók űrlap beillesztéséhez" felületen maradva, az "Űrlap forrásának elküldése emailben"-ben, található ez a lehetőség.

Itt szerepel az e-mail címed egy beviteli mezőben, amelyet átírhatsz tetszőleges e-mail címre. A megadott e-mail címre a SalesAutopilot automatikusan elküldi az űrlap forráskódját amikor a "Küldés" gombra kattintasz.

Az e-mail csatolt fájlként tartalmazza az űrlap forráskódját. Mentsd el a kapott forráskódot a saját számítógépedre.

Forráskód beillesztése a HTML tartalomba

Nyisd meg annak a weboldalnak a forráskódját, amelybe az űrlapot szeretnéd beágyazni. A megnyitáshoz használhatsz webszerkesztő programot (pl. Dreamweaver, EditPlus, Notepad++, 1stPage, stb.) vagy ha jól értesz a HTML nyelvhez, akkor a sima Windows-os jegyzettömböt.

A forráskódban arra a helyre, ahol az űrlapot meg szeretnéd jeleníteni másold be a SalesAutopilot által adott teljes forráskódot. Az űrlap forráskódja úgy van megszerkesztve, hogy ne befolyásolja a weboldal más elemeinek megjelenését.

Ha az űrlap megjelenését módosítod, csinosítod, akkor, a művelet során arra kell odafigyelni, hogy az űrlap működését befolyásoló HTML elemeket és azok paramétereit ne változtasd meg! Ezek a <form>, <input> <checkbox> <textarea> és <script> elemek valamint azok "name", "action" stb. paraméterei.

Ha az űrlap megjelenését jelentősen át szeretnéd alakítani, akkor a forráskódban lévő CSS fájl hivatkozásokat távolítsd el. Így az űrlap minden elemének megjelenését 100%-osan a weboldalad megjelenéséhez igazíthatod. Az űrlap ilyen szintű átalakítását csak akkor javasoljuk, ha komoly HTML/CSS tapasztalattal rendelkezel.

Popup ablakban megnyíló űrlap weboldalba ágyazása

A popup ablakban megnyíló űrlap esetében a weboldalába az űrlapot megnyitó linket illeszted be. Ez az űrlap a SalesAutopilot szerveréről fog megnyílni. Ez azt is jelenti, hogy ha módosítani szeretnéd az űrlap megjelenését az automatikusan generálttól eltérőre, akkor az űrlap adatai oldalon a 3 pont ikonra majd, az "Űrlap újrafeltöltése" menüpontra kattintva töltheted fel a módosított űrlapot.

Az első forráskód az űrlapot megnyitó link forráskódja. Ezt kell a weboldalad forráskódjába ágyaznod. A linket másold be a weboldal forráskódjának azon részébe, ahol szeretnéd, hogy az a link megjelenjen.

A második az űrlap forráskódja. Erre akkor van szüksége, ha az űrlap megjelenését szeretnéd módosítani. Ha a módosítást befejezted, akkor az űrlap adatai oldalon, az "Űrlap újrafeltöltése" menüpontban töltheted fel a módosított űrlapot, ahogy a lenti képernyő is mutatjuk. 

Űrlap újrafeltöltés

Az "Űrlap újrafeltöltése" menüpontot, jobb oldalon az Űrlapok fül alatt betöltődő lapon található három pötty (1), majd az Űrlap újrafeltöltés-re (2) kattintva érheted el.

Fontos: Az űrlap újrafeltöltés funkcióval a korábban létrehozott űrlap kódját tudod kiegészíteni, tehát külső rendszerből hozott űrlap forráskódja nem tölthető fel a SalesAutopilot rendszerébe! Illetve az űrlap kódjának szerkesztés során ügyelni kell rá, hogy az űrlap működését befolyásoló HTML elemeket és azok paramétereit ne változtasd meg! Ezek az <input> <checkbox> és <textarea> elemek valamint azok "name", "action" stb. paraméterei. Ha mezőkhöz bekapcsoltad a hibaellenőrzést, akkor az űrlap forrásában található <script> elem tartalmát se változtasd meg.

Az űrlap újrafeltöltés gombra kattintva megjelenik az űrlap újrafeltöltése képernyő. Az első szövegdobozba másold be a módosított űrlap forráskódját. Ha szükséges módosíthatod a köszönőoldal szövegét is ugyanezen a képernyőn. Ha befejezted a módosításokat, akkor kattints a "Tovább" gombra a módosítások életbe lépéséhez.

Ha e-mail-ben kaptad meg a popup ablakban megnyíló űrlap forráskódját, akkor két fájlt kapsz az e-mail-hez csatolva. A popup-link.html tartalmazza az űrlapot megnyitó link forráskódját, a subscribe.html pedig magát az űrlap forráskódját. Mentsd el a fájlokat a számítógépére. Ezután a fentiekben leírt módon végezd el az űrlap megnyitó link beillesztését illetve ha szükséges az űrlap csinosítását.