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

Marknadsföringsmejl ser annorlunda ut i Outlook

Senast uppdaterad: november 2, 2021

Gäller för:

Marknadsföring Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Tidigare Marketing Hub Basic

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

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

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å ta kontakt med andra HubSpot-användare och designers i Community.

Avstånd

Det finns två metoder för att justera avståndet runt bilder i Outlook: med hspace eller vspace och med 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. Hspace-attributet definierar horisontellt utrymme och lägger till lika stort avstånd till höger och vänster om bilden.

  • I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
  • Håll muspekaren över namnet på e-postmeddelandet och klicka sedan på Redigera.

  • Klicka i innehållsmodulen och klicka sedan på Avancerat > Källkod.

  • 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ändning av tabeller

Du kan använda en tabell med tre kolumner för att jämnt fördela bilden, avståndet och texten:

  • I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
  • Håll muspekaren över namnet på e-postmeddelandet och klicka sedan på Redigera.

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

    create-table

  • Klicka på Avancerat > Källkod i verktygsfältet för redigering av rik text i verktygsfältet för redigering av rik text...

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

  • Ange typsnittsfamilj, typsnittsstorlek, typsnittsfärg och linjehöjd, till exempel style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" eftersom Outlook lägger till sin egen stil om den inte är specificerad.

table-styling

Lär dig mer om utformning av e-postmeddelanden i vår Designers Community.