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
Wanneer je een nieuwe e-mailtemplate ontwerpt in Klaviyo, is de standaardbreedte van elke template 600px. Je kunt deze instelling aanpassen op het tabblad Stijlen in de instellingen van je e-mail, maar Klaviyo raadt niet aan om de breedte van je template te vergroten, tenzij dit nodig is voor een geavanceerdere lay-out. Als je de breedte boven 600px aanpast, raden we ook aan om grondig 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 van 600 px breed is blijven hangen en is vandaag de dag nog steeds gangbaar, zelfs nu het optimaliseren van e-mails voor verschillende apparaten (zoals mobiel) steeds belangrijker wordt. Klaviyo werkt hard om onze klanten "het beste van twee werelden" te bieden – we raden sterk aan om je e-mails te ontwerpen met een breedte van 600px, zodat ze er geweldig uitzien in desktopclients, en daarna doen wij het zware werk om je e-mails zo te renderen dat ze ook responsief zijn op kleinere schermen (zoals mobiele 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
Zoals hierboven vermeld, vormt de vastgestelde breedte van je template het kader voor de inhoud van je e-mail. Hoewel je handmatig kunt zorgen dat alle content die je aan je template toevoegt een maximale breedte heeft die binnen het vastgestelde kader van je e-mail past, regelt Klaviyo dit ook voor je terwijl je content aan je template toevoegt.
Klaviyo schaalt afbeeldingen automatisch omlaag, met behoud van de beeldverhouding, en beperkt verder de breedte van alle blokken zodat ze nooit verder reiken dan de ingestelde breedte van de template zelf. Dit betekent dat wanneer je afbeeldingen aan je template toevoegt of een tabel met meerdere kolommen bouwt, je ziet dat alle blokken beperkt blijven tot de e-mailbreedte van je template.
Als je aangepaste code toevoegt aan template-blokken, houd dan rekening met de ingestelde breedte in de stijlinstellingen van je template. De vastgestelde e-mailbreedte in je stijlinstellingen heeft invloed op de rendering van alle template-blokken, zelfs die met aangepaste code die mogelijk een andere, grotere breedte proberen in te stellen.