Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

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 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 erstatt 10 med ønsket mengde mellomrom.

source-code-hspace-vspace

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.
  • Klikk på Sett inn > Tabell i verktøylinjen i redigeringsprogrammet for rik tekst. Opprett en 3x1-tabell.

    insert-table-in-classic-marketing-email-editor

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

table-styling

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;

Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.