Markedsførings-e-post ser annerledes ut i Outlook
Sist oppdatert: september 25, 2024
Gjelder for:
Markedsføring Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Eldre Marketing Hub Basic |
Hvis du bruker den oppdaterte klassiske e-postredigereren til å skrive utkast til markedsførings-e-poster, kan du legge merke til avvik i måten e-posten din gjengis på i Outlook, på grunn av Outlooks begrensede støtte for CSS.
Hvis du oppdager at e-postens plassering eller avstand ser feil ut i Outlook, kan du følge feilsøkingstrinnene nedenfor.
Lær mer om e-postdesign i HubSpot Designers Community.
Merk: HubSpot Support kan ikke støtte egendefinerte e-postmaler. Hvis du bruker en egendefinert kodet mal, må du følge opp med leverandøren som har laget malen. Du kan også komme i kontakt med andre HubSpot-brukere og designere i fellesskapet.
Avstand
Det finnes to metoder for å justere avstanden rundt bilder i Outlook: ved hjelp av hspace eller vspace, og ved hjelp av tabeller.
Bruke hspace og vspace
HTML-attributtet vspace definerer vertikal avstand og legger til lik avstand øverst og nederst i bildet. Attributtet hspace definerer horisontalt mellomrom og legger til like stor avstand til høyre og venstre i bildet.
- I HubSpot-kontoen din navigerer du til Markedsføring > Markedsførings-e-post.
-
Hold musepekeren over navnet på e-posten med en tilpasset kodet mal, og klikk deretter på Rediger.
-
Klikk deg inn i innholdsmodulen.
- På slutten av bildekoden legger du til en av eller begge de følgende kodene:
hspace="10" vspace="10"
, og erstatt10
med ønsket mengde mellomrom.
Bruke tabeller
Du kan bruke en tabell med tre kolonner for å fordele bilde, mellomrom og tekst jevnt:
- I HubSpot-kontoen din navigerer du til Markedsføring > Markedsførings-e-post.
-
Hold musepekeren over navnet på e-posten med en egendefinert kodet mal, og klikk deretter på Rediger.
-
Klikk på Sett inn > Tabell i verktøylinjen i redigeringsprogrammet for rik tekst. Opprett en 3x1-tabell.
-
Klikk på Avansert i verktøylinjen i redigeringsprogrammet for rik tekst, og velg deretter Kildekode.
-
Angi en bredde i den tomme cellen, for eksempel
<td width="10">
, for hvor stor avstand du vil ha mellom bildet og teksten. -
Angi en skrifttypefamilie, skriftstørrelse, skriftfarge og linjehøyde, for eksempel
style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000"
, ettersom Outlook vil legge til sin egen styling når den ikke er spesifisert.
Feilsøke uventede horisontale linjer som vises i e-posten din
På grunn av en kjent feil i enkelte versjoner av Outlook kan det oppstå en horisontal linje mellom seksjonene i e-posten din. Selv om det ikke finnes en konsekvent måte å løse problemet på, kan du prøve følgende feilsøkingstrinn:
- Angi at bakgrunnsfargen i e-posten skal ha samme farge som brødteksten.
- Oppdater innholdets skriftstørrelse og linjehøyde slik at de er like store.
- Inkluder følgende CSS-stiler i head-delen av e-postmalen:
ms-text-size-adjust: none; mso-line-height-rule: exactly;