Egendefinerte e-postmeldinger ser annerledes ut i Outlook

Hvis du har opprettet en tilpasset kodet markedsførings-e-post, kan det hende at du oppdager avvik i måten e-posten din vises på i Outlook, for eksempel problemer med plassering eller avstand. Du kan følge feilsøkingstrinnene i avsnittene nedenfor for å få hjelp

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.

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.

• Gå til Markedsføring > E-post i HubSpot-kontoen din.

• Hold musepekeren over navnet på e-posten med en egendefinert 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.

Bruke tabeller

Du kan bruke en tabell med tre kolonner for å fordele bilde, mellomrom og tekst jevnt:

• Gå til Markedsføring > E-post i HubSpot-kontoen din.

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