Når du designer din marketingmail, kan du få vist, hvordan den ser ud på forskellige enhedstyper og e-mailklienter. Hvis du opdager, at din e-mail ikke gengives som forventet på bestemte klienter, kan du læse om best practices og løsninger på almindelige problemer nedenfor.
Før du sender din e-mail, kan du se et eksempel på, hvordan den vil se ud på forskellige klienter og enheder.
Hvis den samlede størrelse af din e-mail, inklusive eventuel indlejret kode i markeringen af din besked, overstiger 102 KB, vil Gmail klippe din e-mail. For at se det fulde indhold af din e-mail skal din modtager klikke på linket Vis hele meddelelsen, hvilket kan påvirke dit omdømme som afsender negativt og også forstyrrer HubSpots evne til at spore interaktioner med din e-mail.
Hvis din udarbejdede e-mail risikerer at blive klippet i Gmail, vil der blive vist en advarsel i panelet Gennemse og send . Denne advarsel er baseret på en tilnærmelse af din e-mailstørrelse, baseret på HTML i din e-mail og dens tilknyttede sporingslinks.
For at forhindre Gmail i at klippe din e-mail, kan du følge nedenstående trin:
Selvom det er svært at designe din e-mail, så den ser perfekt ud på både desktop og mobil, kan du følge nedenstående tips for bedst muligt at sikre en ensartet mobiloplevelse.
Alle HubSpots drag-and-drop-skabeloner er som standard responsive. Det betyder, at indholdet justeres, så det passer til den skærm, det vises på. HubSpot tilføjer også en max-width til billeder i indholdseditoren, så du ikke behøver at bekymre dig om at redigere kildekoden for at tilføje max-widths.
Hvis du opretter en kodet e-mailskabelon i HubSpot, skal du sørge for at bruge vores responsive e-mailskabelonmarkup. Du kan også købe en responsiv e-mailskabelon fra Template Marketplace.
I de fleste tilfælde er downloadhastigheder på mobile enheder langsommere end på desktop. Brug mindre billedfiler for at reducere indlæsningstiden for din e-mail. HubSpot ændrer automatisk størrelsen på dine billeder, der indeholder en width-attribut i et <img>-tag. Tjenester som FastStone Photo Resizer og JPEGmini kan også reducere filstørrelsen med op til 80% uden at reducere kvaliteten af dit billede.
Sørg for, at dit indhold er stort nok til at kunne læses tydeligt på en mobil enhed. For at sikre, at dine abonnenter tydeligt kan se og klikke på dit indhold, skal du sørge for, at alle tekstlinks og CTA-knapper er højere og bredere end 57x57 pixels.
Når din e-mail vises i modtagerens indbakke, kan e-mailklienter som Gmail eller Outlook gengive yderligere indhold fra brødteksten i din e-mail efter emnelinjen og preview-teksten. Denne adfærd kan resultere i utilsigtet tekst efter previewet. Hvis du f.eks. har inkluderet et billede som et banner eller et logo i toppen af din e-mail, kan billedets alt-tekst blive inkluderet i e-mailens preview.
For at forhindre dette problem kan du prøve at give et resumé af din e-mails indhold som alt-tekst til et billede i toppen af din e-mail, eller du kan helt udelade alt-teksten. For at bekræfte, at den fulde preview-tekst vises som forventet, kan du sende dig selv en testmail.
Hvis du bruger den klassiske e-maileditor til at oprette dine e-mails, bør du undgå at bruge <script>- eller <iframe>-elementer i din skabelon, da de ikke vil blive gengivet af de fleste større e-mailklienter. Hvis du tilføjer en <iframe> til et HTML-element for at indsætte en video i din e-mail, bør du i stedet vælge at bruge videomodulet.