Referens för optimal bredd på e-postmall
Du kommer att lära dig
Ta reda på varför standardbredden för e-postmallar är 600 px, varför detta är en branschstandard för marknadsföringsmejl i dag och hur du säkerställer att dina mejl ser konsekventa ut på olika enheter.
Bredd på e-postmall
Standardbredden i Klaviyo dra-och-släpp-e-postredigerare är 600px. Så här justerar du bredden:
- I e-postredigeraren väljer du Redigera stilar.
- Ange ett värde i pixlar i fältet Bredd.
- Stäng panelen Redigera format för att spara dina ändringar.
Klaviyo rekommenderar inte att du ökar bredden på din mall om det inte krävs för en mer avancerad layout. Om du justerar bredden till över 600px rekommenderar vi också att du testar hur ditt mejl kommer att se ut i olika e-postklienter och på olika enheter.
Förstå e-postbredd
När du designar ett e-postmeddelande i Klaviyo skapar den fastställda bredden på din mall ramen för innehållet i ditt e-postmeddelande. Allt innehåll du lägger till i din mall bör få plats inom den här ramen.
E-postbredden på 600 px har blivit en branschstandard inom e-postmarknadsföring eftersom den historiskt sett genomsnittliga storleken på ett visningsområde i alla populära e-postklienter för datorer låg mellan 500 och 600 px. Visningsområdet är den inramade ytan på en skärm där en mottagare läser ditt e-postmeddelande. Genom att ställa in bredden på ditt e-postmeddelande till 600 px kan du säkerställa att dina mottagare, med en genomsnittlig storlek på visningsområdet, inte behöver scrolla så mycket horisontellt för att se allt ditt innehåll.
Standarden för e-postmeddelanden som är 600 px breda har hängt kvar och är fortfarande vanlig i dag, även när det blir allt viktigare att optimera e-postmeddelanden för olika enheter (till exempel mobiler). Klaviyo rekommenderar att du designar dina e-postmeddelanden med en bredd på 600 px för datorbaserade e-postklienter. I e-postredigeraren med dra och släpp aktiverar du Optimera för mobil under Redigera stilar > Mobiloptimering för att tillämpa responsiva justeringar för mindre skärmar och stänger sedan panelen för att spara ändringarna. E-postklienter skiljer sig åt i hur väl de stöder mobiloptimering, så testa ditt e-postmeddelande i olika klienter och på olika enheter.
Observera dock att en bredd på 600 px hjälper till att optimera e-postmeddelanden som har byggts med Klaviyo för visning på mobil. E-postmeddelanden som är utformade för att vara mycket bredare har större risk att se förvrängda ut när de skalas ned på en mobil enhet, om inte e-postmeddelandet har utformats och optimerats noggrant för detta. Det är därför vi uppmuntrar dig att undvika att öka mallens bredd över 600 px om du inte har en designer och/eller andra dedikerade resurser för att optimera din layout i olika klienter/enheter.
Läs mer om Klaviyos alternativ för mobiloptimering.
Mallinnehåll och ange e-postbredd
Den fastställda bredden på din mall skapar ramen för ditt e-postinnehåll. Utfyllnad och kantlinjer minskar utrymmet som är tillgängligt för innehåll inom den ramen.
Klaviyo skalar automatiskt ner bilder i bildblock så att de passar det tillgängliga utrymmet, med bibehållet bildförhållande. Tabellblock använder den tillgängliga bredden för sina kolumner. De här inställningarna hjälper till att hålla din layout inom mallens e-postbredd, men de garanterar inte att anpassad HTML får plats.
Om du lägger till anpassad kod i mallblock, se till att bredden ryms inom det tillgängliga utrymmet i din layout. Kontrollera inställningen Bredd för din mall under Redigera stilar. Anpassad HTML med fasta bredder som är större än det tillgängliga utrymmet kan flyta över eller återges på olika sätt i olika e-postklienter. Testa ditt anpassade innehåll på dator och mobil innan du skickar.