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

A SalesAutopilot szoftverrel létrehozott feliratkozó űrlap HTML oldalba ágyazása nagyon egyszerű, de szükség van hozzá alapszintű HTML ismeretre. A feliratkozó űrlap kétféle megjelenési módja van.

• Oldalba ágyazva
• Popup ablakban

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 az Ön weboldalába az űrlapra mutató hivatkozás kerül beillesztésre. Ennél a beillesztési módnál, ha Ön szerkeszti az űrlapot, akkor a módosítás a weboldalán 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.

Az űrlap adatai képernyőről, Űrlap hivatkozásának beszúrása (iframe) résznél található mezőből tudja kimásolni a weboldalába beillesztendő kódot.

Itt megadhatja, hogy az űrlap maximálisan milyen szélességben jelenjen meg. Ha azt szeretné, hogy az űrlap teljesen kitöltse a rendelkezésre álló helyet, akkor válassza 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 Önnek kell azt a weboldala szerves részévé tennie.

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ásolja ki a forráskódot a vágólapra (jelölje ki a teljes forráskódot majd nyomja meg a CTRL + C billentyűket).

Szintén ezen a képernyőn, az oldal alján szerepel az Ön e-mail címe egy beviteli mezőben, amelyet átírhat tetszőleges e-mail címre. AZ itt megadott e-mail címre a SalesAutopilot automatikusan elküldi az űrlap forráskódját amikor a "Tovább" gombra kattint.

Ha már létrehozta az űrlapot akkor is lehetősége van, hogy hozzájusson a forráskódhoz. A bal oldali menüben kattintson az űrlap nevére. Majd a jobb oldalt megjelenő oldalon a felső menüsorban, kattintson az "Űrlap forrásának elküldése menüpontra", ahogy az alábbi képen is látható.

Ekkor megjelenik az űrlap forrásának elküldése képernyő, lásd az alábbi képernyőfotót. Az "E-mail cím" mezőben automatikusan az Ön e-mail címe szerepel. Ha más e-mail címre szeretné elküldeni az űrlap forráskódját, akkor írja át az e-mail címet. A "Forrás elküldése" gombra kattintva a SalesAutopilot elküldi az űrlap forráskódját megadott e-mail címre.

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

Forráskód beillesztése a HTML tartalomba

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

A forráskódban arra a helyre, ahol az űrlapot meg szeretné jeleníteni másolja 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ítja, csinosítja 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áltoztassa 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é alakítani, akkor a forráskódban lévő CSS fájl hivatkozásokat távolítsa el. Így az űrlap minden elemének megjelenését 100%-osan a weboldala megjelenéséhez igazíthatja. Az űrlap ilyen szintű átalakítását csak akkor javasoljuk, ha komoly HTML/CSS tapasztalattal rendelkezik.

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

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

Az űrlap forráskódhoz ugyanúgy két módon juthat hozzá, mint az oldalba ágyazott űrlap esetén. Az űrlap szerkesztésének utolsó lépésében, két forráskódot kap, ahogy az alábbi képernyőfotó is mutatja.

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

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

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

Ha Ön e-mail-ben kapta meg a popup ablakban megnyíló űrlap forráskódját, akkor két fájlt kapott 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. Mentse el a fájlokat a számítógépére. Ezután a fentiekben leírt módon végezze el az űrlap megnyitó link beillesztését illetve ha szükséges az űrlap csinosítását.