Marketingmails ser anderledes ud i Outlook

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

Hvis du bemærker, 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: HubSpot Support kan ikke understøtte brugerdefinerede kodede e-mail-skabeloner. Hvis du bruger en brugerdefineret kodet skabelon, skal du følge op med den udbyder, der har oprettet skabelonen. Du kan også komme i kontakt med andre HubSpot-brugere og -designere i fællesskabet.

Afstand

Der er to metoder til at justere afstanden 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 lodret 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 for dit billede.

• På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.

• Hold musen over navnet på e-mailen med en brugerdefineret kodet skabelon, 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" og erstat 10 med den ønskede mængde afstand.

Brug af tabeller

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

• På din HubSpot-konto skal du navigere til Marketing > Marketing-e-mail.

• Hold musen over navnet på e-mailen med en brugerdefineret kodet skabelon, og klik derefter på Rediger.

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

• Klik på Avanceret i værktøjslinjen i RTF-editoren, og vælg derefter Kildekode.

• 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 tilføjer sin egen styling, når den ikke er angivet.

Fejlfinding af uventede vandrette linjer i din e-mail

På grund af en kendt fejl i nogle versioner af Outlook kan der vises en vandret linje mellem afsnit i din e-mail. Selv om 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 hovedfarven.
• Opdater dit indholds skriftstørrelse og linjehøjde, så de er lige store.
• Inkluder følgende CSS-stilarter i hovedafsnittet i din e-mail-skabelon:

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