Landing page sablonok

Új Landing Page szerkesztő

A landing page sablonok segítségével egyszerűvé válik tetszetős megjelenésű, vállalati arculathoz illeszkedő landing page oldalak készítése. Saját sablont létrehozhat a SalesAutopilot beépített landing page sablonjai alapján vagy a webdesign-ere segítségével készíttethet az Ön igényeihez leginkább megfelelőt.

Saját sablon létrehozása SalesAutopilot alapsablonból 

A landing page sablon létrehozásához kattintson bal oldali menü Beállítások / Sablonok / Landing page sablonok opciójára. Ha Ön még nem hozott létre saját landing page sablont, akkor a SalesAutopilot sablonok közül tudja kiválasztani a kiindulási alapsablont saját sablonja elkészítéséhez.

A sablon melletti fogaskerék ikonra (1) kattintva lenyíló menü Előnézet (3) opciójának választásával megtekintheti a sablon előnézetét.  Amennyiben kiválasztotta az Ön számára megfelelő sablon alapot, a Másolás menüpontra (2) kattintva tudja létrehozni a sablont. 

A Másolás lehetőségre kattintást követően a Landing page sablon szerkesztése képernyő jelenik meg. Ezen a felületen tudja elnevezni (1), illetve módosítani (2) a sablont. A SalesAutopilot sablon alapján létrehozott Landing Page-eket a HTML Email Szerkesztő 2.0-hoz teljesen hasonló módon tudja szerkeszteni, erről bőven talál anyagot ezen a linken.

A landing page sablonba követő kódok, és SEO paraméterek beállítására (3) is van lehetősége. A funkcióról részletes információkat ezen a linken ér el. A sablon módosítását követően a sablont a Mentés gombra kattintva tudja létrehozni. 

Fontos: A sablonon végzett módosítások NEM hatnak ki a sablonnal készült landing pagek megjelenésére.

Saját sablon létrehozása klasszikus szerkesztő használatával 

Amennyiben a szövegszerkesztőkből ismert ikonsor, HTML szerkesztő vagy CSS definíciók használatával kívánja létrehozni a sablonját, kattintson az Új landing page sablon gombra.

Ezután megjelenik a landing page létrehozását lehetővé tévő képernyő üres dobozokkal. Itt HTML kódokkal vagy a HTML nézet kikapcsolása után a publikus nézet szerkesztésével dolgozhat. A sablon CSS beviteli mezőnél pedig a sablonhoz tartozó CSS definíciókat tudja beírni vagy fájlból feltölteni. A sablon HTML forráskódjában használhat külső CSS fájlra mutató hivatkozást is. Fontos, hogy a landing page sablon HTML forráskódja utf-8 karakterkódolású legyen.

Saját sablonok elérése

A létrehozott landing page sablonokat a Beállítások / Sablonok / Landing page sablonok felületen, ill. új landing page létrehozásánál a Landing page létrehozás: Lista és sablonválasztás felületen is a Saját sablonok fülön fogja megtalálni. 

Kapcsolódó bejegyzések:

• Személyre szabott landing page (határidőhöz kötött kampányokhoz)

Korábbi képernyő

A landing page sablonok segítségével egyszerűvé válik tetszetős megjelenésű, vállalati arculathoz illeszkedő landing page oldalak készítése. Saját sablont létrehozhat a SalesAutopilot beépített landing page sablonjai alapján vagy a webdesign-ere segítségével készíttethet az Ön igényeihez leginkább megfelelőt.

Sablon létrehozása

Kattintson bal oldali menü Beállítások / Sablonok / Landing page sablonok opciójára. Ha Ön még nem hozott létre saját landing page sablont, akkor az Alapsablonok jelennek meg, amelyeket kiindulási alapnak használhat a saját sablonja elkészítéséhez.

A sablon melletti fogaskerék ikonnál (1) lévő lenyíló menü Előnézet opcióra kattintva megtekintheti a sablon előnézetét (2).

Saját sablon létrehozásához kattintson a Másolás menüpontra, így az alapsablon alapján fog saját sablont létrehozni (3).

Ekkor megjelenik a képernyő, ahol el tudja nevezni a saját sablont és szerkeszteni tudja. Megteheti ezt a html kód változtatásával (ehhez programozói, webszerkesztői ismeretekre van szükség), vagy a "HTML szerkesztő be/ki kapcsolása" linkre kattintva elérheti a sablon publikusan látható változatát, melyet szintén tud módosítani a felül megjelenő szövegszerkesztőkből ismert ikonsor segítségével. HTML nézetben tudja beírni vagy fájlból feltölteni a landing page forráskódját. A sablon CSS beviteli mezőnél pedig a sablonhoz tartozó CSS definíciókat tudja beírni vagy fájlból feltölteni. A sablon HTML forráskódjában használhat külső CSS fájlra mutató hivatkozást is. Fontos, hogy a landing page sablon HTML forráskódja utf-8 karakterkódolású legyen.

Új sablon létrehozásához, kattintson a kék Új landing page sablon gombra.

Ezután megjelenik a landing page létrehozását lehetővé tévő képernyő üres dobozokkal. Itt is dolgozhat HTML kódokkal, akár csak a publikus nézet szerkesztésével a HTML nézet kikapcsolása után.

Sablon szerkezete

A sablon HTML forráskódja tartalmaz speciális elemeket. A sablonban található <!--mssys_editable_content-->, <!--/mssys_editable_content--> illetve <!--mssys_editable_multiple_content-->, <!--/mssys_editable_multiple_content--> elemek jelzik a szerkeszthető tartalmi blokk kezdetét és végét. A mssys_editable_multiple_content tartalom definíció abban különbözik a mssys_editable_content definíciótól, hogy az előbbi másolható tartalmi blokkot definiál. Vagyis a landing page létrehozásakor az adott tartalmi blokk alapján egy kattintással újabbakat lehet létrehozni egymás alá és ezeket törölni is lehet.

Tetszőleges számú szerkeszthető tartalmi blokkot definiálhat. A sablon első elmentésekor a SalesAutopilot megsorszámozza a szerkeszthető blokkokat, tehát utána így fognak megjelenni a sablon HTML forrásában, például: <!--mssys_editable_content_1-->. Ha új szerkeszthető blokkot definiál, akkor nem szükséges sorszámozást megadni, mentéskor a SalesAutopilot automatikusan sorszámot rendel hozzá.

A szerkeszthető területet az, amelyet a landing page létrehozásakor a felhasználó szerkeszthet. A szerkesztést a módosítani kívánt elem, szövegre vagy képre való dupla kattintással érheti el. A sablon többi részét nem módosíthatja.