Redigera innehåll och utformning av marknadsföringsmejl

Du kan använda e-postredigeraren med dra-och-släpp-funktion för att skapa marknadsföringsmejl genom att lägga till färdiga moduler. Om du hellre vill använda kodade mallar rekommenderar vi att du använder den klassiska redigeraren.

Den här artikeln handlar om hur du redigerar innehållet och utseendet i ett marknadsföringsmejl. Läs mer om hur du skapar och skickar marknadsföringsmejl. 

Redigera e-postmeddelanden i e-postredigeraren med dra-och-släpp-funktion

I dra-och-släpp-redigeraren kan du skapa ett marknadsföringsmejl genom att lägga till och ordna om färdiga moduler. 

Hantera moduler

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. För att lägga till en ny modul i e-postmeddelandet klickar du på modulen i sidopanelen och drar den till önskad plats i e-postmeddelandet. 
4. Så här ordnar du om modulerna i e-postmeddelandet:
   • Håll muspekaren över en modul och klicka och dra sedan modulentill en annan position.
   • Du kan dra moduler till höger eller vänster om befintliga moduler för att skapa en ny kolumn i den delen av e-postmeddelandet. 
5. Så här lägger du till mellanrum mellan modulerna:
   • Klicka på modulen Spaceri sidopanelsredigeraren och dra den till önskad position i e-postmeddelandet.
   • I sidopanelsredigeraren ställer du in avståndsmodulens höjd, färg och avstånd. Som standard har avståndsmodulen en höjd på 30px, är transparent och har inget extra avstånd.

5. För att redigera innehållet i en modul klickar du på modulen i e-postlayouten. Vissa moduler, till exempeltextmoduler, kan redigeras direkt i layouten, medan andra anpassas helt och hållet i sidopanelsredigeraren. 
6. För att klona en modul, håll muspekaren över modulen och klicka sedan påikonen duplicate cloneklona .
7. För att ta bort en modul, håll muspekaren över modulen och klicka sedan på ikonenför borttagning.
8. Så här döljer du en modul vid visning på vissa enhetstyper:
   • Välj denenhetstyp högst upp som du vill dölja modulen för.
   • I e-postförhandsvisningen håller du muspekaren över elementet och klickar sedan på ikonen för att dölja. Läs mer om att dölja moduler. 

Redigera e-postens design

Du kan redigera e-postmeddelandets övergripande design samt stilalternativen för enskilda moduler. 

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I e-postredigeraren klickar du på ikonen för malldesigni vänster sidomeny.
4. Välj ettformat förditt e-postmeddelande: 
   • Standard: det mest anpassningsbara formatet. Med standardformatet kan du ställa in anpassade kolumner och avstånd. 
   • Inramat: ett strömlinjeformat format där allt innehåll ryms inom ett enda område med kantlinjer.
   • Enkelt: en förenklad layout utan kolumner eller avstånd. E-postmeddelanden i ren text rekommenderas främst för kommunikation mellan två parter. 

5. I avsnittet Mall anger du allmänna stilriktlinjer för e-postmeddelandet:
   • Textfärg: ställ in bakgrundsfärgen för e-postmeddelandets brödtext. Ange enhexkod eller klicka på färgväljaren och välj en färg. 
   • Ramens bredd: om du använder formatet Boxed, ställ in ramens bredd i pixlar.
   • Färg: om du använder formatet ”Boxed”, ställ in kantfärgen. Ange en hexkod eller klicka på färgväljaren och välj en färg.
   • Bakgrundstyp: ställ in en bakgrund som enfärgad eller som ett mönster.
   • Bakgrundsfärg/mönster: välj en bakgrundsfärg eller ett mönster. När du ställer in ett bakgrundsmönster kan du också ange en bakgrundsfärg som ska visas om en e-postklient inte kan visa bakgrundsbilder. 
6. Iavsnittet Textstilaranger du formateringsriktlinjer för e-posttexten. Du kan ange specifika teckensnitt, samt teckenstorlekar och färger, för stycke-, h1- och h2-text. Du kan också ange en färg och stil för alla länkar. 
7. Iavsnittet Knapparanger du formateringsriktlinjer för knapparna i e-postmeddelandet. Du kan ange knapparnas radie och färg. För knapptexten kan du ange ett teckensnitt samt teckensnittsfärg, storlek och stil. 
8. Iavsnittet Avdelareanger du formateringsriktlinjer för avdelarna i e-postmeddelandet. Du kan ange avdelarens höjd och färg samt dess stil (heldragen, streckad eller prickad). 
9. I avsnittet Avståndanger du stilriktlinjer för e-postens avstånd.
   • Om du vill använda samma avstånd på alla sidor markerar du kryssrutan Använd på alla sidor.
   • Om du vill tillämpa individuellt avstånd längst upp och längst ner i e-postmeddelandet anger du ettpixelvärde irespektive fält.
   • Om du vill ta bort avståndet på alla mobila enheter markerar du kryssrutan Ta bort avstånd på mobila enheter. 

Använd sparade avsnitt i e-postredigeraren med dra-och-släpp-funktion

Med sparade avsnitt kan du spara en del av ett marknadsföringsmejl för att återanvända den i andra marknadsföringsmejl. Sparade avsnitt är endast tillgängliga för mejl som skapats i dra-och-släpp-redigeraren. 

Redigera en sektion

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. Klicka på ett avsnitt i förhandsgranskningen av e-postmeddelandet.
4. I redigeringsfältet i sidomenyn,under Synlighet, ställer du in avsnittets synlighet på olika enheter: 
   • Klicka på Visa eller Dölj för att ställa in avsnittets synlighet. 

• • För att ställa in synlighet separat för mobil och dator,stäng avreglagetAlla enheter. Klicka sedanpå Visa ellerDölj iavsnittenDator ochMobil. 

5. Iavsnittet Kolumnerklickar du på en kolumnuppställning. Detta styr antalet och storleken på avsnittets kolumner. 
6. Iavsnittet Kolumnjusteringväljer duÖverst,Mitten ellerNederst. Detta styr den vertikala justeringen av modulerna i avsnittet. 
7. Iavsnittet Stackingväljer duhurkolumnernaska staplas . Detta styr hur modulerna visas på mobila enheter. 
8. Iavsnittet Bakgrundkan du ställa in en bakgrund för e-postmeddelandet.Stängav växelnAlla enheterför att ställa in bakgrunden separat för mobila enheter och stationära datorer. 
9. Iavsnittet Avståndkan du lägga till avstånd upptill och nedtill i avsnittet. Stäng avknappen Alla enheterför att ställa in avståndet separat för mobila enheter och stationära datorer. 

Spara en sektion

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I förhandsgranskningen av e-postmeddelandet håller du muspekaren över ett avsnitt och klickar på ikonen Spara saveEditableView.

4. Ange ettnamn för avsnittet i dialogrutan och klicka sedan påSpara. 

Använd en sparad sektion

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I e-postredigeraren klickar du på fliken Avsnitti redigeringsfältet i sidomenyn. 
4. Klicka på ett sparat avsnitt och dra det till önskad plats i e-postmeddelandet. 

Hantera sparade avsnitt

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I e-postredigeraren klickar du på fliken Avsnitti sidopanelen. 
4. Klicka påHantera underSparade sektioner.

1. I den högra panelen kan du filtrera dina sparade avsnitt medrullgardinsmenyernaVisa ochSortera.
2. Klicka pårullgardinsmenyn ”Åtgärder”bredvid ett sparat avsnitt och välj något av följande: 
   • Lägg till i favoriter: lägg till detta avsnitt bland dina favoriter.
   • Dölj: ta bortdetta avsnitt från sidopanelredigeraren. Du kommer fortfarande att kunna komma åt det när du hanterar avsnitt om du filtrerar efter dolda avsnitt. 
   • Visa: om du har dolt detta avsnitt återställer du det till sidopanelredigeraren. 
   • Ta bort: ta bort detta avsnitt permanent. Klicka på Ta bort avsnitt i dialogrutan för att bekräfta. Denna åtgärd kan inte ångras. Eventuella befintliga e-postmeddelanden som använder avsnittet påverkas inte. 

Redigera e-postmeddelanden i den klassiska redigeraren

I den klassiska redigeraren kan du skapa e-postmeddelanden med hjälp av mallar som skapats i designhanteraren. 

Redigera e-postdesign

För att göra designändringar i ett e-postmeddelande med hjälp av en mall som skapats i designhanteraren kan du redigera mallen i designhanteraren

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I e-postredigeraren klickar du på ikonen för malldesigni vänster sidomeny.
4. Så här redigerar du e-postmallen i designhanteraren:
   • I redigeraren i sidofältet klickar du på rullgardinsmenyn Åtgärderoch väljer Redigera den här mallen. 
   • I dialogrutan väljer duRedigera den här mallen för attredigera mallen som används för de listade tillgångarna ellerKlona och redigera ny mall för attredigera en kopia av den aktuella mallen som endast används för detta e-postmeddelande. 
5. Redigera mallen i designhanteraren och klicka sedanpå Publicera ändringar längst upp tillhöger. 

Redigera utseende

Du kan ställa in standardformatering för e-postmeddelanden som skapats i den klassiska redigeraren från dina inställningar för marknadsföringsmejl. 

1. I ditt HubSpot-konto klickar du på inställningsikonen i det övre navigeringsfältet.
2. I menyn i vänster sidfält navigerar du tillMarknadsföring > E-post. 
3. Klicka påfliken Varumärke (klassisk redigerare). 
4. Iavsnittet Storlekanger du en standardbredd för marknadsföringsmejl ochavståndet mellan texten i mejlet i pixlar. 
5. Iavsnittet Teckensnittanpassar du e-postmeddelandenas primära och sekundära teckensnitt: 
   • Klicka pårullgardinsmenyn Primärt typsnittoch välj etttypsnitt. 
   • Klicka pårullgardinsmenyn Primär teckenstorlekoch välj enstorlek ipixlar.
   • Ifältet Primär teckensnittsfärganger du teckensnittets färg: 
     • Om du vill använda en hexadecimal kod anger du koden i fältet.
     • Om du vill välja en färg manuellt klickar du på färgväljaren. I popup-rutan klickar du och drar skjutreglaget för att välja en basfärg och klickar sedan på den slutliga färgen ovanför skjutreglaget.
     • Om du vill använda ett RGB-värde klickar du på färgväljaren och anger sedan värden ifälten R, G och B. 

5. • Upprepa för det sekundära teckensnittet. 
6. Iavsnittet Färgställer du in färgerna för primära och sekundära accenter, text och bakgrund.
7. Klicka på rullgardinsmenynför kantfärgsalternativ och välj ettalternativ: 
   • Ställ in kantfärgen automatiskt: e-postmeddelandets kantfärg ställs in utifrån mallen. 
   • Ställ in e-postmeddelandets kantfärg manuellt: ställ in en kantfärg som ska tillämpas på alla e-postmeddelanden som skapas med den klassiska redigeraren. Ifältet ”Kantfärg”anger du en hexadecimal kod ellerklickar påfärgväljaren ochväljer enfärg elleranger ettRGB-värde. 
   • Lägg inte till någon kant runt e-postmeddelandets brödtext: e-postmeddelanden som skapas med den klassiska redigeraren kommer inte att ha någon kant. 

Konvertera e-postmeddelanden så att de använder dra-och-släpp-mallar

Om ditt e-postmeddelande använder en mall som skapats i layoutredigeraren eller en standardkodad mall, istället för en anpassad kodad mall, kan du konvertera e-postmeddelandet så att det istället använder dra-och-släpp-redigeraren. 

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Marknadsföring > E-post. Om Mer inte visas i ditt konto navigerar du direkt till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I dialogrutan klickar du påFörhandsgranska konverterat e-postmeddelande för attförhandsgranska hur det konverterade e-postmeddelandet ser ut. 
4. Klicka påKonvertera för att dra och släppa.