Mitt e-postmeddelande ser annorlunda ut när det visas i Microsoft Outlook
Du kommer att lära dig
Läs mer om varför vissa e-postmeddelanden ser annorlunda ut i Microsoft Outlook än i andra inkorgar, samt tips för att förbättra konsekvensen i hur dina meddelanden återges i Outlook.
Outlooks renderingsmotorer
Klassiska Outlook för Windows använder Microsoft Word för att visa e-postmeddelanden. Andra versioner, inklusive nya Outlook för Windows, Outlook för Mac och Outlook.com, använder webbläsarbaserade renderingsmotorer. Det här betyder att samma e-postmeddelande kan se olika ut i olika Outlook-versioner.
Tänk på senaste gången du försökte göra ändringar i en tabell eller ändra storlek på en bild i Microsoft Word. Formateringsutmaningarna du stöter på när du använder Word liknar utmaningarna som e-postmeddelanden har i Outlook-inkorgar.
På grund av detta kan ett e-postmeddelande se lite annorlunda ut i Outlook än när du först designar och förhandsgranskar i Klaviyo.
Om du väljer att optimera dina e-postmeddelanden för Outlook kan du använda Klaviyos inbyggda inkorgstestning (tillgänglig för betalda konton) för att förhandsgranska dina meddelanden på olika enheter och i olika inkorgar.
Optimera dina e-postmeddelanden för Outlook
I versioner av Outlook som använder Microsoft Word för att visa e-postmeddelanden kan du se följande problem:
- Bakgrundsbilder i divar och tabellceller stöds inte eller visas inte
- CSS-flytande och positionerade element ignoreras
- Textskugga stöds inte eller visas inte
- Ovanlig padding och marginal, på grund av dåligt stöd för dessa element
- CSS-bredd och -höjd visas inte som avsett på grund av dåligt stöd för de här elementen
- Kapslade elements bakgrundsfärger visas felaktigt eller ignoreras
Att optimera ett e-postmeddelande för Outlook kan ta tid och kräva tester. Ändringar i bildplacering kan påverka hur ditt e-postmeddelande återges i andra e-postklienter och på mobila enheter, så testa din design i de inkorgar som din målgrupp använder.
Anpassa bildstorlekar för Outlook
Om en bild visas utdragen eller för stor i Outlook kan du ställa in dess visningsbredd i din mall:
- Välj ett bildblock.
- Lägg till en siffra i fältet Bildlayout > W. För bilder i full bredd ska du använda 600 px (eller den bredd som ditt e-postmeddelande är inställt på, som finns i avsnittet Stilar).

- Spara dina ändringar.
GIF:ar i Outlook
Stödet för GIF-animationer varierar beroende på Outlook-version. Vissa versioner visar bara den första bildrutan som en statisk bild. Ta med ditt viktigaste budskap i den första bildrutan så att det fortfarande fungerar utan animation.
Förstå Outlooks påverkan på din målgrupp
Så här ser du vilka e-postklienter Klaviyo upptäckte för en nyligen skickad kampanj:
- Navigera till fliken Kampanjer i Klaviyo.
- Hitta en nyligen skickad e-postkampanj. Om raden är expanderbar expanderar du den och klickar på namnet på det skickade e-postmeddelandet. Annars klickar du på kampanjnamnet.
- Klicka på fliken leveransbarhet i e-postens rapport.
- Granska avsnittet Prestanda per e-postklient och leta efter Outlook-poster under Skrivbordsöppningar.
Procentsiffrorna baseras på unika öppningar från igenkända e-postklienter, snarare än på hela din mottagarlista. Okända klienter exkluderas, och öppningar i webbläsare eller på mobil kan göra att Outlook inte identifieras med namn. Använd den här uppdelningen som vägledning när du väljer vilka inkorgar du ska testa.
Ytterligare resurser
- About email images best practices
Learn about best practices when using images in Klaviyo emails, including size recommendations and how to add images.
- Understanding mobile email optimization
Learn about the default mobile optimization settings Klaviyo offers for emails, as well as tools for customizing how your message appears across devices. You can also choose to disable all mobile optimizations by navigating to the Styles tab of your email template.
- Understanding CSS optimization
Learn about CSS optimization, which is one way you can make sure your emails are not getting clipped in the inbox.