Marknadsföringsmeddelanden ser annorlunda ut i Outlook

Om du använder den uppdaterade klassiska e-postredigeraren för att skriva utkast till dina marknadsföringsmeddelanden kan du märka avvikelser i hur ditt e-postmeddelande återges i Outlook, på grund av Outlooks begränsade stöd för CSS.

Om du märker att e-postens positionering eller avstånd ser fel ut i Outlook, följ felsökningsstegen nedan.

Lär dig mer om e-postdesign på i HubSpot Designers Community.

Observera: HubSpot Support kan inte stödja anpassade kodade e-postmallar. Om du använder en anpassad kodad mall, följ upp med den leverantör som skapade mallen. Du kan också komma i kontakt med andra HubSpot-användare och designers på Community.

Avstånd

Det finns två metoder för att justera avståndet runt bilder i Outlook: använda hspace eller vspace, och använda tabeller.

Använda hspace och vspace

HTML-attributet vspace definierar vertikalt avstånd och lägger till lika avstånd upptill och nedtill i din bild. Attributet hspace definierar horisontellt utrymme och lägger till samma avstånd till höger och vänster i bilden.

• 0

• Håll muspekaren över namnet på e-postmeddelandet och klicka sedan på Redigera.

• Klicka in i innehållsmodulen,

• I slutet av bildkoden lägger du till endera eller båda av följande kod: hspace="10" vspace="10" och ersätter 10 med önskad mängd avstånd.

Använda tabeller

Du kan använda en tabell med 3 kolumner för att jämnt fördela din bild, avstånd och text:

• 0

• Håll muspekaren över e-postmeddelandets namn och klicka sedan på Redigera.

• Klicka på Infoga > Tabell i verktygsfältet i redigeraren för rik text. Skapa en 3x1-tabell.
  
  

• Klicka på Mer i verktygsfältet i redigeraren för rik text och klicka sedan på källkodsikonen htmlFile.

• Ange en bredd i den tomma cellen, t.ex. <td width="10">, för hur stort avstånd du vill ha mellan bilden och texten.

• Ange teckensnittsfamilj, teckenstorlek, teckenfärg och radhöjd, t.ex. style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" eftersom Outlook kommer att lägga till sin egen styling när den inte är specificerad.

Felsök oväntade horisontella linjer som visas i din e-post

På grund av ett känt fel i vissa versioner av Outlook kan en horisontell linje visas mellan avsnitten i ditt e-postmeddelande. Även om det inte finns ett konsekvent sätt att åtgärda problemet kan du prova följande felsökningssteg:

• Ställ in bakgrundsfärgen för ditt e-postmeddelande så att den är densamma som kroppsfärgen.
• Uppdatera innehållets teckenstorlek och radhöjd till jämna siffror.
• Inkludera följande CSS-stilar i huvudavsnittet i din e-postmall:

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