Ez egy nagyon összetett téma, és lehetetlen, hogy fedezze azt néhány bekezdésben.

a szabványos e-mail sablon szélessége 600 pixel volt az asztali számítógépeknél, 320px függőleges, 480px vízszintes nézet a mobil eszközökön. A magasság korlátlan volt, a tartalom hosszától függött. Néhány évvel ezelőtt a 600px szélesség kötelező Felhasználási szabvány volt,alternatívák nem voltak. De a szabványok megváltoztak.,

beszéljünk most az e-mailek elfogadható szélességéről, az összes e-mail elem legjobb szélességéről, valamint arról, hogyan állíthatjuk be ezeket az elemeket több e-mail kliensre, képernyőre és eszközre.

mi a legjobb szélesség az e-mail hírlevelekhez?

van egy cikk a lakmusz blog, amely azt állítja, hogy 600px e-mail szélessége egy mítosz. Teljesen egyetértünk abban, hogy mivel most már több lehetőség van, mint csak egy 600px szélesség, mégis továbbra is a szokásos méret az e-mail hírlevelek számára. De hogyan jelent meg ez a szélesség? Miért pontosan 600px?

régen a képernyő felbontása messze nem volt tökéletes., És számos eszköz sokkal szegényebb volt, mint most. Ekkor jelent meg a 600px szélesség. Azóta sok minden megváltozott, de a 600px szélessége az e-mail elrendezés alapjává vált.

tehát a 600px szélesség inkább hagyomány, mint szabály, és 100% – ot ad, hogy megfelelően jelenik meg. Nem rossz, ugye?

vessen egy pillantást erre a fantasztikus HTML e-mailre, normál 600px szélességgel., Lehet, hogy igazán tágas, rengeteg oszlop és hasznos információ:

(email from M&m ‘ s. az e-mail szélessége 600 pixel. Gmail, macOS)

hallottuk, hogy vannak olyan e-mail kliensek, amelyek nem teszik helyesen a 650px-nél szélesebb e-maileket.

e-mailt készítettem, a tartalomrész szélessége 860 Pixel volt. Jól működött az összes nagyobb e-mail kliensen, bár a háttere nem volt megjelenítve Outlook.com.,

és az alábbi e-mail, amelyet egy híres márkától kaptam, bizonyítja, hogy a 600 px csak egy e-mail átlagos mérete, de nem kötelező:

(e-mail a MailNinja-tól. Az e-mail szélessége 740 Pixel. Gmail, macOS)

azt is hitték, hogy a Gmail nem mutat háttérszínt, ha az e-mail sablon mérete meghaladja a 640 képpontot., Azonban számos teszt az e — mail tesztelő eszközünkkel, valamint a Gmail-fiókomban megnyitott több e-mail bizonyítja az ellenkezőjét-az e-mailek tökéletesen jól teljesítenek, sőt a hátterek is jól teljesítenek.

(email from Forbes Daily Dozen. E-mail szélesség 800px. Gmail, macOS)

egy másik mítosz — a Yahoo! Mail az e-mailt a 650px maximális szélességben tekintheti meg. A 810 Pixel szélességű e-mailem azonban teljes méretű volt ebben az e-mail kliensben.,

Ha úgy döntött, hogy válasszon egy szélesség, hogy eltér 600px, csak teszt az e-mail megelőzően küld a beágyazott e-mail vizsgálati eszköz, amely ad pontos képet, hogy az e-mail jelenik meg más e-mail ügyfeleket, eszközök.

észrevettük, hogy a híres amerikai márkák e-mailjeinek átlagos szélessége 640-700 Pixel között változik.

(email from Banana Republic. E-mail szélesség 640px. Gmail, macOS)

Szóval, hogyan lehet beállítani az e-mail sablon szélességét a Stripo segítségével?,

alapértelmezés szerint már 600 pixel!!

de ha szeretné beállítani a sajátját, akkor a következőkre van szüksége:

• kattintson a Megjelenés fülre a szerkesztőben;

• majd kattintson az Általános beállítások fülre;

• állítsa be a szükséges szélességet.

Mi a legjobb magasság, e-mail hírlevelek?

természetesen az e-mail magasság korlátlan. Használhat annyi sort, amennyire szüksége van az összes tartalom megjelenítéséhez., De ne feledje, hogy minél hosszabb az e-mail, annál alacsonyabb az esélye, hogy a végéig olvasható lesz.

egy weboldal teljes magassága 960px, ami általában nem elegendő ahhoz, hogy bemutassa az összes információt, amelyet hajlandó megosztani az e-mailben. Nem lehet megúszni a görgetést. Az e-mailek leggyakoribb hossza 1500px-től 2000px-ig terjed. Ez általában elég a tartalomhoz, és könnyen görgethető a felhasználók számára.

érdekes tény, hogy a turisztikai témákhoz tartozó e-mailek a leghosszabb, mint más iparágak e-mailjei., az e-kereskedelmi e-mailek is hosszúak, annak ellenére, hogy a termékek kártyái általában nagyon kompaktok, a marketingszakemberek mindig túl sok terméket tesznek közzé egy e-mailen belül.

itt van egy példa egy 2550 képpont magasságú e-mail sablonra:

(e-mail Lila Szürke, magasság 2500px)

4 különböző tartalomblokkok könnyen egyesíthető egy könnyen görgethető e-mail.

fontos megjegyezni:

mobil eszközökön a blokkok átrendeződése miatt az e-mail sablonok hossza növekszik.,

Ha úgy gondolja, hogy az e-mail túl hosszú lesz a mobileszközökön, akkor mindig elrejthet néhány elemet a Stripo segítségével.

Szóval, hogyan lehet elrejteni az e-mail elemeket a mobil eszközökön?

• kattintson az e-mail sablon elemére a beállítások aktiválásához;

• a Beállítások panelen görgessen le a vezérlő megkereséséhez;

kész. A kiválasztott e-mail elem/elemek nem jelennek meg a Média lekérdezéseket támogató mobileszközökön.,

Email preview dimensions

sok e – mail kliens, mint például az Outlook, az Apple Mail, a Thunderbird előnézeti ablaka korlátozott méretű-600px széles és 300-500 pixel magas. Nem mutatják a teljes e-mail csökkentett példányát, hanem rögzítik az e-mail felső mezőjét, megfelelő előnézeti ablakmérettel.

győződjön meg róla, hogy az első 300px-500px értékes információkkal rendelkezik, amelyek arra késztetik a felhasználókat, hogy nyissanak meg egy e-mailt., A jó első benyomás Jobb, mint ezer tetszik.

azok az emberek, akik ezeket az e-mail klienseket használják, nem teszik meg a névjegyzék felét, így nincs szükség az e-mail sablon méretének megváltoztatására.

így néz ki az előnézeti ablaktábla mail.com e-mail kliens:

(e-mail UNED Panda-tól)

Email preheader méret

Preheader egy sor / e-mail elem, amely a sablon fölé megy., Tartalmaz egy rövid intro üzenetet, amely megjelenik egy opcióval együtt, hogy megtekinthesse az e-mailt a böngészőben vagy webes verzióként, ha bármilyen probléma merül fel az e-mail megjelenítéssel. Egyes márkák nagyon fontos információkat tartalmaznak,például az ingyenes szállításról szóló értesítést.

(e-mail Adidas)

Szerint az a tény, hogy ez a mező inkább technikai, mint kontextus, nem kellene, hogy nagy vagy oda, minden további elemek.

a preheader mező mérete 50px-től 65 px-ig terjed., A szélesség örökli az e-mail sablon méreteinek méretét.

az e-mail elem létrehozásakor hozzá kell adnia egy linket az e-mail” webes verziójához”.

Szóval, hogyan juthat el az e-mail webes verziójához a Stripo segítségével?

• ha az e-mail épült, menj az előnézet üzemmódban;

• új ablakban, kattintson a “Copy” gombot;

• kész — a link mentette a vágólapra.,

Join Stripo

Ön épített egy e-mailt, és készen áll, hogy küldje el a címzettnek? Javasoljuk, hogy küldjön egy teszt e-mailt magának, hogy megbizonyosodjon arról, hogy pontosan úgy néz ki, ahogy mind a mobil, mind az asztali eszközökön, renderelési problémák nélkül.Fontos, hogy notewe egy bizonyos számú teszt e-mailek naponta, a terv szerint., Kérjük, látogasson el erre az oldalra, hogy nézd meg a teszt e-mailek száma elérhető az Ön számára;teszteli nem csak a… olvassa el a

fontos megjegyezni:

most az előhívóról beszélünk, mint e-mail elemről. Mégis, ott van a preheader szöveg, amelyet a Stripo btw segítségével állíthat be. Az előolvasó szövege csak előnézeti módban jelenik meg.

a preheader elem is megjelenik az e-mailben.

Email fejléc mérete

a fejléc leggyakoribb magassága, amely nem tartalmaz menüt vagy masszív logót, 70px., Azok számára, akik menüsorral rendelkeznek, a fejléc 150px-200px magas lehet. A fejléc magassága, amely növeli a 300px-et, nem kényelmes olvasni.

több százezer stílus létezik, amelyeket az e-mail fejléc kialakításához használnak, de ki kell választania azt, amely egyszerre felhasználóbarát és mobilbarát. Ezen kívül válassza ki azt a stílust és színsémát, amely képes kiemelni a márka identitását, és nem törik darabokra a felhasználók dobozaiban.,

Here are a few examples of a good email header design:

(email from Bentalls)

(email from GeekBrains)

(email from SEMrush)

Important to note:

Normally, an email menu contains 3-5 tabs. If you add more, please be sure to hide the extra ones for mobile devices.,

további információért arról, hogyan kell építeni egy e-mail fejléc Stripo, kérjük, olvassa el a blogbejegyzést.

csatlakozzon a Stripo-hoz

Email bannerméret

a banner egy olyan hely, ahol minden kreativitást megvalósíthat, és nem szabad méretekkel összekötni. Minél kevesebb tartalmat tesz be, annál jobb az eredmény. Minél tisztább cselekvésre szólít fel, annál nagyobb konverziót kap.,

(e-mail a BHLDN-től)

nem szabad helyet megtakarítani a szövegsorok között; kísérletezhet betűméretekkel. A legnépszerűbb bannerek háttérként képpel rendelkeznek, közvetlenül a fejléc után találhatók.

A legjobb Méret e — mail banner

a következő méretek — 600px x 300px és 600px x 400px-a leggyakoribb hírlevél banner méretek. Sok e-mail tervező kísérletezik itt, bár a szélességet az e-mail sablon mérete korlátozza, a hosszúság eltérő lehet.,

fontos megjegyezni:

a Stripo segítségével kiválaszthatja a banner alakját. Ezt hívják-orientáció. Függőleges lehet, ahol a magasság hosszabb, mint a szélesség, négyzet, vízszintes, ahol a szélesség hosszabb, mint a magasság.

bármelyik kiválasztásával nem kell speciális paramétereket beállítania, mivel a szélesség az e-mail sablon mérete után örökli a méretét, a magasság pedig a kiválasztott tájolástól függ.

a vízszintes a bannerek legnépszerűbb tájékozódási típusa.,

További információ arról, hogyan kell építeni bannerek Stripo, kérjük, olvassa el a” Hogyan lehet létrehozni Banner Stripo Email Builder perceken belül ” blogbejegyzést.

Email gomb mérete

nincs szabványos e-mail szélesség gombok. A közös követelmény az, hogy egy gombnak ellentétben kell lennie az összes többi e-mail elemmel, de ugyanabban a pillanatban szervesen meg kell egyeznie az e-mail kialakítással.

ahhoz, hogy a gomb észrevehető és kattintható legyen, meg kell dolgoznia a tervezésén és a méretén.,

Ha a CTA példány rövid, itt jön a Mentés szóköze, hogy a gomb szélesebb legyen. A Stripo-ban “belső párnázásnak”nevezik.

ne aggódjon. Egyedi gombelrendezésünk miatt ez a szóköz kattintható 🙂
az olvasóknak nem kell kattintaniuk a gombra szöveg. Akkor kattintson, ahol akarnak.,

az is nagyon fontos, hogy vigyázzon a mobil közönség, és hogy a gombok a lehető legnagyobb ahhoz, hogy az olvasók, hogy kattintson a gombra egy hüvelykujjal, és ne kattintson az összes többi elem, ha elolvassa az e-maileket a mobil eszközök.

néha nehéz megtalálni a gombot, vagy elolvasni a CTA-t, mert kicsi, betűtípusa alig olvasható.

Szóval, hogyan lehet A gomb betűkészletét nagy méretűvé tenni, és a gombokat teljes szélességűvé tenni mobileszközökön?,

beállítása nagyobb betűmérettel, hogy CTA gombok a mobil eszközök, meg kell, hogy:

• a “Megjelenés” fül;

• adja meg a “Mobil megtekintése” részt;

• beállítás szükséges gombot a szöveg méretét;

• lehetőséget, majd állítsa a “Teljes-a” gombot.