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 och drar den från redigeraren i sidofältet 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 utformning

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 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. 
   • 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 Avdelarekan du ange 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 ettvärde i pixlar irespektive fält.
   • Om du vill ta bort avståndet på alla mobila enheter markerar du kryssrutan Ta bort avstånd på mobila enheter. 

Redigera sektionsdesign

För att ytterligare anpassa utformningen av ditt e-postmeddelande kan du utforma sektionerna individuellt. 

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 befintligt e-postmeddelande eller klickapå Skapa e-postmeddelande längstupptillhöger.
3. I e-postredigeraren klickar du på ettavsnitt.
4. Så här lägger du till rundade hörn: 
   • Iavsnittet Rundade hörni redigeringsfältet i sidomenyn angerduönskadhörnradieifältet Övre vänstra hörnet. 
   • Om du vill använda denna hörnradie för alla hörn markerar dukryssrutanTillämpa på allasidor. Annars anger duhörnradien ifältenÖvre vänster, Nedre vänster ochNedre höger. 

Observera: rundade hörn visas som fyrkantiga hörn i Classic Outlook för Windows.

5. Så här lägger du till en ram: 
   • Iavsnittet ”Kanter”i sidopanelen klickar du pårullgardinsmenyn ”Kantstil”och väljer enstil.
   • Ange kantlinjensbredd ipixlar.
   • För att ställa in kantlinjens färg anger du etthexadecimalt värde eller klickar påfärgväljaren ochväljer enfärg.
   • För att välja vilka sidor av avsnittet som ska ha kantlinjen klickar du påÖvre,Höger,Nedre ellerVänster. Du kan välja vilken kombination av sidor som helst.

6. För att lägga till marginaler eller inrymning anger du ettvärde i pixlar ifältenÖvre ochNedre i avsnittetMarginaler ellerInrymning. 

Använd sparade sektioner 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 ett 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. Klicka på ett avsnitt i e-postförhandsvisningen.
4. I redigeraren i sidofältet, 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,Mitt ellerNederst. Detta styr den vertikala justeringen av modulerna i avsnittet. 
7. Iavsnittet Staplingväljer duhurkolumnernaska staplas . Detta styr hur modulerna visas på mobila enheter. 
8. Iavsnittet ”Bakgrund”kan du ställa in en bakgrund för e-postmeddelandet.Stäng avreglaget”Alla enheter” för att ställa in bakgrunden separat för mobil och dator. 
9. Iavsnittet ”Avstånd”kan du lägga till avstånd upptill och nedtill i avsnittet. Stäng avknappen ”Alla enheter”för att ställa in avståndet separat för mobil och dator. 

Spara ett 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 förhandsgranskningen av e-postmeddelandet håller du muspekaren över ett avsnitt och klickar påikonen för att spara.

4. I dialogrutan anger du ettnamn på avsnittet och klickar sedan påSpara. 

Använd ett sparat 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 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.

5. I den högra panelen kan du filtrera dina sparade avsnitt medrullgardinsmenyernaVisa ochSortera.
6. Klicka pårullgardinsmenyn Åtgärderbredvid 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 sidopanelen. 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. I designhanteraren redigerar du mallen och klickar sedanpå Publicera ändringar längstupp till hö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ånd i texten i pixlar. 
5. Iavsnittet Teckensnittkan du anpassa det primära och sekundära teckensnittet för dina e-postmeddelanden: 
   • Klicka pårullgardinsmenyn Primärt typsnittoch välj etttypsnitt. 
   • Klicka pårullgardinsmenyn Primär teckenstorlekoch välj enstorlek ipixlar.
   • Ifältet Primär teckensnittsfärgställer du in 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-postens 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. Klicka påmallen för design , , i vänster sidofält.
4. Klicka på rullgardinsmenyn Åtgärder och välj Konvertera till dra och släpp.
5. I dialogrutan klickar du på ”Konvertera till dra och släpp”.