Marketingmails ser anderledes ud i Outlook

Hvis du bruger den opdaterede klassiske e-mail-editor til at udarbejde dine marketing-e-mails, vil du måske bemærke uoverensstemmelser i den måde, din e-mail gengives på i Outlook, på grund af Outlooks begrænsede understøttelse af CSS.

Hvis du opdager, at e-mailens placering eller afstand ser forkert ud i Outlook, skal du følge fejlfindingstrinnene nedenfor.

Lær mere om e-mail-design i HubSpot Designers Community.

Bemærk venligst: HubSpot Support kan ikke understøtte brugerdefinerede kodede e-mailskabeloner. Hvis du bruger en brugerdefineret kodet skabelon, skal du følge op med den udbyder, der oprettede skabelonen. Du kan også komme i kontakt med andre HubSpot-brugere og -designere på Community.

Mellemrum

Der er to metoder til at justere mellemrum omkring billeder i Outlook: ved hjælp af hspace eller vspace og ved hjælp af tabeller.

Brug af hspace og vspace

HTML-attributten vspace definerer vertikal afstand og tilføjer lige stor afstand til toppen og bunden af dit billede. Attributten hspace definerer vandret mellemrum og tilføjer lige meget mellemrum til højre og venstre i dit billede.

• Hold musen over navnet på e-mailen, og klik derefter på Rediger.

• Klik ind i indholdsmodulet,

• I slutningen af billedkoden skal du tilføje en eller begge af følgende koder: hspace="10" vspace="10", hvor du erstatter 10 med den ønskede afstand.

Brug af tabeller

Du kan bruge en tabel med 3 kolonner til at fordele dit billede, mellemrum og tekst jævnt:

• Hold musen over navnet på e-mailen, og klik derefter på Rediger.

• Klik på Indsæt > Tabel på værktøjslinjen i RTF-editoren. Opret en 3x1-tabel.
  
  

• Klik på Mere på værktøjslinjen i RTF-editoren, og klik derefter på kildekodeikonet htmlFile.

• Angiv en bredde i den tomme celle, f.eks. <td width="10">, for den afstand, du vil have mellem billedet og teksten.

• Angiv en skrifttypefamilie, skriftstørrelse, skriftfarve og linjehøjde, f.eks. style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000", da Outlook vil tilføje sin egen styling, når den ikke er specificeret.

Fejlfinding af uventede vandrette linjer i din e-mail

På grund af en kendt fejl i nogle versioner af Outlook kan der forekomme en vandret linje mellem sektioner i din e-mail. Selvom der ikke er en konsekvent måde at løse problemet på, kan du prøve følgende fejlfindingstrin:

• Indstil baggrundsfarven i din e-mail til at være den samme som brødfarven.
• Opdater dit indholds skriftstørrelse og linjehøjde, så de er lige store.
• Inkluder følgende CSS-stilarter i head-sektionen i din e-mailskabelon:

ms-text-size-adjust: none; mso-line-height-rule: exactly;