A szerkesztő megnyitása
Az e-mail-szerkesztő automatikusan megnyílik a kampányépítő 4. lépésében (Tervezés). Akkor is megnyílik, ha e-mail-sablont hozol létre vagy szerkesztesz, illetve ha egy folyamatban E-mail csomópontot konfigurálsz. A szerkesztő egy teljes értékű drag-and-drop vászon.
Blokkok hozzáadása
A blokkok panel felsorolja az összes elérhető tartalomblokkot. Húzz bármelyik blokkot a vászonra a hozzáadásához:
- Szöveg — gazdag szövegblokk egyetlen sorhoz vagy bekezdéshez. Kattints a helyszíni szerkesztéshez: félkövér, dőlt, linkek és igazítási beállítások.
- Szövegszekció — kombinált cím + bekezdés blokk, hasznos gyors kiindulópontként egy új szakaszhoz.
- Kép — kattints a kép feltöltéséhez vagy URL megadásához. Mindig add meg az alt szöveget a hozzáférhetőség és a spam-szűrők miatt.
- Gomb — cselekvésre ösztönző gomb linkkel. Testreszabható felirat, URL, szín és belső margó.
- Elválasztó — vízszintes vonal a szakaszok vizuális elválasztásához.
- Idézet — kiemelt idézetblokk a fontos részletek hangsúlyozásához.
- Rácselemek — két komponens egymás mellett egy sorban.
- Listaelemek — két, egymás alá rendezett komponens listája.
- 1 oszlopos szekció — teljes szélességű szakasz-tároló. Húzz más blokkokat belé.
- 2 oszlopos szekció — 50/50 arányú szakasz.
- 3 oszlopos szekció — 33/33/33 arányú szakasz.
- 30/70 szekció — kétoszlopos szakasz keskeny bal és szélesebb jobb oszloppal.
Blokk tartalmának szerkesztése
Kattints bármelyik blokkra a vásznon a kijelöléséhez. Megjelenik egy kontextuális eszköztár az adott blokktípushoz — a segítségével módosíthatod a szöveget, beállíthatsz link URL-eket, igazítást és színeket. A stíluspanel az adott blokk részletes stíluselőírásait mutatja, beleértve a margót, a háttérszínt és a betűtípus beállításait.
A blokkok sorrendjének megváltoztatásához húzd át őket a fogópontjuknál fogva a vásznan.
Merge tagek használata személyre szabáshoz
A vászon alatti referenciapanel az összes elérhető taget felsorolja, Alap, Egyéni és Fenntartott szakaszokra bontva. A tageket közvetlenül egy Szöveg vagy Szövegszekció blokkba gépeld be — például {{name}} vagy {{company}}. Gyakori tagek:
{{name}}— a feliratkozó neve{{email}}— a feliratkozó e-mail-címe{{unsubscribeURL}}— az egykattintásos leiratkozási link (minden kampányban kötelező)- Bármely általad létrehozott egyéni mező tagje — pl.
{{plan}},{{company}}
A merge tagek a tárgysorban és az előnézeti szövegben (preheader) is működnek — gépeld be őket ugyanígy ezekbe a mezőkbe. A vezérlőpult továbbra is a nyers taget mutatja; a valódi érték küldéskor kerül be minden címzettnél.
Ha egy feliratkozónál nincs tárolt érték az adott taghez, a tag látható marad az elküldött e-mailben — a {{name}} szó szerint {{name}}-ként érkezik meg. Ezt úgy kerülheted el, hogy a tagen belül egy függőleges vonal után tartalék értéket adsz meg: a {{name|kedves olvasó}} a "kedves olvasó" szöveget küldi, ha a név hiányzik vagy üres. Az üres tartalék ({{name|}}) egyszerűen üresen hagyja a helyet.
Többoszlopos elrendezések
Húzz egy 2 oszlopos, 3 oszlopos vagy 30/70 arányú szekciót a blokklistából a vászonra, majd húzz más blokkokat (kép, szöveg, gomb) az egyes oszlophelyekbe. Az oszlopszám és a szélességarány szekcióvariánsonként rögzített — ne egyetlen blokk oszlopait próbáld konfigurálni, hanem válaszd ki azt a variánst, amelyik megfelel a kívánt elrendezésnek. Az oszlopos elrendezések automatikusan egyoszlopossá válnak a mobilszélességű levelezőprogramokban.
Asztali, tablet és mobil előnézet
Kattints az Előnézet gombra az eszköztárban a renderelt e-mail megtekintéséhez. Kapcsolj az asztali, tablet és mobil méret között, hogy mindhárom töréspontnál ellenőrizhesd az elrendezést, mielőtt elküldenéd.
Felülírás nyers HTML-lel
Két eszköztár-gomb biztosít közvetlen HTML-hozzáférést, mindkettő egy Monaco kódszerkesztőt nyit meg egy modális ablakban:
- Kód importálása — illessz be egy teljes HTML-dokumentumot (pl. kézzel készített sablon vagy MJML-fordítású kimenet). Kattints az Alkalmaz gombra a vászon törléséhez és az importált HTML-lel való lecseréléséhez, vagy a Mégse gombra az elvetéshez.
- Kód szerkesztése — betölti a jelenlegi e-mail HTML-jét finomhangolásra. Az Alkalmaz visszaírja a változtatásokat a vászonra; a Mégse elveti azokat.
Mindkét folyamat teljesen újrarendereli a vizuális vásznat az általad megadott HTML alapján. Az egyéni inline stílusok részben normalizálódhatnak a vizuális szerkesztőbe visszatérve.
Munkád mentése
Bármikor kattints a Mentés gombra az eszköztárban, vagy nyomd meg a Tovább gombot a mentéshez és az Ellenőrzés lépésre továbblépéshez. A Yaplet figyelmeztet, ha nem mentett változtatásokkal próbálsz elnavigálni.
Mi a következő lépés?
Ha a terv kész, ütemezd el vagy küldd el a kampányodat az Ellenőrzés lépésből. Ha a jövőbeli küldésekben is szeretnéd felhasználni a tervet, mentsd el e-mail-sablonként.