Referentie voor optimale breedte van e-mailtemplate
Wat je leert
Lees waarom de standaardbreedte voor e-mailtemplates 600 px is, waarom dit tegenwoordig een industriestandaard is voor marketing-e-mails en hoe je ervoor zorgt dat je e-mails er consistent uitzien op verschillende apparaten.
Breedte van e-mailtemplate
De standaardbreedte in Klaviyo's e-maileditor met slepen en neerzetten is 600px. Zo pas je de breedte aan:
- Selecteer in de e-maileditor Stijlen bewerken.
- Voer een waarde in pixels in het veld Breedte in.
- Sluit het paneel Stijlen bewerken om je wijzigingen op te slaan.
Klaviyo raadt niet aan om de breedte van je template te vergroten, tenzij dit nodig is voor een meer geavanceerde lay-out. Als je de breedte aanpast naar meer dan 600px, raden we ook aan om te testen hoe je e-mail eruitziet in verschillende e-mailclients en op verschillende apparaten.
E-mailbreedte begrijpen
Wanneer je een e-mail ontwerpt in Klaviyo, vormt de ingestelde breedte van je template het kader voor de inhoud van je e-mail. Alle content die je aan je template toevoegt, moet binnen dit kader passen.
De e-mailbreedte van 600px is een industriestandaard geworden in e-mailmarketing, omdat historisch gezien de gemiddelde grootte van een viewport in alle populaire desktop-e-mailclients tussen de 500-600px lag. De viewport is het omkaderde gebied op een beeldscherm waar een ontvanger je e-mail leest. Door de breedte van je e-mail in te stellen op 600px, kun je ervoor zorgen dat je ontvangers bij de gemiddelde viewportgrootte niet veel horizontaal hoeven te scrollen om al je content te zien.
De standaard voor e-mails met een breedte van 600px is blijven hangen en is vandaag de dag nog steeds gebruikelijk, zelfs nu het optimaliseren van e-mails voor verschillende apparaten (zoals mobiel) steeds belangrijker wordt. Klaviyo raadt aan om je e-mails te ontwerpen met een breedte van 600px voor desktopclients. Zet in de drag-and-drop e-maileditor Optimaliseren voor mobiel aan onder Stijlen bewerken > Mobiele optimalisatie om responsieve aanpassingen toe te passen voor kleinere schermen en sluit daarna het paneel om je wijzigingen op te slaan. Ondersteuning voor mobiele optimalisatie verschilt per e-mailclient, dus test je e-mail in verschillende clients en op verschillende apparaten.
Houd er wel rekening mee dat je met een breedte van 600 px e-mails die met Klaviyo zijn gebouwd beter optimaliseert voor weergave op mobiel. E-mails die veel breder zijn ontworpen, hebben een grotere kans om er scheef uit te zien wanneer ze worden geschaald op een mobiel apparaat, tenzij de e-mail hier zorgvuldig voor is ontworpen en geoptimaliseerd. Daarom raden we je aan om de breedte van je template niet groter te maken dan 600 px, tenzij je een designer en/of andere dedicated resources hebt om je layout te optimaliseren voor alle clients/apparaten.
Meer informatie over Klaviyo's opties voor mobiele optimalisatie.
Templatecontent en e-mailbreedte instellen
De ingestelde breedte van je template vormt het kader voor de content van je e-mail. Opvulling en randen verkleinen de ruimte die beschikbaar is voor content binnen dat kader.
Klaviyo schaalt afbeeldingen in afbeeldingsblokken automatisch omlaag zodat ze in de beschikbare ruimte passen, waarbij de beeldverhouding behouden blijft. Tabelblokken gebruiken de beschikbare breedte voor hun kolommen. Deze instellingen helpen om je lay-out binnen de e-mailbreedte van de template te houden, maar ze garanderen niet dat aangepaste HTML past.
Als je aangepaste code toevoegt in template-blokken, houd de breedtes dan binnen de ruimte die beschikbaar is in je lay-out. Controleer de instelling Breedte van je template onder Stijlen bewerken. Aangepaste HTML met vaste breedtes die groter zijn dan de beschikbare ruimte kan overlopen of er anders uitzien in verschillende e-mailclients. Test je aangepaste content op desktop en mobiel voordat je verstuurt.