A szerkesztő megnyitása
A kampányépítőben a Design lépésben választasz kiindulópontot; amint választottál, a szerkesztő a következő lépésen, a Tartalom lépésen nyílik meg. Ugyanez a szerkesztő nyílik meg, ha e-mail-sablont hozol létre vagy szerkesztesz, illetve ha egy e-mail automatizáláson belül Email lépést állítasz be. Ez 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. A blokkok nevei minden nyelven angolul maradnak:
- 1 Section — teljes szélességű szakasz-tároló. Húzz más blokkokat belé.
- 1/2 Section — 50/50 arányú szakasz.
- 1/3 Section — háromoszlopos szakasz, mindegyik oszlop egyharmad széles.
- 3/7 Section — kétoszlopos szakasz keskeny bal és szélesebb jobb oszloppal.
- Button — cselekvésre ösztönző gomb linkkel. Testreszabható felirat, URL, szín és belső margó.
- Divider — vízszintes vonal a szakaszok vizuális elválasztásához.
- Text — 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.
- Text Section — kombinált cím + bekezdés blokk, hasznos gyors kiindulópontként egy új szakaszhoz.
- Image — 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.
- Quote — kiemelt idézetblokk a fontos részletek hangsúlyozásához.
- Link — soron belüli szöveges link.
- Link Block — egy egész blokk, amely egyetlen kattintható linkként viselkedik, így képet vagy elrendezést is becsomagolhatsz vele.
- Grid Items — két komponens egymás mellett egy sorban.
- List Items — két, egymás alá rendezett komponens listája.
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ásznon.
Merge tagek használata személyre szabáshoz
A vászon alatti referenciapanel az összes elérhető taget felsorolja, Alap mezők, Egyéni mezők és Fenntartott változók szakaszokra bontva. A tageket közvetlenül egy Text vagy Text Section 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 (ha nem helyezed el magad, automatikusan a láblécbe kerül)- 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 1/2 Section, 1/3 Section vagy 3/7 Section blokkot 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
A szerkesztő felső sávjában eszközgombok találhatók asztali, tablet és mobil szélességhez. Váltogass közöttük, hogy küldés előtt mindhárom méretnél ellenőrizd az elrendezést, a mellettük lévő előnézet-kapcsolóval pedig elrejtheted a szerkesztési kereteket, és úgy látod az e-mailt, ahogy a címzett fogja.
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 → 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 → 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.
Az eszköztár ezeket a Kód menübe csoportosítja. Mellette a Tartalom menü található a Tartalom betöltése (mentett sablon vagy korábbi e-mail beemelése — mindig mindent lecserél, ami most a szerkesztőben van, ezért előbb megerősítést kér) és a Mentés sablonként (a teljes levélből új sablon lesz, a tartalma kezdő tartalomként marad) menüponttal. Ezek mellett van a Teszt email küldése ikon és a Generálás AI-val gomb — lásd a következő szakaszt.
Generálás AI-val
A Generálás AI-val gomb az AI ablakot nyitja meg. Sablonokkal dolgozik: a sablon egy teljes levél egy Tartalomterülettel (a szaggatott zóna a vásznon); ami rajta kívül van, pontosan úgy marad, ahogy megtervezted.
- Ennek a levélnek a módosítása vagy új levél írása — akkor látszik, ha van tartalom a vásznon. Az Ennek a levélnek a módosítása abból indul ki, ami már a vásznon van („rövidítsd a bevezetőt”, „legyen zöld a gomb”), és mindent újraír, amihez az AI hozzányúlhat, így az általad nem említett megfogalmazások is kissé átfogalmazva térhetnek vissza; az Új levél írása ehelyett lecseréli a tartalmat.
- Sablon megtartása — ez egy kapcsoló az eszköztárban a gomb mellett, nem az ablakon belüli opció. Bekapcsolva (alapértelmezett) az AI csak a Tartalomterületre ír, a fejléced, lábléced és színeid érintetlenek maradnak; kikapcsolva újratervezheti a teljes levelet. Csak akkor jelenik meg, ha a levélnek van Tartalomterülete, a sablonszerkesztőben pedig Keret megtartása néven szerepel.
- Miről szóljon a levél — vagy mi változzon. Alatta korábbi levelek szövegét hasznosíthatod újra.
- Opciók — engedélyezd a
{{variable}}merge tageket, és adj hozzá 1–3 AI-képet, opcionális extra utasításokkal a képekhez (minden generált kép az AI-kreditjeidből kerül elszámolásra). Az AI soha nem írja meg a tárgyat és az előnézeti szöveget — azok a tieid maradnak. - Generálás — az eredmény egyből a vászonra kerül. Az értesítés Visszavonás gombja visszahozza az előző tartalmat; az eredmény igazításához nyisd meg újra az AI-t az Ennek a levélnek a módosítása lehetőséggel.
A sablonból indított levél megtartja a sablon keretét a Tartalomterület körül, és az eszköztár a sablon nevét mutatja. Minden szerkeszthető, a keret is — a módosítások csak erre a levélre vonatkoznak, a mentett sablon nem változik. Amikor az AI új tartalmat ír a sablonba, a Tartalomterületen kívül mindent pontosan megtart; ha bekapcsolt Sablon megtartása mellett kérsz fejlécmódosítást, elvégzi a kérés többi részét, majd szól, hogy a keretet nem tudta módosítani — kapcsold ki, ha azt szeretnéd, hogy a fejléchez is hozzányúljon. A blokkpanel a Stílusos blokkok csoporttal kezdődik — címsorok, bekezdések, gombok és kártyák már a levél színeiben és betűtípusaival —, utána jönnek a szerkesztő Alap blokkjai.
A sablonok létrehozásáról és az alapértelmezett beállításáról lásd: E-mail-sablonok — mentés és újrafelhasználás.
Egyetlen kép generálása
Egy képhez nem kell a teljes AI ablak. Kattints duplán bármelyik képre a vásznon, és a képtár a Kép generálása AI-val panellel nyílik meg: írd le a szükséges képet, válassz Széles, Fekvő vagy Négyzet alakot, és kattints a Generálás gombra. Úgy kerül a képeid közé, mint egy feltöltés, és rákerül arra a képre, amelyiket szerkesztetted. Minden generált kép az AI-kreditjeidből kerül elszámolásra.
Egy ellenőrzés mentés előtt
Amikor befejezel egy levelet, a Yaplet átnézi a tárgyat, az előnézeti szöveget és a törzset olyan megfogalmazások után, amelyek ronthatják a kézbesítést. Ha talál ilyet, egy ablak felsorolja a kifejezéseket, és felajánlja, hogy csak ezeket írja át AI-val, hogy magad javítsd őket, vagy hogy mégis folytasd — semmi nincs letiltva. Lásd: Spamkifejezések, amelyek rontják a kézbesítést.
Munkád mentése
A sablonszerkesztőben kattints a Mentés gombra. A kampányépítőben a Következő: Ellenőrzés és ütemezés gombbal mentesz és lépsz tovább. 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 és ütemezé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.