Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Marknadsföringsmeddelanden ser annorlunda ut i Outlook

Senast uppdaterad: september 25, 2024

Tillgänglig med något av följande abonnemang, om inte annat anges:

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Tidigare Marketing Hub Basic

Om du använder den uppdaterade klassiska e-postredigeraren för att utarbeta 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-postmeddelandets positionering eller avstånd ser fel ut i Outlook, följ felsökningsstegen nedan.

Lär dig mer om e-postdesign 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 leverantören som skapade mallen. Du kan också få 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: med hjälp av hspace eller vspace och med hjälp av tabeller.

Använda hspace och vspace

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

  • I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
  • Håll muspekaren över namnet på e-postmeddelandet med en anpassad kodad mall och klicka sedan på Redigera.

  • Klicka in i innehållsmodulen.

  • I slutet av bildkoden lägger du till en eller båda av följande koder: hspace="10" vspace="10", och ersätter 10 med önskat avstånd.

source-code-hspace-vspace

Använda tabeller

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

  • I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
  • Håll muspekaren över namnet på e-postmeddelandet med en anpassad kodad mall och klicka sedan på Redigera.

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

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

  • Klicka på Avancerat i verktygsfältet i redigeraren för rik text och välj sedan Källkod.

  • 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 en teckensnittsfamilj, teckensnittsstorlek, teckensnittsfärg och radhöjd, t.ex. style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" eftersom Outlook lägger till sin egen styling när den inte anges.

table-styling

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

På grund av en känd bugg i vissa versioner av Outlook kan en horisontell linje visas mellan avsnitt 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 i ditt e-postmeddelande så att den är densamma som dess kroppsfärg.
  • Uppdatera innehållets teckenstorlek och radhöjd så att de är jämna siffror.
  • Inkludera följande CSS-stilar i huvudavsnittet i din e-postmall:

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

Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.