Förhandsgranska och optimera hur ditt e-postmeddelande visas på olika klienter och enheter.

När du utformar ditt e-postmeddelande kan du förhandsgranska hur det ser ut på olika typer av enheter och e-postklienter. Om du märker att ditt e-postmeddelande inte visas som förväntat på vissa klienter kan du läsa igenom de bästa metoderna och lösningarna för vanliga problem nedan.

Förhandsgranska ditt e-postmeddelande på mobila enheter och stationära klienter

Innan du skickar ditt e-postmeddelande kan du förhandsgranska hur det kommer att se ut på olika klienter och enheter.

• I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
• Klicka pånamnet på ett befintligt utformat e-postmeddelande.
• Klicka på rullgardinsmenynÅtgärder längst upp till höger i e-postredigeraren och klicka sedan påFörhandsgranska.
• Granska hur ditt e-postmeddelande kommer att se ut på både en bredare datorskärm och en mindre mobilversion.
• Om du vill förhandsgranska hur ditt e-postmeddelande kommer att visas i specifika e-postklienter klickar du påKlienter högst upp i förhandsgranskningsskärmen.
• I den vänstra rutan markerar dukryssrutan bredvid den e-postklient du vill förhandsgranska.
• Klicka påTesta mitt e-postmeddelande nu uppe till höger. HubSpot kommer att generera förhandsgranskningar för var och en av de klienter du valt.
  • Klicka på knapparna < eller > för att navigera mellan förhandsgranskningarna av klienterna.
  • Som standard inaktiverar många klienter initialt bilder när e-postmeddelandet laddas första gången. Om du vill se hur ditt e-postmeddelande ser ut utan bilder kan du slå på knappenBildblockering.

Åtgärda problem med klippning i Gmail

Om den totala storleken på ditt e-postmeddelande, inklusive inbäddad kod i meddelandet, överstiger 102 KB, klipper Gmail ut ditt e-postmeddelande. För att se hela innehållet i ditt e-postmeddelande måste mottagaren klicka på länken Visa hela meddelandet, vilket kan ha en negativ inverkan på ditt rykte som avsändare och även stör HubSpot:s förmåga att spåra interaktioner med ditt e-postmeddelande.

Om ditt utkastade e-postmeddelande riskerar att klippas bort i Gmail visas en varning i panelen Granska och skicka .

För att förhindra att Gmail klipper ditt e-postmeddelande kan du följa stegen nedan:

• Skär bort allt extra innehåll:Se över ditt e-postmeddelande för att ta bort allt innehåll som inte är viktigt för mottagarna att läsa. Du bör också kontrollera om det finns kod eller styling som du kan ha inkluderat om du har kopierat innehåll från en separat editor. Tänk på att om du tar bort stora bilder kommer du inte att minska e-postmeddelandets storlek nämnvärt, eftersom de laddas separat från innehållet i ditt e-postmeddelande.
• Undvik att skicka flera e-postmeddelanden med samma ämnesrad: Om du skickar flera e-postmeddelanden med samma ämnesrad till en mottagare kommer Gmail automatiskt att kombinera dem till en enda tråd, även om det senaste meddelandet innehåller nytt innehåll.
• Testa ditt e-postmeddelande efter att du har gjort ändringar: När du har reviderat ditt e-postmeddelande för att minska dess storlek skickar du ett testmeddelande till ett Gmail-konto som du äger för att kontrollera att e-postmeddelandet visas som du förväntar dig utan att det klipps bort.

Gör ditt e-postmeddelande mobilanpassat

Även om det är svårt att utforma ditt e-postmeddelande så att det visas perfekt mellan dator och mobil kan du följa tipsen nedan för att på bästa sätt säkerställa en konsekvent mobilupplevelse.

Använd en responsiv e-postmall

Alla HubSpotdra-och-släpp-mallarär responsiva som standard. Det innebär att innehållet anpassas för att passa skärmen som den visas på. HubSpot lägger också till en maxbredd till bilder i innehållsredigeraren, så du behöver inte oroa dig för att redigera källkoden för att lägga till maxbredder.

Om du skapar en kodad e-postmall i HubSpot, se till att använda vårresponsiva e-postmallmarkering.. Du kan ocksåköpa en responsiv e-postmall frånMarknadsplats för mallar.

Minska storleken på bildfilerna

I de flesta fall är nedladdningshastigheterna på mobila enheter långsammare än på datorer. Använd mindre bildfiler för att minska laddningstiden för ditt e-postmeddelande. HubSpot ändrar automatiskt storleken på dina bilder som innehåller ett width-attribut i en <img>-tagg. Tjänster som FastStone Photo Resizer ochJPEGmini kan ocksåminska filstorleken med så mycket som 80 % utan att minska kvaliteten på din bild.

Öka storleken på länkar och CTA-knappar

Se till att ditt innehåll är tillräckligt stort för att kunna läsas tydligt på en mobil enhet. För att se till att dina prenumeranter kan se och klicka på ditt innehåll tydligt, se till attalla textlänkar och CTA-knappar är högre och bredare än 57x57 pixlar.

Problematisera förhandsvisningstext för e-postmeddelanden

När ditt e-postmeddelande visas i mottagarens inkorg kan e-postklienter som Gmail eller Outlook återge ytterligare innehåll från e-postmeddelandets kropp efter ämnesraden och förhandsvisningstexten. Detta beteende kan resultera i oavsiktlig text efter förhandsgranskningen. Om du till exempel har inkluderat en bild, till exempel en banner eller en logotyp, i början av ditt e-postmeddelande kan bildens alt-text inkluderas i förhandsgranskningen av e-postmeddelandet.

För att undvika detta problem kan du försöka ge en sammanfattning av e-postmeddelandets innehåll som alt-text för en bild högst upp i e-postmeddelandet, eller så kan du utelämna alt-texten helt och hållet. Om du vill bekräfta att den fullständiga förhandsvisningstexten visas som förväntat kan du skicka ett testmejl till dig själv.

Undvik att använda JavaScript och inline frames

Om du använder den klassiska e-postredigeraren för att skapa dina e-postmeddelanden bör du undvika att använda <script>- eller <iframe>-element i din mall, eftersom de inte kommer att återges av de flesta större e-postklienter. Om du lägger till en <iframe> till ett HTML-element för att infoga en video i ditt e-postmeddelande bör du välja att använda videomodulen i stället.