A Stripo fogd és vidd e-mail-szerkesztő beállításai

Published: 2024. október 22. · Last updated: 2026. július 21. · By Marcus Biel

A Maildroppa e-mail-szerkesztő jobb oldalán található az E-mail-beállítások oszlopa, amely eszközöket kínál az e-mail tartalmának felépítéséhez, valamint tartalmának és megjelenésének testreszabásához. Ez az oszlop két lapra oszlik: Tartalom és Megjelenés.

Tartalom lap

A Tartalom lapon tervezheti meg és rendezheti el az e-mail tartalmát. Két fő részt tartalmaz: Struktúrák és Blokkok.

1. Struktúrák

A struktúrák sorokba és oszlopokba rendezve határozzák meg az e-mail elrendezését. Többféle, előre megtervezett elrendezés közül választhat, például:

• Egyoszlopos
• Kétoszlopos
• Többoszlopos

Nem korlátozódik ezekre a lehetőségekre: több blokk kombinálásával tetszőleges egyéni elrendezést hozhat létre, így teljes rugalmasságot kap a tervezési igényeihez.

• Fogd és vidd: Egyszerűen húzzon át egy struktúrát ebből a részből az e-mail tervezési területére a tartalom hozzáadásának megkezdéséhez.
• Testreszabás: A struktúra hozzáadása után különböző tartalomblokkokkal, például képekkel, szöveggel vagy gombokkal töltheti fel.

2. Blokkok

A blokkok az e-mail felépítéséhez használt tartalmi elemek, amelyeket a struktúrákba helyezhet.

Az elérhető blokktípusok:

• Kép: PNG-, JPG- és GIF-képek feltöltése, valamint megjelenésük testreszabása.
• Szöveg: Szöveg hozzáadása és formázása az üzenet közvetítéséhez.
• Gomb: Kattintható gombok hozzáadása testreszabható szöveggel, hivatkozásokkal és stílussal.
• Térköz: Üres hely beszúrása az egyes blokkok közötti elrendezés beállításához.
• Videó: Videótartalom beágyazása a YouTube-ról, a Vimeo-ról és más platformokról.
• HTML: Egyéni HTML- és CSS-kód hozzáadása az e-mail-tartalom haladó szintű testreszabásához.

Minden blokk rugalmasan testreszabható, így olyan e-mailt hozhat létre, amely illeszkedik márkája megjelenéséhez és hangulatához.

A tartalomblokkok részletes bemutatása

Képblokk

A Stripo fogd és vidd e-mail-szerkesztőjének Kép blokkja lehetővé teszi, hogy képeket adjon e-mail-kampányához, és testreszabja azokat.

Képblokk hozzáadása

Kétféleképpen adhat Kép blokkot az e-mailhez:

1. lehetőség

Vigye az egérmutatót egy struktúrában a „Drop Content Here” terület fölé, majd kattintson a Kép ikonra. Ezzel a kiválasztott struktúra azonnal képblokkká alakul.

2. lehetőség

Nyissa meg a Blokkok részt a Tartalom lapon belül. Húzza a Kép blokkot az e-mail elrendezésében kívánt struktúrába. Ezzel pontosabban szabályozhatja, hová kerüljön a kép.

Kép feltöltése

A Kép blokk hozzáadása után kétféleképpen tölthet fel képet:

Fogd és vidd

Közvetlenül a számítógépéről az ott megjelenő feltöltési mezőbe húzhat egy képfájlt (PNG, JPG, GIF), amely a Kép blokkon belül található.

Feltöltés számítógépről

Másik lehetőségként a Kép blokkban található felhőikonra kattintva megnyithatja a fájlböngészőt, és kiválaszthat egy képet a számítógépéről (legfeljebb 2 MB). A kiválasztott kép megjelenik a blokkban és a jobb oldali Tartalom lapon is.

Kép módosítása

A kép lecseréléséhez használja a Tartalom lapon található Kép módosítása lehetőséget. Kattintson a kör alakú Kép módosítása ikonra, amely lehetővé teszi új kép feltöltését vagy külső URL-ről származó kép hivatkozását.

Kép szerkesztése

Kép feltöltése után további módosításokat is végezhet közvetlenül a platformon. A Stripo beépített Képszerkesztője lehetővé teszi a képek javítását és beállítását anélkül, hogy elhagyná az e-mail-szerkesztőt.

A képszerkesztő megnyitása

1. Kép feltöltése után kattintson a Kép szerkesztése gombra. Ezzel megnyílik a Képszerkesztő felülete.
2. A szerkesztő számos eszközt kínál, amelyek a felső menüsorban jelennek meg.

Elérhető képszerkesztő eszközök

• Szűrők Különböző szűrőket alkalmazhat egyetlen kattintással, például:

  • Szürkeárnyalatos
  • Fekete-fehér
  • Élesítés
  • Inverz
  • Szépia
  • Fényerő
  • Szín

• Átméretezés Módosítsa a kép méreteit. A következőket teheti:

  • Meghatározhat konkrét szélességet és magasságot.
  • Megőrizheti a képarányt.

• Körülvágás Jelölje ki a megtartandó képrészletet, és távolítsa el a nem kívánt részeket.

• Átalakítás Forgassa el vagy tükrözze a képet:

  • Vízszintesen
  • Függőlegesen

• Rajzolás A rajzeszközzel szabadkézi elemeket, például vonalakat vagy egyéni alakzatokat adhat a képre.

• Szöveg Szöveget adhat közvetlenül a képhez. A következőket szabhatja testre:

  • Betűtípus
  • Méret
  • Szín
  • Igazítás

• Alakzatok és matricák A képet a következő elemek ráhelyezésével teheti látványosabbá:

  • Előre elkészített alakzatok
  • Vidám matricák

• Keretek Többféle keret közül választhat, hogy stílusos szegélyt adjon a képnek.

• Sarkok A kifinomultabb megjelenés érdekében beállíthatja a sarkok stílusát.

• Háttér Eltávolíthatja vagy lecserélheti a kép hátterét a letisztultabb megjelenésért.

A módosítások mentése

A kívánt módosítások elvégzése után kattintson a szerkesztő bal felső részén található Mentés gombra. A szerkesztett kép automatikusan lecseréli az eredetit az e-mail elrendezésében.

Képbeállítások

A kép feltöltése után a jobb oldali Tartalom lapon elérhető Képbeállításokkal szabhatja testre.

Hivatkozás

Adjon hivatkozást a képhez. Többféle hivatkozástípus közül választhat, például:

• Webhely (HTTP, HTTPS)
• E-mail (mailto:)
• Fájl (ftp)
• Közösségi megosztás (Facebook, X (korábban Twitter), LinkedIn, Pinterest)

Ezeket a lehetőségeket a hivatkozásbeállítások legördülő menüjében találja.

Alternatív szöveg

Adjon meg alternatív szöveget, amely akkor jelenik meg, ha a kép nem töltődik be. Ez a szöveg az akadálymentesítés szempontjából is hasznos, mivel lehetővé teszi, hogy a képernyőolvasók leírják a képet a látássérült címzettek számára.

Igazítás

Válassza ki, hogyan igazodjon a kép a tárolóján belül. Balra, középre vagy jobbra igazíthatja.

Méret

A plusz/mínusz gombokkal vagy a kívánt méretek beírásával manuálisan módosíthatja a kép szélességét és magasságát.

Az „Igazítás a szélességhez” lehetőséget is engedélyezheti, hogy a kép automatikusan kitöltse a tároló teljes szélességét.

Reszponzív kép

Engedélyezze a „Reszponzív kép” lehetőséget, hogy a kép alkalmazkodjon a különböző képernyőméretekhez, különösen mobileszközökön.

Belső margó

A kép körüli belső margóval szabályozhatja a kép és a körülötte lévő tartalom közötti térközt. A belső margót egységesen vagy oldalanként is megadhatja (Felső, Alsó, Bal, Jobb).

Horgonyszerű hivatkozások

Horgonyszerű hivatkozást rendelhet a képhez, így a címzettek a képre kattintva ugyanazon e-mail egy adott részéhez ugorhatnak. Ne feledje azonban, hogy a horgonyszerű hivatkozások bizonyos levelezőprogramokban, például a Gmailben és az Apple Mailben, nem feltétlenül működnek.

Szövegblokk

A következő beállításokkal testreszabhatja szövegblokkjai megjelenését és működését. Minden lehetőség lehetővé teszi a szöveg megjelenítésének finomhangolását, hogy az tökéletesen illeszkedjen tervezési elképzeléseihez.

Szövegeszköztár

Amikor egy szövegblokkba kattint, a Szövegeszköztár megjelenik a tartalomterület fölött, és gyors hozzáférést biztosít számos gyakori szövegformázási lehetőséghez. Az eszköztárban elérhető funkciók:

1. Bekezdésformátum

A bekezdés stílusát olyan lehetőségek közül választhatja ki, mint a Normál a hagyományos szöveghez, illetve a különböző címsorszintek (1. címsor–6. címsor) az e-mail strukturált hierarchiájának kialakításához. Ez olvashatóbbá és rendezettebbé teszi a tartalmat.

2. Betűcsalád

Az alapértelmezett betűtípus az Arial, de többféle betűtípus közül választhat, köztük olyan gyakori lehetőségek közül, mint a Georgia, a Helvetica és a Courier New. Keresőfunkció is rendelkezésre áll egy adott betűtípus gyors megtalálásához.

3. Betűméret

A betűméret 8 pt és 72 pt között állítható. Az alapértelmezett érték 14 pt, amely a legtöbb e-mail-törzsszöveghez megfelelő. A legördülő menüvel gyorsan beállíthatja a kívánt betűméretet.

4. Szövegstílus

A szöveget a következő lehetőségekkel formázhatja:

• Félkövér (B): Félkövérré teszi a szöveget a kiemelés érdekében.
• Dőlt (I): Dőltté teszi a szöveget a stilizáltabb megjelenésért.
• Aláhúzás (U): Aláhúzza a szöveget, amit gyakran használnak hiperhivatkozásoknál.
• Áthúzás (S): Vonalat húz a szövegen keresztül, ami módosítások vagy törölt tartalom jelölésére hasznos.

5. Haladó szövegstílusok (hárompontos menü)

Az eszköztárban található három pontra kattintva további lehetőségek nyílnak meg:

• Alsó index: A szöveget az alapvonal alá helyezi (lábjegyzetekhez vagy kémiai képletekhez hasznos).
• Felső index: A szöveget az alapvonal fölé emeli (gyakran használják kitevőknél vagy sorszámoknál).
• Formázás eltávolítása: Eltávolít minden alkalmazott formázást, és visszaállítja a szöveget az alapértelmezett stílusra.

6. Szöveg- és háttérszín

• Szövegszín: A Szövegszín gombra kattintva színpalettáról választhat, vagy hexadecimális kódot adhat meg a szövegszín pontos beállításához.
• Háttérszín: Háttér- vagy kiemelőszínt választhat a szöveghez.

7. Szövegigazítás

Igazítsa a szöveget a blokkon belül:

• Balra igazítás: Balra igazítja a szöveget.
• Középre igazítás: Középre igazítja a szöveget.
• Jobbra igazítás: Jobbra igazítja a szöveget.
• Sorkizárt: Egyenletesen elosztja a szöveget a blokk szélességében.

8. Listák

Számozott és felsorolásjeles listákat hozhat létre:

• Felsorolásos lista beszúrása/eltávolítása: Felsorolásjeleket ad hozzá vagy távolít el.
• Számozott lista beszúrása/eltávolítása: Számozott listát ad hozzá vagy távolít el.

9. Sortörés

Engedélyezheti vagy letilthatja a sorok tördelését a szövegblokkon belül. Engedélyezéskor a hosszú szövegsorok automatikusan a következő sorba kerülnek.

10. Behúzás

Módosítsa a szöveg behúzását:
- **Behúzás növelése**: A szöveget távolabb helyezi a margótól, ami altételeknél vagy idézeteknél hasznos.
- **Behúzás csökkentése**: Csökkenti a behúzást, és közelebb hozza a szöveget a bal margóhoz.
![Szöveg behúzása](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Hiperhivatkozás beszúrása

Ismerje meg, hogyan adhat hozzá, szerkeszthet és kezelhet hiperhivatkozásokat e-mail-tartalmában.

Hivatkozás hozzáadásának vagy szerkesztésének lépései

a) A szöveg kijelölése

Jelölje ki a hiperhivatkozássá alakítani kívánt szöveget.

b) Kattintson a hivatkozásikonra

A Szövegeszköztárban kattintson a Hivatkozásikonra.

c) A hivatkozás szerkesztése a beállítási panelen

A jobb oldali Beállítási panel megjelenik a hivatkozás lehetőségeivel:

• Hivatkozásmező: Adja meg az URL-t, vagy válasszon az előre definiált lehetőségek közül.
• Címke: Címkékkel láthatja el a feliratkozókat, vagy automatizmusokat indíthat el.

Hivatkozások javítása küldés után

Nincs annál kellemetlenebb, mint új kampányt küldeni 2365 feliratkozónak, majd felfedezni, hogy az egyik hivatkozás egy egyszerű elgépelés miatt hibás. Viszlát, Black Friday-akciók!

Szerencsére lehetővé tettük a hibás hivatkozások javítását még azután is, hogy az e-mailt már elküldte feliratkozóinak.

a) Kampány megtekintése

Keresse meg az elküldött kampányt az áttekintésben, kattintson a három pontra, majd válassza a Kampány megtekintése lehetőséget.

b) Hivatkozások vagy címkék módosítása

A kampány részleteiben görgessen a hivatkozáslistához, ahol a következőket teheti:

• Hivatkozási célok frissítése: Hibás URL-ek javítása.
• Címkék kezelése: Címkék hozzáadása vagy eltávolítása automatizmusokhoz.

Megjegyzés: A hivatkozások újracélzásának használatához győződjön meg arról, hogy a Kattintáskövetés engedélyezve van a kampánybeállításokban.

A hivatkozások megjelenésének testreszabása

A jobb oldali Beállítási panelen módosíthatja a hivatkozás megjelenését:

• Hivatkozás színe: Válasszon színt, vagy adjon meg hexadecimális kódot.

• Hivatkozások aláhúzása: Engedélyezze vagy tiltsa le az aláhúzást a letisztultabb megjelenésért.

12. Személyre szabási címkék

A Személyre szabási címkékkel dinamikus tartalmat, például a címzett keresztnevét vagy más egyéni mezőket adhat hozzá.

• Az eszköztár Személyre szabási címkék legördülő menüjében olyan gyakori mezőket választhat, mint a Keresztnév, az E-mail vagy az Ország, illetve egyéni mezőket is megadhat az e-mailek címzettenkénti testreszabásához.

13. Emojik

Tegye látványosabbá a szöveget emojik hozzáadásával.

• Kattintson az eszköztár Emoji ikonjára a kategorizált emojilista megnyitásához.
• Kompatibilitási megjegyzés: Tesztelje e-mailjeit bizonyos levelezőprogramokban, például az Outlookban, mivel egyes programok nem jelenítik meg megfelelően az emojikat.

14. Táblázat és speciális karakterek

Az eszköztár végén kattintson a három pontra a további haladó lehetőségek megjelenítéséhez.

Táblázat beszúrása

Hozzon létre és szabjon testre táblázatokat e-mail-elrendezése javításához.

• Szükség szerint meghatározhatja a sorok, oszlopok, cellaköz, belső margó és szegélyméret értékét.

Speciális karakterek beszúrása

Tegye gazdagabbá a szöveget szimbólumokkal, ékezetes karakterekkel és egyéb nem szabványos karakterekkel.

• A Speciális karakterek lehetőségnél sokféle karakter közül böngészhet.

További szövegblokk-beállítások (jobb oldali panel)

A jobb oldali panel széles körű beállítási lehetőségeket kínál a szövegblokkok megjelenéséhez és működéséhez. Az elérhető beállítások:

1. Szövegszín

A szöveg színét a színválasztóval vagy hexadecimális kód megadásával határozhatja meg.

2. Háttérszín

Egyéni háttérszínt állíthat be a szövegblokkhoz. Alapértelmezés szerint a háttér átlátszó.

3. Hivatkozásspecifikus beállítások

Ha a szövegblokk hivatkozásokat tartalmaz, további lehetőségek jelennek meg a beállítások között:

• Hivatkozás színe: A hivatkozások színét a színválasztóval vagy hexadecimális kóddal állíthatja be.

• Hivatkozások aláhúzása: Be- vagy kikapcsolhatja a szövegblokkban lévő hivatkozások aláhúzását.

• Hivatkozás szerkesztése: A tartalomterületen válasszon ki egy hivatkozást az URL beállítási panelen történő szerkesztéséhez. A hivatkozáshoz címkéket is rendelhet vagy frissítheti azokat a „Címkék” feliratú legördülő menüben.

4. Igazítás

A szövegblokkot a tárolóján belül balra, középre vagy jobbra igazíthatja.

5. Rögzített magasság

A lehetőség engedélyezésével rögzített magasságot állíthat be a szövegblokknak. A szöveg függőleges igazítását is szabályozhatja: felülre, középre vagy alulra.

6. Sorköz

Szabályozza a szövegsorok közötti térközt. Választhat a szűk, a normál és a tág beállítás közül.

7. Belső margó

Állítsa be a szövegblokk körüli térközt. Egységes belső margót alkalmazhat, vagy külön-külön megadhatja az oldalakat: felső, alsó, bal és jobb.

8. Horgonyszerű hivatkozások

Horgonyszerű hivatkozásokat hozhat létre, amelyekkel az olvasók az e-mail meghatározott részeihez ugorhatnak. Ne feledje, hogy egyes levelezőprogramok nem támogatják a horgonyszerű hivatkozásokat.

Gombblokk

A Gomb blokk segítségével kattintható gombot adhat e-mailjéhez, a működéshez és a stílushoz testreszabható beállításokkal.

Hivatkozásbeállítások

A Hivatkozás lehetőség határozza meg a gombra kattintó címzett által kiváltott műveletet.

Elérhető hivatkozástípusok

• Normál webhelyhivatkozás (HTTP vagy HTTPS): A felhasználót egy weboldalra irányítja.
• E-mail-hivatkozás: Megnyitja a felhasználó levelezőprogramját egy új e-mail megírásához.
• Fájlhivatkozás (FTP, FTPS): Egy FTP-szerveren található fájlra hivatkozik.
• Skype: Skype-hívást vagy -csevegést kezdeményez.
• Telefon (tel): Kompatibilis eszközökön telefonhívást indít.
• SMS: Megnyitja az üzenetküldő alkalmazást egy előre kitöltött címzettszámmal.
• Viber: Üzenetküldéshez vagy híváshoz megnyitja a Viber alkalmazást.
• Más protokolltípus: A fenti listában nem szereplő egyéni protokollt adhat meg.

Közösségi megosztási lehetőségek

A gombot közösségi vagy e-mailes megosztásra is beállíthatja:

• Facebook
• X (korábban Twitter)
• LinkedIn
• Pinterest
• E-mailes megosztás

URL-mező

A hivatkozástípus mellett található URL-mező (amely jellemzően https:// kezdetű) lehetővé teszi a hivatkozástípushoz tartozó konkrét cím megadását.

Gombfelirat

A gomb feliratát a cselekvésre ösztönző üzenethez igazíthatja. Az alapértelmezett felirat a „Button”, de például „További információ”, „Iratkozzon fel most” vagy „Vásároljon most” szövegre is módosíthatja.

Szövegstílus

A Szövegstílus beállításai lehetővé teszik a gomb szövegének megjelenését módosítását.

Betűtípus kiválasztása

Többféle szabványos betűtípus közül választhat, többek között:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

A nem szabványos betűtípusok között további lehetőségek találhatók:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

A betűtípuslista tetején található keresőmező segít egy adott betűtípus gyors megtalálásában.

Betűméret és formázás

• Betűméret: 8 és 72 közötti értéket választhat attól függően, mennyire szeretné kiemelni a gomb szövegét.
• Szövegformázás: A gomb szövegének kiemeléséhez a „B” vagy „I” ikonnal félkövér vagy dőlt stílust alkalmazhat.

Színbeállítások

A színbeállítások módosításával testreszabhatja a gomb megjelenését.

1. Gombszín: Módosítsa a gomb háttérszínét. Az alapértelmezett szín zöld (#31cb4b). Új színt a hexadecimális kód mezőjével vagy a színválasztóval választhat.

2. Szövegszín: Adja meg a gomb szövegének színét. Az alapértelmezett szín fehér (#ffffff). Az olvashatóság érdekében a gomb hátterével jól kontrasztos színt válasszon.

3. Háttérszín: Módosítsa a gomb tárolójának háttérszínét. Alapértelmezés szerint ez átlátszó, de megváltoztathatja, hogy a gomb jobban kiemelkedjen az e-mail hátteréből.

Szegélysugár

A Szegélysugár beállítással szabályozhatja a gomb sarkainak lekerekítését.

• Alapértelmezett érték: 30 (mérsékelten lekerekített sarkok).
• Tartomány: 0 (szögletes sarkok) és 100 (kapszula alakú gomb) között.

Megjegyzés: A lekerekített sarkok megfelelő megjelenítéséhez Microsoft Outlookban aktiválja az „Outlook támogatása” lehetőséget a Megjelenés lapon.

Igazítás

Az Igazítás beállítással helyezze el a gombot a tartalomterületen belül.

• Lehetőségek: Balra, Középre, Jobbra.
• Gyakori használat: A középre igazítás kiemeléshez, a balra vagy jobbra igazítás pedig a tervezési egységességhez használható.

Rögzített magasság

A Rögzített magasság lehetőséggel egységes gombméreteket tarthat fenn.

1. Alapértelmezés: Kikapcsolva.
2. Minimális magasság: 44 pixel.
3. A tartalom függőleges igazítása: Rögzített magasság engedélyezésekor a gomb tartalmát a pontos elhelyezés érdekében felülre, középre vagy alulra igazíthatja.

Gomb ikonnal

A Gomb ikonnal lehetőséggel a gomb szövege mellé ikont helyezhet, ami javítja a vizuális megjelenést és megerősíti a cselekvésre ösztönzést. Ez a funkció alapértelmezés szerint ki van kapcsolva.

• Támogatott formátumok: PNG-, JPG- vagy GIF-formátumú ikon tölthető fel, legfeljebb 2 MB méretben.
• Ikon elhelyezése: Választhat, hogy az ikon a gomb szövegének bal vagy jobb oldalán jelenjen meg.

Megjegyzés: Az ikonok nem jelennek meg a Microsoft Outlook Windows-verzióinak bizonyos változataiban, többek között:

• Outlook 2002, 2007, 2010, 2013, 2016 és 2019. Ennek oka, ahogyan ezek a levelezőprogramok a HTML-e-maileket megjelenítik. Vegye ezt figyelembe, ha közönsége jelentős része ezeket a programokat használja.

Szegélybeállítások

A további stílus és kiemelés érdekében testreszabhatja a gomb szegélyeit.

• Szegély szélessége: Az egyes oldalak (bal, jobb, felső és alsó) szélességét külön-külön állíthatja be, legfeljebb 40 pixel értékig.
• Szegély stílusa: Folytonos, szaggatott vagy pontozott stílus közül választhat.
• Szegély színe: A színválasztóval vagy hexadecimális kód megadásával a szegély színét a márkájához vagy a dizájnhoz igazíthatja.

Belső margó

Állítsa be a gombon belüli térközt a tartalom (szöveg és ikon), valamint a gomb szegélye között.

• Testreszabási lehetőségek: A bal, jobb, felső és alsó oldalon legfeljebb 99 pixel értékű belső margót adhat meg.
• Hatás: A belső margó befolyásolja a gomb teljes méretét és a tartalom gombon belüli elhelyezkedését.

Külső margó

A gombon kívüli térközt szabályozhatja, hogy módosítsa a gomb más elemekhez viszonyított helyzetét az e-mail elrendezésében.

• Testreszabási lehetőségek: A bal, jobb, felső és alsó oldalon legfeljebb 40 pixel értékű külső margót adhat meg.
• Használati példa: Megakadályozza, hogy a gomb túl közel kerüljön más tartalmakhoz vagy az e-mail széleihez.

Horgonyszerű hivatkozás hozzáadása

Horgonyszerű hivatkozásokkal az olvasókat ugyanazon e-mail meghatározott részeihez irányíthatja, így hosszabb hírlevelekben gyors navigációt biztosíthat.

• Horgony neve: Határozzon meg egy célt az e-mailben, és kapcsolja a gombot ehhez a horgonyhoz. Kattintáskor az e-mail a megadott részhez görget, javítva a felhasználói navigációt.

Fontos: A horgonyszerű hivatkozásokat bizonyos levelezőprogramok nem támogatják, többek között:

• iOS-es Gmail alkalmazás
• iOS-es Apple Mail
• Outlook alkalmazás Androidra
• Outlook alkalmazás macOS-re
• AMP-e-mailek

Alaposan tesztelje e-mailjét a különböző levelezőprogramokban, hogy biztosítsa a működést, és megállapítsa, hogy ez a funkció megfelelő-e közönsége számára.

Térközblokk

A Térközblokk lehetővé teszi állítható térköz hozzáadását e-mail-tartalmához, így szabályozhatja annak méretét, igazítását, megjelenését és belső térközét. Az alábbiakban a térközök két típusának részleteit találja: Normál térköz és Dinamikus térköz.

1. Normál térköz

A Normál térköz egy vonalelem, amely vizuálisan választja el az e-mail különböző részeit.

Fő beállítások

1. Vonalvastagság és stílus Testreszabhatja a vonal vastagságát, stílusát és színét:

   • Vastagság: A + és - gombokkal állítható (kezdőérték: 1).
   • Stílus: Folytonos, szaggatott vagy pontozott közül választhat.
   • Szín: Egyéni színt állíthat be hexadecimális kóddal vagy színválasztóval (alapértelmezett: #cccccc).

2. Szélesség Határozza meg, milyen hosszan húzódjon a térköz vonala a tartalmon keresztül. A szélességet pixelben, a + és - gombokkal állíthatja be.

3. Igazítás A vonalat az elrendezéshez igazodva balra, középre vagy jobbra igazíthatja.

4. Belső margó Szabályozza a térköz körüli belső térközt:

   • Alapértelmezés: A belső margó minden oldalon 20.
   • A Továbbiak kapcsolóval külön-külön is megadhatja az oldalakat:
     • Felső
     • Jobb
     • Alsó
     • Bal

Használati példa

A Normál térköz ideális az e-mail részei közötti letisztult, vizuális elválasztás létrehozásához, így rendezett és professzionális elrendezést biztosít.

2. Dinamikus térköz

A Dinamikus térköz egy láthatatlan, üres térközblokk, amely levegősebbé teszi az e-mail elrendezését.

Fő funkciók

1. Magasság beállítása A magasságot közvetlenül a tartalomterületen vagy a vezérlőpanelen, a + és - gombokkal állíthatja be. A magasság határozza meg, mekkora függőleges térköz kerül a részek közé.

2. Háttérszín Alapértelmezés szerint a térköz átlátszó hátterű, de hexadecimális kóddal vagy a színválasztóval egyéni háttérszínt alkalmazhat. Így szükség esetén a térköz látható blokként is működhet.

3. Reszponzív viselkedés A Reszponzív térköz lehetőség biztosítja, hogy a térköz dinamikusan alkalmazkodjon a különböző képernyőméretekhez az optimális, minden eszközön megfelelő elrendezés érdekében. Ez a funkció alapértelmezés szerint engedélyezve van.

A normál és a dinamikus térköz közötti fő különbségek

• Dinamikus térköz: Látható vonal nélkül ad hozzá üres helyet.
• Normál térköz: Vonalspecifikus beállításokat tartalmaz, például:
  • Vonal-szélesség
  • Igazítás
  • Vonal-stílusok
  • Belső margó

A Dinamikus térköz ezeket a funkciókat nem támogatja, és kizárólag vizuális elemek nélküli elválasztásra szolgál.

3. Horgonyszerű hivatkozás hozzáadása

Mindkét térköztípushoz adható horgonyszerű hivatkozás, így a felhasználók az e-mail másik részéről közvetlenül a térköz helyére navigálhatnak. Ez különösen hosszabb hírlevelek e-mailen belüli navigációjának kialakításához hasznos.

Megjegyzés: Bizonyos levelezőprogramok nem támogatják a horgonyszerű hivatkozásokat, többek között:

• Microsoft Outlook
• Gmail (mobilon)

Videóblokk

A Videóblokk lehetővé teszi videók beágyazását e-mailjébe, valamint megjelenésük és viselkedésük testreszabását. Olyan platformokról származó videóhivatkozásokat támogat, mint a YouTube és a Vimeo, így rugalmasan szabályozhatja a videó megjelenítését.

1. Hivatkozás a videóra

Adja meg a videó URL-jét a Hivatkozás a videóra mezőben. A támogatott platformok közé tartozik a YouTube, a Vimeo és más beágyazható szolgáltatások.

• Automatikus működés: Érvényes URL megadásakor:

  • A rendszer automatikusan létrehoz egy előnézeti képet a platform videóindexképe alapján.
  • Az Alternatív szöveg mező automatikusan kitöltődik a videó címével vagy leírásával (ha elérhető).

• Szerkeszthető mezők: Szükség esetén manuálisan szerkesztheti vagy lecserélheti a létrehozott előnézeti képet és szöveget.

2. Alternatív szöveg

Az Alternatív szöveg mező akadálymentesítést biztosít azáltal, hogy megjeleníti a videó leírását, ha a videó nem töltődik be.

• Támogatott videó-URL hozzáadásakor automatikusan kitöltődik.
• A tartalmi igényekhez igazítható.

3. Egyéni indexkép

Töltsön fel egyéni képet az alapértelmezett videóelőnézet lecseréléséhez.

• Engedélyezés: Kapcsolja be az Egyéni indexkép lehetőséget.
• Támogatott formátumok: PNG, JPG vagy GIF.
• Mikor használja: Cserélje le a létrehozott indexképet, ha az nem illeszkedik e-mailje dizájnjához.

4. Lejátszógomb

Testreszabhatja a videó indexképén megjelenő fedő Lejátszógombot.

• Elérhető lehetőségek:
  • YouTube-, Vimeo- vagy más lejátszógomb-stílusok közül választhat.
  • A „Nincs” lehetőséggel teljesen elrejtheti a lejátszógombot.

5. Méret

Állítsa be a videó méreteit, hogy illeszkedjen e-mailje dizájnjához.

• Szélesség és magasság: A méret szabályozásához használja a + és - gombokat, vagy adja meg manuálisan az értékeket.
• Reszponzív dizájn: Gondoskodjon arról, hogy a videó zökkenőmentesen illeszkedjen a különböző eszközökhöz.

6. Igazítás a szélességhez

Az Igazítás a szélességhez kapcsoló engedélyezésével a videó automatikusan a tároló szélességéhez igazodik. Ez biztosítja, hogy a videó különböző eszközökön is reszponzív maradjon.

7. Reszponzív kép

A Reszponzív kép kapcsoló biztosítja, hogy a videó indexképe mobileszközökön a képernyő szélességéhez igazodjon.

• Megjegyzés: A reszponzivitás az eszköz és a levelezőprogram támogatásától függ.

8. Igazítás

Az Igazítás beállítással szabályozhatja a videó vízszintes helyzetét a blokkon belül:

• Balra: Balra igazítja a videót.
• Középre: Középre igazítja a videót.
• Jobbra: Jobbra igazítja a videót.

9. Mobilspecifikus lehetőségek

Testreszabhatja a videó viselkedését és megjelenését mobileszközökön:

1. Elem elrejtése mobilon Szükség esetén elrejtheti a videóblokkot mobileszközökön.

   • Megjegyzés: Ez a funkció a médiakérdések támogatásától függ, ezért nem minden levelezőprogramban működik.

2. Mobil belső margó Állítsa be a videó körüli belső margót mobilnézetben.

   • A Továbbiak kapcsolóval külön-külön adhatja meg az egyes oldalakat:
     • Felső
     • Jobb
     • Alsó
     • Bal

10. Beillesztés AMPHTML- vagy HTML-verzióba

Válassza ki, hogy a videóblokk az e-mail mely verzióiban jelenjen meg:

• AMPHTML- és HTML-verzióban is
• Csak AMPHTML-ben
• Csak HTML-ben

Ez a lehetőség biztosítja, hogy a videó a kézbesített e-mail verziójának megfelelően kerüljön beillesztésre.

HTML-blokk

A HTML-blokk lehetővé teszi egyéni HTML- és CSS-kód beillesztését e-mailjébe, így rugalmasan végezhet haladó testreszabásokat, miközben figyelembe veszi a levelezőprogramok kompatibilitását. Akár egyetlen HTML-elemet ad hozzá, akár egy teljes e-mailt tervez, ez a blokk biztosítja az egyéni dizájnokhoz szükséges eszközöket.

1. Kódszerkesztő felülete

A HTML-blokk kiválasztásakor fekete kódszerkesztő-ablak jelenik meg a tartalompanelen. Ebben a szerkesztőben egyéni kódot írhat, illeszthet be vagy módosíthat. A szerkesztő két részből áll:

• HTML-rész: E-mailje HTML-struktúrájának hozzáadása vagy szerkesztése.
• CSS-rész: Külön CSS-szerkesztő megnyitása a tartalom formázásához.

2. Betűméret beállítása

A jobb olvashatóság érdekében módosíthatja a kódszerkesztő betűméretét:

• A betűméret növeléséhez használja az A+ gombot.
• A betűméret csökkentéséhez használja az A- gombot.

3. A szerkesztőablak méretének beállítása

A kódszerkesztő-ablak méretét munkastílusához igazíthatja:

• A beállítás módja:
  • Vigye az egérmutatót a szerkesztőablak felső közepén található három pont fölé.
  • A szerkesztő méretének növeléséhez vagy csökkentéséhez húzza a csúszkát felfelé vagy lefelé.

Ez a funkció különösen hasznos nagyobb vagy részletesebb kódblokkok kezeléséhez.

4. CSS-szerkesztő

A CSS-szerkesztőben kezelheti HTML-tartalmának stílusait. A kódszerkesztő jobb felső sarkában található gombbal érhető el.

Fontos szempontok:

• Korlátozott támogatás: Sok levelezőprogram nem támogatja az olyan haladó CSS-funkciókat, mint a Flexbox, a Grid vagy a médiakérdések.
• Maradjon az alapoknál: A maximális kompatibilitás érdekében használjon egyszerű beágyazott CSS-t.
• Előre konfigurált stílusok: Ne törölje az előre konfigurált stílusokat, mivel ezek biztosítják a megfelelő megjelenítést a főbb levelezőprogramokban.

5. Levelezőprogram-kompatibilitás

Az e-mailes HTML különös figyelmet igényel, mivel sok levelezőprogram elavult megjelenítőmotorokat használ.

Fő irányelvek:

• A jobb támogatás érdekében <div> alapú elrendezések helyett használjon táblázatalapú elrendezéseket.
• Kerülje az olyan haladó CSS-funkciókat, mint az animációk, a Flexbox vagy a Grid.
• A médiakérdések és kisebb CSS-tulajdonságok működésére vonatkozóan számítson eltérésekre.
• Tesztelés: Mindig tesztelje e-mailjeit több levelezőprogramban (például Gmailben, Outlookban és Apple Mailben) a megfelelő megjelenítés biztosítása érdekében.

6. Belső margó

A Belső margó beállítás a HTML-tartalom körüli térközt módosítja:

• Alapértelmezett belső margó: Alapértelmezés szerint 0.
• Egyéni belső margó: A Továbbiak kapcsolóval külön-külön beállíthatja:
  • Felső
  • Jobb
  • Alsó
  • Bal

Ez a funkció ideális a HTML-tartalom e-mail-elrendezésen belüli igazításához.

7. Horgonyszerű hivatkozás hozzáadása

A Horgonyszerű hivatkozás hozzáadása funkcióval az e-mail más részén kattintható hivatkozást hozhat létre, amely a HTML-blokkhoz navigál.

Használata:

• Kapcsolja be a lehetőséget, és adjon meg egy horgonynevet a mezőben.

Korlátozások:

• Egyes levelezőprogramok nem támogatják a horgonyszerű hivatkozásokat, például:
  • iOS-es Gmail alkalmazás
  • iOS-es Apple Mail
  • Outlook alkalmazás (Android és macOS)
  • AMP-e-mailek

8. Egyéni HTML írása

A HTML-szerkesztőt e-mailje egyéni HTML-struktúrájának megírására vagy beillesztésére tervezték.

Bevált módszerek:

• Használjon egyszerű, széles körben támogatott HTML-t.
• Kerülje az összetett elrendezéseket és funkciókat, például a <div> elemeket.
• A jobb kompatibilitás érdekében maradjon a táblázatalapú dizájnnál.

9. Tippek a sikerhez

1. Kezdje kicsiben: Ha még új az e-mail-fejlesztésben, a HTML-blokkot használja konkrét részekhez.
2. Ellenőrizze a kódot: Győződjön meg arról, hogy HTML-kódja megfelel a levelezőprogramok követelményeinek.
3. Alaposan teszteljen: Használjon eszközöket e-mailje előnézetének megtekintéséhez és teszteléséhez több levelezőprogramban és eszközön.