E-mail készítő

Vizuális e-mail készítő MJML és HTML támogatással, AI generálással és dinamikus tartalomváltozókkal.

E-mail formátum opciók

Az e-mail készítő két e-mail formátumot támogat, mindkettő különböző felhasználási esetekre optimalizálva:

MJML formátum

Ajánlott reszponzív e-mailekhez - Az MJML szemantikus tag-eket biztosít, amelyek automatikusan kezelik a reszponzív dizájnt és az e-mail kliens kompatibilitást.
  • <mj-section>, <mj-column>, <mj-text> és más MJML-specifikus tag-eket használ
  • Automatikusan reszponzív HTML kimenetet generál
  • Jobb összetett elrendezésekhez konzisztens kliensek közötti rendereléssel

HTML formátum

A legjobb egyedi elrendezésekhez - Hagyományos HTML tábla-alapú struktúrával a maximális kontrollért az e-mail renderelés felett.
  • Hagyományos HTML tábla elrendezéseket használ az e-mail kompatibilitáshoz
  • Manuális reszponzív dizájn megfontolásokat igényel
  • Rugalmasabb az egyedi stílusokhoz és elrendezésekhez

Szerkesztő funkciók

Vizuális építőelemek

Mind az MJML, mind a HTML mód fogd-és-vidd építőelemeket biztosít:

  • Struktúra komponensek: Szekciók, oszlopok és konténerek
  • Tartalom elemek: Szöveg, képek, gombok és hivatkozások
  • Interaktív elemek: Űrlapok és dinamikus tartalom területek
  • Stílus opciók: Színek, betűtípusok, térközök és reszponzív viselkedés

Automatikus mentés

Minden változtatás automatikusan mentésre kerül munka közben — nincs szükség manuális mentés gombra.

A szerkesztő folyamatosan menti a munkádat, hogy megelőzze az adatvesztést a szerkesztési folyamat során.

Teszt e-mail küldés

Küldj teszt e-maileket közvetlenül a szerkesztőből az e-mail dizájn és tartalom ellenőrzéséhez.

Kattints a „Teszt levél küldése" gombra egy ablak megnyitásához, ahol:

  • Kiválaszthatod a címzett e-mail-címeket (több teszt címzettet is hozzáadhatsz)
  • Választhatsz egy ellenőrzött feladói e-mailt a szervezetedből
  • Elküldheted az aktuális e-mail sablont az egyedi tárgyaddal, előfejléceddel és feladó neveddel

Ez lehetővé teszi, hogy megtekinthesd, hogyan jelenik meg az e-mailed valós e-mail kliensekben, és biztosítsd, hogy minden dinamikus tartalom és stílus helyesen renderelődik a teljes közönségnek való kiküldés előtt.

Szegély láthatóság kapcsoló

Használd a „Szegélyek megjelenítése" parancsot a komponens határok és térközök vizualizálásához tervezés közben.

Kódkezelés

Kód importálása

Meglévő HTML vagy MJML kód importálása közvetlenül a szerkesztőbe:

  • Kattints a „Kód importálása" gombra külső sablonok betöltéséhez
  • HTML és MJML formátumokat egyaránt támogatja
  • Automatikusan elemzi és szerkeszthető komponensekké alakítja a kódot

Kód szerkesztése

Hozzáférés a nyers kód nézethez haladó szerkesztéshez:

  • Kattints a „Kód szerkesztése" gombra a teljes képernyős Monaco szerkesztő megnyitásához (ugyanaz a szerkesztő, amely a VS Code-ot is működteti)
  • HTML szintaxiskiemelés, automatikus behúzás, zárójel-illesztés és sortörés
  • Automatikus kódformázás a szerkesztő megnyitásakor
  • A „Mentés" gomb visszaviszi a módosításokat a vizuális szerkesztőbe, a „Mégse" elveti őket

AI-alapú generálás

Professzionális e-mail sablonok generálása AI segítségével rugalmas opciókkal:

Generálási módok

Generálás mód

Létrehozás az alapoktól

Kezdj üres vászonnal, és hagyd, hogy az AI felépítse az e-mailedet a leírásod alapján. Tökéletes új kampányokhoz vagy amikor egyértelmű elképzelésed van arról, mit szeretnél.

Szerkesztés mód

Meglévő tartalom javítása

Javítsd az aktuális e-mail sablonodat a struktúra megőrzése mellett. Ideális meglévő dizájnok finomításához vagy célzott fejlesztésekhez.

AI konfigurációs opciók

Sablon hivatkozások Csatolj meglévő sablonokat stílus és struktúra inspirációként:

  • Böngészd és válaszd ki a mentett e-mail sablonjaidat
  • Az AI elemzi a struktúrát, hangnemet és dizájn mintákat
  • Több sablon is csatolható hivatkozásként

Legutóbbi e-mail hivatkozások Korábban küldött e-mailek hozzáadása példaként:

  • Válassz a kampány előzményeidből
  • Az AI tanul a sikeres e-mail mintákból
  • Hasznos a márkakonzisztencia fenntartásához

Változó támogatás Szabályozd, hogy az AI használhat-e dinamikus változókat a generált tartalomban:

  • Engedélyezd a {{variable}} formátumú helyőrzők használatához
  • Tiltsd le a statikus tartalom generáláshoz
  • A változók automatikusan feltöltődnek küldéskor

Dinamikus tartalom és változók

Alap mezők

Előre definiált változók az általános kapcsolattartási adatokhoz:

{{email}}
{{name}}
{{created_at}}
{{state}}

Egyedi mezők

Szervezet-specifikus változók a kapcsolat adatbázisodból:

{{customFieldName}}

Fenntartott változók

Rendszer által generált URL-ek az e-mail kezeléshez:

{{subscribeURL}}
{{unsubscribeURL}}
A fenntartott változók automatikusan generálódnak minden e-mailhez. Ha nem kerülnek manuálisan a tartalomba, automatikusan a lábléchez adódnak.

Használati útmutató

E-mail felépítése

  1. Válassz MJML vagy HTML formátumot az igényeid alapján
  2. Húzd és ejtsd az építőelemeket az oldalsávból
  3. Szabd testre a tartalmat, stílust és elrendezést
  4. Használd az AI generátort a kezdeti tartalom létrehozásához
  5. Finomítsd közvetlen kód szerkesztéssel, ha szükséges

Dinamikus adat integráció

Illeszd be a változókat a {{variableName}} mintával:

  • Kattints a szöveg elemekre a tartalom szerkesztéséhez
  • Írd be vagy illeszd be a változó helyőrzőket
  • A változók a tényleges adatokra cserélődnek az e-mailek kiküldésekor

Gomb műveletek

Állítsd be a gomb hivatkozásokat fenntartott változókra a felhasználókezeléshez:

  • Használd a {{subscribeURL}}-t a feliratkozás megerősítéséhez
  • Használd az {{unsubscribeURL}}-t a könnyű leiratkozáshoz
  • A hivatkozások automatikusan kezelik a felhasználói preferenciákat

Lábléc tartalék

Ha a fenntartott változók nincsenek benne az e-mail tartalomban, automatikusan a lábléchez adódnak a megfelelőség biztosítása érdekében.