Redigera innehåll och design för marknadsföringsmejl

Du kan använda dra-och-släpp-redigeraren för e-post för att skapa marknadsföringsmeddelanden genom att lägga till färdiga moduler. Om du föredrar att använda kodade mallar rekommenderar vi att du använder den klassiska redigeraren.

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

Redigera e-postmeddelanden i dra-och-släpp-redigeraren

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

Hantera moduler

1. I ditt HubSpot-konto, navigera 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 redigeraren i sidofältet och drar den till önskad position i e-postmeddelandet. 
4. För att omorganisera modulerna i e-postmeddelandet:
   • Håll muspekaren över en modul, 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. För att redigera innehållet i en modul, klicka på modulen i e-postlayouten. Vissa moduler, till exempeltextmoduler, kan redigeras direkt i layouten, medan andra anpassas helt i sidfältets redigerare. 
6. För att klona en modul, håll muspekaren över modulen och klicka sedan påikonen för att dupliceraklona klona .
7. För att ta bort en modul, håll muspekaren över modulen och klicka sedan på ikonenför att ta bort.
8. Så här döljer du en modul när du visar den på vissa typer av enheter:
   • Välj denenhetstyp som du vill dölja modulen för längst upp.
   • I e-postförhandsgranskningen 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-postdesign

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

1. I ditt HubSpot-konto, navigera 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 sidofält.
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. 
   • Boxad: ett strömlinjeformat format där allt innehåll ryms inom ett enda avgränsat område.
   • Enkelt: en förenklad layout utan kolumner eller utfyllnad. E-postmeddelanden med ren text rekommenderas främst för en-till-en-kommunikation. 

5. I avsnittet Mall kan du ställa in allmänna riktlinjer för e-postens utseende:
   • Textfärg: ställ in bakgrundsfärgen för e-postmeddelandets text. Ange enhexkod eller klicka på färgväljaren och välj en färg. 
   • Kantbredd: om du använder ett Boxed-format, ställ in kantbredden i pixlar.
   • Färg: om du använder ett Boxed-format, 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 mönster.
   • Bakgrundsfärg/mönster: välj en bakgrundsfärg eller ett mönster. När du anger 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 stilriktlinjer för e-posttexten. Du kan ange specifika teckensnitt, 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 Knapparkan du ställa in stilriktlinjer för e-postknapparna. Du kan ställa in knappens radie och färg. För knapptexten kan du ställa in ett teckensnitt samt teckensnittets färg, storlek och stil. 
8. Iavsnittet Avdelarekan du ställa in stilriktlinjer för e-postavdelarna. Du kan ställa in avdelarens höjd och färg samt dess stil (heldragen, streckad eller prickad). 
9. I avsnittet Avståndkan du ställa in stilriktlinjer för e-postens avstånd.
   • Om du vill tillämpa samma avstånd på alla sidor markerar du kryssrutan Tillämpa på alla sidor.
   • Om du vill tillämpa individuell utfyllnad längst upp och längst ner i e-postmeddelandet anger du ettpixelvärde ivarje 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 dra-och-släpp-redigeraren

Med sparade avsnitt kan du spara ett avsnitt av ett marknadsföringsmejl för att återanvända det 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, navigera till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. Klicka på en sektion i e-postförhandsgranskningen.
4. I sidofältets redigerare,under Synlighet, ställer du in avsnittets synlighet på olika enheter: 
   • För att ställa in avsnittets synlighet klickar du på Visa eller Dölj. 

• • Om du vill ställa in synlighet för mobila enheter och stationära datorer separat stängerdu avalternativetAlla enheter. Klicka sedan påVisa ellerDölj iavsnittenStationära datorer ochMobila enheter. 

5. Iavsnittet Kolumnerklickar du på ett kolumnarrangemang. Detta styr antalet och storleken på avsnittets kolumner. 
6. Iavsnittet Kolumnjusteringväljer duÖvre,Mitten ellerNedre. Detta styr den vertikala justeringen av modulerna i avsnittet. 
7. Iavsnittet Staplingväljer dustaplingsbeteendet förkolumnerna. Detta styr hur modulerna visas på mobila enheter. 
8. Iavsnittet Bakgrundkan du ställa in en bakgrund för e-postmeddelandet.Stäng avväxelnAlla enheterför att ställa in bakgrunden för mobila enheter och stationära datorer separat. 
9. Iavsnittet Avståndkan du lägga till utfyllnad upptill och nedtill i avsnittet. Stäng avväxeln Alla enheterför att ställa in utfyllnaden separat för mobila enheter och stationära datorer. 

Spara en sektion

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I e-postförhandsgranskningen håller du muspekaren över ett avsnitt och klickar på ikonen Spara redigerbar vy Spara.

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

Använda en sparad sektion

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I e-postredigeraren klickar du på fliken Avsnitti redigeraren i sidofältet. 
4. Klicka på ett sparat avsnitt och dra det till rätt plats i e-postmeddelandet. 

Hantera sparade avsnitt

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I e-postredigeraren klickar du på fliken Avsnitti sidofältet. 
4. UnderSparade avsnitt klickar du påHantera.

1. I den högra panelen kan du filtrera dina sparade avsnitt medrullgardinsmenyernaVisa ochSortera.
2. Klicka pårullgardinsmenyn Åtgärderbredvid en sparad sektion och välj något av följande: 
   • Lägg till i favoriter: lägg till detta avsnitt till dina favoritavsnitt.
   • Dölj: ta bortdetta avsnitt från sidofältets redigerare. 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 kan du återställa det till redigeraren i sidofältet. 
   • 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

Om du vill 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, navigera 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 sidofält.
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 det här e-postmeddelandet. 
5. Redigera mallen i designhanteraren och klicka sedanpå Publicera ändringar längstupptillhöger. 

Redigera stil

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

1. I ditt HubSpot-konto klickar du på settings 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 Branding (klassisk redigerare). 
4. Iavsnittet Storlekanger du standardbredden för marknadsföringsmejl ochutfyllnad i pixlar. 
5. Iavsnittet Teckensnittkan du anpassa e-postmeddelandenas primära och sekundära teckensnitt: 
   • Klicka pårullgardinsmenyn Primärt teckensnittoch välj ettteckensnitt. 
   • 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 i 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ärgalternativ för kant och välj ettalternativ: 
   • Ställ in kantfärg automatiskt: e-postens kantfärg ställs in baserat på mallen. 
   • Ställ in e-postens kantfärg manuellt: ställ in en kantfärg som ska tillämpas på alla e-postmeddelanden som använder den klassiska redigeraren. Ifältet Kantfärganger du en hexadecimal kod ellerklickar påfärgväljaren ochväljer enfärg elleranger ettRGB-värde. 
   • Lägg inte till en kant runt e-postmeddelandets brödtext: e-postmeddelanden som använder den klassiska redigeraren kommer inte att ha någon kant. 

Konvertera e-postmeddelanden för att använda 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 för att använda dra-och-släpp-redigeraren istället. 

1. I ditt HubSpot-konto, navigera till Marknadsföring > E-post.
2. Klicka pånamnet påett utkast till e-postmeddelande. 
3. I dialogrutan klickar dupå Förhandsgranska konverterat e-postmeddelande för attförhandsgranska utseendet på det konverterade e-postmeddelandet. 
4. Klicka påKonvertera till dra och släpp.