Vidensbase

Marketingmails ser anderledes ud i Outlook

Skrevet af HubSpot Support | Jun 28, 2023 12:40:56 PM

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.

  • 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:

  • 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:

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