Rediger indhold og design af markedsførings-e-mails

Du kan bruge e-mail-editoren med træk-og-slip-funktion til at oprette markedsførings-e-mails ved at tilføje færdiglavede moduler. Hvis du foretrækker at bruge kodede skabeloner, anbefales det at bruge den klassiske editor.

Denne artikel beskriver, hvordan du redigerer indholdet og designet af en marketing-e-mail. Få mere at vide om, hvordan du opretter og sender marketing-e-mails. 

Rediger e-mails i drag-and-drop-editoren

I drag-and-drop-editoren kan du oprette en marketing-e-mail ved at tilføje og omarrangere foruddefinerede moduler. 

Administrer moduler

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik pånavnet påen udkast-e-mail. 
3. For at tilføje et nyt modul til e-mailen skal du klikke på modulet og trække det fra redigeringspanelet i sidepanelet til den ønskede placering i din e-mail. 
4. Sådan omarrangerer du moduler i e-mailen:
   • Hold markøren over et modul, og klik og træk derefter modulettil en anden position.
   • Du kan trække moduler til højre eller venstre for eksisterende moduler for at oprette en ny kolonne i den pågældende del af e-mailen. 
5. Sådan tilføjer du mellemrum mellem moduler:
   • Klik på modulet "Spacer" i sidebjælkeeditoren, og træk det til den ønskede position i din e-mail.
   • I sidebjælkeeditoren kan du indstille spacerens højde, farve og indrykning. Som standard har spaceren en højde på 30 px, er gennemsigtig og har ingen yderligere indrykning.

5. Sådan redigerer du indholdet i et modul: Klik på modulet i e-mail-layoutet. Nogle moduler, f.eks.tekstmoduler, kan redigeres direkte i layoutet, mens andre tilpasses fuldstændigt i sidebjælkeeditoren. 
6. For at klone et modul skal du holde markøren over modulet og derefter klikke påikonet for duplikering .
7. For at slette et modul skal du holde markøren over modulet og derefter klikke påslette- ikonet.
8. Sådan skjuler du et modul, når det vises på bestemte enhedstyper:
   • Vælg øverst denenhedstype, som du vil skjule modulet for.
   • I e-mail-forhåndsvisningen skal du holde markøren over elementet og derefter klikke på ikonet for at skjule. Få mere at vide om at skjule moduler. 

Rediger e-mail-design

Du kan redigere e-mailens overordnede design samt stilindstillingerne for de enkelte moduler. 

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik pånavnet påen udkast-e-mail. 
3. I e-mail-editoren skal du klikke på ikonet for skabelondesigni venstre sidepanel.
4. Vælg etformat tildin e-mail: 
   • Standard: det format, der giver flest tilpasningsmuligheder. Med standardformatet kan du oprette brugerdefinerede kolonner og indrykning. 
   • Indrammet: et strømlinet format, hvor alt indhold passer inden for et enkelt område med ramme.
   • Enkelt: et forenklet layout uden kolonner eller mellemrum. E-mails med almindelig tekst anbefales primært til én-til-én-kommunikation. 

5. I afsnittet Skabelon skal du angive generelle retningslinjer for e-mailens udseende:
   • Tekstfarve: Indstil baggrundsfarven for e-mailens brødtekst. Indtast enhex-kode, eller klik på farvevælgeren, og vælg en farve. 
   • Kantbredde: Hvis du bruger et Boxed-format, skal du indstille kantbredden i pixels.
   • Farve: Hvis du bruger et "Boxed" -format, skal du indstille kantfarven. Indtast en hex-kode, eller klik på farvevælgeren, og vælg en farve.
   • Baggrundstype: Vælg en baggrund som en ensfarvet farve eller et mønster.
   • Baggrundsfarve/mønster: Vælg en baggrundsfarve eller et mønster. Når du indstiller et baggrundsmønster, kan du også angive en baggrundsfarve, der skal vises, hvis en e-mail-klient ikke kan vise baggrundsbilleder. 
6. Iafsnittet Tekstformaterskal du angive retningslinjer for formatering af e-mailteksten. Du kan angive specifikke skrifttyper samt skriftstørrelser og farver for afsnit, h1- og h2-tekst. Du kan også angive en farve og stil for alle links. 
7. Iafsnittet Knapperkan du angive retningslinjer for udformningen af e-mail-knapperne. Du kan angive knappernes radius og farve. For knapteksten kan du angive en skrifttype samt skriftfarve, -størrelse og -stil. 
8. Iafsnittet"Skilletegn"kan du angive retningslinjer for udseendet af skilletegnene i e-mailen. Du kan angive skilletegnets højde og farve samt dets stil (solid, stiplet eller prikket). 
9. I afsnittet "Afstand" kan du angive retningslinjer for afstanden mellem elementerne i e-mailen.
   • For at anvende den samme afstand på alle sider skal du markere afkrydsningsfeltet " Anvend på alle sider ".
   • For at anvende individuel afstand øverst og nederst i e-mailen skal du indtaste enpixelværdi ihvert felt.
   • For at fjerne afstanden på alle mobile enheder skal du markere afkrydsningsfeltet Fjern afstand på mobile enheder. 

Brug gemte sektioner i drag-and-drop-e-mail-editoren

Med gemte sektioner kan du gemme en del af en marketing-e-mail for at genbruge den i andre marketing-e-mails. Gemte sektioner er kun tilgængelige for e-mails, der er oprettet i drag-and-drop-editoren. 

Rediger en sektion

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik pånavnet påen udkast-e-mail. 
3. Klik på et afsnit i e-mail-forhåndsvisningen.
4. I redigeringspanelet i sidepanelet skal duunder Synlighed indstille sektionens synlighed på forskellige enheder: 
   • Klik på Vis eller Skjul for at indstille sektionens synlighed. 

• • For at indstille synlighed på mobil og desktop separat skal duslå kontakten "Alle enheder" fra. Klik derefter på"Vis" eller"Skjul" iafsnittene"Desktop" og"Mobil". 

5. Iafsnittet"Kolonner" skal du klikke på en kolonneinddeling. Dette styrer antallet og størrelsen af afsnittets kolonner. 
6. Iafsnittet "Kolonnejustering"skal du vælge "Øverst", "I midten" eller "Nederst". Dette styrer den lodrette justering af modulerne i afsnittet. 
7. Iafsnittet"Stacking"skal du vælge,hvordankolonnerneskal stables . Dette bestemmer, hvordan modulerne vises på mobile enheder. 
8. Iafsnittet"Baggrund"kan du indstille en baggrund for e-mailen. Slåkontakten "Alle enheder" frafor at indstille baggrunden for mobil og desktop separat. 
9. Iafsnittet Afstandkan du tilføje top- og bundmargener til afsnittet. Slå kontakten Alle enheder frafor at indstille margenerne for mobil og desktop separat. 

Gem et afsnit

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klikpå navnet påen udkast-e-mail. 
3. I e-mail-forhåndsvisningen skal du holde markøren over et afsnit og klikke på ikonet" saveEditableView " (gem).

4. Indtast etnavn til sektionen i dialogboksen, og klik derefter påGem. 

Brug en gemt sektion

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik pånavnet påen udkast-e-mail. 
3. I e-mail-editoren skal du klikke på fanen Afsniti sidepanelet. 
4. Klik på et gemt afsnit, og træk det på plads i e-mailen. 

Administrer gemte sektioner

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik pånavnet påen udkast-e-mail. 
3. I e-mail-editoren skal du klikke på fanen "Sektioner" i sidepanelet. 
4. Klik påAdministrer underGemte sektioner.

1. I panelet til højre kan du filtrere dine gemte afsnit ved hjælp afrullemenuerne"Vis" og"Sorter".
2. Klik pårullemenuen »Handlinger«ved siden af et gemt afsnit, og vælg en af følgende muligheder: 
   • Føj til favoritter: Føj dette afsnit til dine favoritafsnit.
   • Skjul: Fjerndette afsnit fra sidebjælkeeditoren. Du vil stadig kunne få adgang til det, når du administrerer afsnit, hvis du filtrerer efter skjulte afsnit. 
   • Vis: Hvis du har skjult dette afsnit, kan du gendanne det i sidebjælkeeditoren. 
   • Slet: Slet dette afsnit permanent. Klik på "Slet afsnit " i dialogboksen for at bekræfte. Denne handling kan ikke fortrydes. Eventuelle eksisterende e-mails, der bruger afsnittet, påvirkes ikke. 

Rediger e-mails i den klassiske editor

I den klassiske editor kan du oprette e-mails ved hjælp af skabeloner, der er oprettet i designmanageren. 

Rediger e-mail-design

For at foretage designændringer i en e-mail ved hjælp af en skabelon, der er oprettet i designmanageren, kan du redigere skabelonen i designmanageren

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klik pånavnet påen udkast-e-mail. 
3. I e-mail-editoren skal du klikke på ikonet for skabelondesigni venstre sidepanel.
4. Sådan redigerer du e-mailskabelonen i designmanageren:
   • Klik på rullemenuen Handlingeri sidepanelet, og vælg Rediger denne skabelon. 
   • I dialogboksen skal du vælgeRediger denne skabelon for atredigere den skabelon, der bruges til de viste aktiver, ellerKlon og rediger ny skabelon for atredigere en kopi af den aktuelle skabelon, der kun bruges til denne e-mail. 
5. I designmanageren skal du redigere skabelonen og derefter klikkepå "Udgiv ændringer" øversttilhøjre. 

Rediger styling

Du kan indstille standardformatering for e-mails, der er oprettet i den klassiske editor, fra dine indstillinger for marketing-e-mails. 

1. På din HubSpot-konto skal du klikke på indstillingsikonet på den øverste navigationslinje.
2. Gå tilMarketing > E-mail i menuen i venstre sidepanel. 
3. Klik påfanen Branding (klassisk editor). 
4. Iafsnittet"Størrelse" skal du indtaste en standardbredde for marketing-e-mails ogafstanden mellem tekst og kant i pixels. 
5. Iafsnittet Skrifttypekan du tilpasse den primære og sekundære skrifttype i dine e-mails: 
   • Klik pårullemenuen Primær skrifttype, og vælg enskrifttype. 
   • Klik pårullemenuen Primær skriftstørrelse, og vælg enstørrelse ipixels.
   • Ifeltet Primær skriftfarveskal du indstille skriftens farve: 
     • Hvis du vil bruge en hexadecimal kode, skal du indtaste koden i feltet.
     • Hvis du vil vælge en farve manuelt, skal du klikke på farvevælgeren. I pop op-vinduet skal du klikke og trække skyderen for at vælge en grundfarve og derefter klikke på den endelige farve over skyderen.
     • Hvis du vil bruge en RGB-værdi, skal du klikke på farvevælgeren og derefter indtaste værdier ifelterne R, G og B. 

5. • Gentag for den sekundære skrifttype. 
6. Iafsnittet Farveskal du indstille farverne for primære og sekundære accenter, brødtekst og baggrund.
7. Klik på rullemenuen "Indstillinger for kantfarve " og vælg enindstilling: 
   • Indstil kantfarve automatisk: E-mailens kantfarve indstilles ud fra skabelonen. 
   • Indstil e-mailens kantfarve manuelt: Indstil en kantfarve, der skal anvendes på alle e-mails, der oprettes med den klassiske editor. Ifeltet"Kantfarve" skal du indtaste en hexadecimal kode ellerklikke påfarvevælgeren ogvælge enfarve ellerindtaste enRGB-værdi. 
   • Tilføj ikke en ramme omkring e-mailens brødtekst: E-mails, der bruger den klassiske editor, vil ikke have en ramme. 

Konverter e-mails til at bruge træk-og-slip-skabeloner

Hvis din e-mail bruger en skabelon, der er oprettet i layouteditoren, eller en standardkodet skabelon i stedet for en brugerdefineret kodet skabelon, kan du konvertere e-mailen til at bruge træk-og-slip-editoren i stedet. 

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > E-mail. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > E-mail.
2. Klikpå navnet påen udkast-e-mail. 
3. Klik på "Vis eksempel på konverteret e-mail" i dialogboksenfor atse, hvordan den konverterede e-mail kommer til at se ud. 
4. Klik på "Konverter" for at trække og slippe.