Redigere innhold og design i markedsførings-e-poster

Du kan bruke dra-og-slipp-e-postredigereren til å lage markedsførings-e-poster ved å legge til forhåndsbygde moduler. Hvis du foretrekker å bruke kodede maler, anbefales det å bruke den klassiske redigereren.

Denne artikkelen omhandler redigering av innholdet og utformingen av en markedsførings-e-post. Lær mer om hvordan du oppretter og sender markedsførings-e-poster. 

Rediger e-poster i dra-og-slipp-e-postredigereren

I dra-og-slipp-redigeringsprogrammet kan du opprette en markedsførings-e-post ved å legge til og omorganisere forhåndsbygde moduler. 

Administrer moduler

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. For å legge til en ny modul i e-posten, klikk og dra modulen fra sidebarredigereren til ønsket posisjon i e-posten. 
4. For å omorganisere moduler i e-posten:
   • Hold musepekeren over en modul, og klikk og dra modulentil en annen posisjon.
   • Du kan dra moduler til høyre eller venstre for eksisterende moduler for å opprette en ny kolonne i den delen av e-posten. 

5. For å redigere innholdet i en modul, klikk på modulen i e-postoppsettet. Noen moduler, for eksempeltekstmoduler, kan redigeres direkte i oppsettet, mens andre tilpasses helt i sidebarredigereren. 
6. For å klone en modul, hold musepekeren over modulen, og klikk deretter pådupliser-ikonet .
7. For å slette en modul, hold musepekeren over modulen og klikk deretter på sletteikonet.
8. For å skjule en modul når du viser den på bestemte enhetstyper:
   • Velg øverstenhetstypen du vil skjule modulen for.
   • I e-postforhåndsvisningen holder du musepekeren over elementet og klikker deretter på skjuleikonet. Lær mer om å skjule moduler. 

Rediger e-postdesign

Du kan redigere e-postens generelle design, samt stilalternativene for individuelle moduler. 

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. I e-postredigereren klikker du på ikonet for malutformingi venstre sidefelt.
4. Velg etformat fore-posten din: 
   • Standard: det mest tilpassbare formatet. Med standardformatet kan du konfigurere tilpassede kolonner og avstand. 
   • Boks: et strømlinjeformet format, hvor alt innholdet passer innenfor et enkelt avgrenset område.
   • Enkelt: et forenklet oppsett uten kolonner eller avstand. E-poster med ren tekst anbefales først og fremst for én-til-én-kommunikasjon. 

5. I delen Mal kan du angi generelle stilretningslinjer for e-posten:
   • Tekstfarge: angi bakgrunnsfargen for e-postteksten. Skriv inn enheksakode eller klikk på fargevelgeren og velg en farge. 
   • Kantbredde: hvis du bruker et innrammet format, angir du kantbredden i piksler.
   • Farge: Hvis du bruker et innrammet format, angir du kantfargen. Skriv inn en heksakode eller klikk på fargevelgeren og velg en farge.
   • Bakgrunnstype: angi bakgrunnen som en ensfarget farge eller et mønster.
   • Bakgrunnsfarge/mønster: velg en bakgrunnsfarge eller et mønster. Når du angir et bakgrunnsmønster, kan du også angi en bakgrunnsfarge som skal vises hvis en e-postklient ikke viser bakgrunnsbilder. 
6. Idelen Tekststilerangir du stilretningslinjer for e-postteksten. Du kan angi spesifikke skrifttyper, samt skriftstørrelser og farger, for avsnitt, h1- og h2-tekst. Du kan også angi en farge og stil for alle lenker. 
7. Idelen Knapperkan du angi stilretningslinjer for e-postknappene. Du kan angi knappens radius og farge. For knappeteksten kan du angi en skrift, samt skriftfarge, størrelse og stil. 
8. Idelen Skilleveggerangir du stilretningslinjer for e-postskilleveggene. Du kan angi høyden og fargen på skilleveggen, samt stilen (hel, stiplet eller prikkete). 
9. I delen Avstandkan du angi stilretningslinjer for e-postavstanden.
   • For å bruke samme avstand på alle sider, merker du av for Bruk på alle sider.
   • Hvis du vil bruke individuell avstand øverst og nederst i e-posten, angir du enpikselverdi ihvert felt.
   • For å fjerne avstand på alle mobile enheter, merk av for Fjern avstand på mobile enheter. 

Bruk lagrede seksjoner i dra-og-slipp-e-postredigereren

Med lagrede seksjoner kan du lagre en seksjon av en markedsførings-e-post for å gjenbruke den i andre markedsførings-e-poster. Lagrede seksjoner er bare tilgjengelige for e-poster som er opprettet i dra-og-slipp-redigeringsprogrammet. 

Rediger en seksjon

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. Klikk på en seksjon i e-postforhåndsvisningen.
4. I sidebar-redigeringsprogrammet,under Synlighet, angir du seksjonens synlighet på forskjellige enheter: 
   • For å angi seksjonens synlighet, klikk på Vis eller Skjul. 

• • For å angi synlighet for mobil og stasjonær separat,slå av bryteren Alle enheter. Klikk deretter påVis ellerSkjul iseksjoneneStasjonær ogMobil. 

5. Idelen Kolonnerklikker du på en kolonneoppsett. Dette styrer antall og størrelse på seksjonens kolonner. 
6. Idelen Kolonnejusteringvelger duØverst,Midt ellerNederst. Dette styrer den vertikale justeringen av modulene i seksjonen. 
7. Idelen Stablingvelger dustablingsatferden tilkolonnene. Dette styrer hvordan modulene vises på mobile enheter. 
8. Idelen Bakgrunnkan du angi en bakgrunn for e-posten.Slå avbryterenAlle enheterfor å angi bakgrunnen for mobil og stasjonær separat. 
9. Idelen Avstandkan du legge til avstand øverst og nederst i seksjonen. Slå av bryteren Alle enheterfor å angi avstanden separat for mobil og stasjonær. 

Lagre en seksjon

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. I e-postforhåndsvisningen holder du musepekeren over en seksjon og klikker på ikonet lagreEditableView lagre.

4. I dialogboksen skriver du inn etnavn for seksjonen og klikker deretter påLagre. 

Bruk en lagret seksjon

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. I e-postredigereren klikker du på fanen Seksjoneri sidebarredigereren. 
4. Klikk på en lagret seksjon og dra den til ønsket plassering i e-posten. 

Administrer lagrede seksjoner

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. I e-postredigereren klikker du på fanen Seksjoneri sidebarredigereren. 
4. UnderLagrede seksjoner klikker du påAdministrer.

1. I høyre panel kan du filtrere de lagrede seksjonene dine medrullegardinmenyeneVis ogSorter.
2. Klikk pårullegardinmenyen Handlingerved siden av en lagret seksjon og velg blant følgende: 
   • Legg til i favoritter: Legg denne seksjonen til favorittseksjonene dine.
   • Skjul: fjerndenne seksjonen fra sidebar-redigeringsprogrammet. Du vil fortsatt ha tilgang til den når du administrerer seksjoner hvis du filtrerer etter skjulte seksjoner. 
   • Vis: Hvis du har skjult denne seksjonen, kan du gjenopprette den i sidebarredigereren. 
   • Slett: Slett denne seksjonen permanent. Klikk på Slett seksjon i dialogboksen for å bekrefte. Denne handlingen kan ikke angres. Eksisterende e-poster som bruker seksjonen, vil ikke bli påvirket. 

Rediger e-poster i den klassiske redigeringsmodulen

I den klassiske redigeringsmodusen kan du opprette e-poster ved hjelp av maler som er opprettet i designbehandleren. 

Rediger e-postdesign

For å gjøre designendringer i en e-post ved hjelp av en mal opprettet i designbehandleren, kan du redigere malen i designbehandleren

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. I e-postredigereren klikker du på malutformingsikoneti venstre sidefelt.
4. Slik redigerer du e-postmalen i designbehandleren:
   • I sidebar-redigeringsprogrammet klikker du på rullegardinmenyen Handlingerog velger Rediger denne malen. 
   • I dialogboksen velger duRediger denne malen for åredigere malen som brukes for de oppførte ressursene, ellerKlone og rediger ny mal for åredigere en kopi av den gjeldende malen som bare brukes for denne e-posten. 
5. I designbehandleren redigerer du malen og klikker deretterpå Publiser endringerøverst til høyre. 

Rediger stil

Du kan angi standard stil for e-poster som er opprettet i den klassiske redigeringsmodusen fra innstillingene for markedsførings-e-post. 

1. I HubSpot-kontoen din klikker du på settings innstillinger-ikonet i den øverste navigasjonslinjen.
2. I menyen i venstre sidefelt navigerer du tilMarkedsføring > E-post. 
3. Klikk påfanen Merkevarebygging (klassisk redigeringsprogram). 
4. Idelen Størrelseangir du standardbredde oginnrykk for markedsførings-e-posti piksler. 
5. Idelen Fontkan du tilpasse primær- og sekundærfont for e-postene dine: 
   • Klikk pårullegardinmenyen Primær skriftog velg enskrift. 
   • Klikk pårullegardinmenyen Primær skriftstørrelseog velg enstørrelse ipiksler.
   • Ifeltet Primær skriftfargeangir du skriftens farge: 
     • Hvis du vil bruke en heksadesimal kode, angir du koden i feltet.
     • For å velge en farge manuelt, klikker du på fargevelgeren. I popup-boksen klikker du og drar glidebryteren for å velge en grunnfarge, og klikker deretter på den endelige fargen over glidebryteren.
     • Hvis du vil bruke en RGB-verdi, klikker du på fargevelgeren og skriver inn verdiene ifeltene R, G og B. 

5. • Gjenta for den sekundære skrifttypen. 
6. Idelen Fargeangir du fargene for primære og sekundære aksenter, brødtekst og bakgrunn.
7. Klikk på rullegardinmenyen forkantfargealternativer og velg etalternativ: 
   • Angi kantfarge automatisk: E-postens kantfarge vil bli angitt basert på malen. 
   • Angi e-postens kantfarge manuelt: angi en kantfarge som skal brukes på alle e-poster ved hjelp av den klassiske redigeringsfunksjonen. Ifeltet Kantfargeangir du en heksadesimal kode ellerklikker påfargevelgeren ogvelger enfarge ellerangir enRGB-verdi. 
   • Ikke legg til en kant rundt e-postens brødtekst: e-poster som bruker den klassiske redigeringsfunksjonen, vil ikke ha en kant. 

Konverter e-poster til å bruke dra-og-slipp-maler

Hvis e-posten din bruker en mal opprettet i layoutredigereren eller en standard kodet mal, i stedet for en tilpasset kodet mal, kan du konvertere e-posten til å bruke dra-og-slipp-redigereren i stedet. 

1. Gå til Markedsføring > E-post i HubSpot-kontoen din.
2. Klikk pånavnet påen utkast til e-post. 
3. I dialogboksen klikker du påForhåndsvis konvertert e-post for åforhåndsvise utseendet til den konverterte e-posten. 
4. Klikk påKonverter til dra og slipp.