Rediger innhold og utforming av markedsførings-e-poster

Du kan bruke e-postredigeringsverktøyet med dra-og-slipp-funksjon til å lage markedsførings-e-poster ved å legge til ferdige moduler. Hvis du foretrekker å bruke kodede maler, anbefales det å bruke den klassiske redigeringsfunksjonen.

Denne artikkelen handler om hvordan du redigerer innholdet og utformingen i en markedsførings-e-post. Les mer om hvordan du oppretter og sender markedsførings-e-poster. 

Rediger e-poster i dra-og-slipp-redigeringsverktøyet

I dra-og-slipp-redigeringsverktøyet kan du lage en markedsførings-e-post ved å legge til og omorganisere forhåndsdefinerte moduler. 

Administrer moduler

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet pået e-postutkast. 
3. For å legge til en ny modul i e-posten, klikk og dra modulen fra redigeringsfeltet i sidepanelet til ønsket plassering i e-posten. 
4. Slik omorganiserer du modulene i e-posten:
   • Hold musepekeren over en modul, og klikk og dra deretter 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. Slik legger du inn mellomrom mellom modulene:
   • Klikk på Spacer-moduleni sidebarredigereren og dra den til ønsket posisjon i e-posten.
   • I sidebarredigereren kan du angi avstandsmodulens høyde, farge og innrykk. Som standard har avstandsmodulen en høyde på 30 piksler, er gjennomsiktig og har ikke noe ekstra innrykk.

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 fullstendig i sidebarredigereren. 
6. For å klone en modul, hold musepekeren over modulen og klikk deretter pådupliseringsikonet .
7. For å slette en modul, hold musepekeren over modulen og klikk deretter på sletteikonet.
8. Slik skjuler du en modul ved visning på bestemte enhetstyper:
   • Velgenhetstypen du vil skjule modulen for, øverst på siden.
   • I e-postforhåndsvisningen holder du musepekeren over elementet og klikker deretter på skjule-ikonet. Les mer om å skjule moduler. 

Rediger e-postdesign

Du kan redigere e-postens overordnede design, samt stilalternativene for de enkelte modulene. 

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet pået utkast til en e-post. 
3. I e-postredigereren klikker du på malikoneti venstre sidefelt.
4. Velg etformat fore-posten din: 
   • Standard: det formatet som gir mest mulig tilpasning. Med standardformatet kan du sette opp egne kolonner og innrykk. 
   • Innrammet: et strømlinjeformet format, der alt innholdet passer innenfor et enkelt område med ramme.
   • 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» angir du generelle retningslinjer for utformingen av e-posten:
   • Tekstfarge: Angi bakgrunnsfargen for e-postteksten. Skriv inn enheksakode eller klikk på fargevelgeren og velg en farge. 
   • Kantbredde: hvis du bruker et «Boxed»-format, angir du kantbredden i piksler.
   • Farge: Hvis du bruker et «Boxed»-format, angir du kantfargen. Skriv inn en heksadesimal kode eller klikk på fargevelgeren og velg en farge.
   • Bakgrunnstype: Angi en bakgrunn 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 dersom en e-postklient ikke viser bakgrunnsbilder. 
6. Idelen «Tekststiler»angir du stilretningslinjer for e-postteksten. Du kan angi bestemte 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 «Knapper»angir du stilretningslinjer for knappene i e-posten. Du kan angi knappens radius og farge. For knappteksten kan du angi en skrift, samt skriftfarge, størrelse og stil. 
8. Idelen «Skillelinjer»angir du stilretningslinjer for skillelinjene i e-posten. Du kan angi skillelinjens høyde og farge, samt stilen (hel, stiplet eller prikkete). 
9. I delen «Avstand» angir du stilretningslinjer for avstanden i e-posten.
   • For å bruke samme avstand på alle sider, merk av i boksen «Bruk på alle sider ».
   • For å bruke individuell avstand øverst og nederst i e-posten, skriver du inn enpikselverdi ihvert felt.
   • For å fjerne avstand på alle mobile enheter, merk av i avmerkingsboksen «Fjern avstand på mobile enheter ». 

Bruk lagrede seksjoner i dra-og-slipp-redigeringsverktøyet

Med lagrede seksjoner kan du lagre en del av en markedsførings-e-post for å gjenbruke den i andre markedsførings-e-poster. Lagrede seksjoner er kun tilgjengelige for e-poster opprettet i dra-og-slipp-redigeringsverktøyet. 

Rediger en seksjon

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet pået utkast til en e-post. 
3. I forhåndsvisningen av e-posten klikker du på en seksjon.
4. I redigeringsfeltet i sidepanelet,under «Synlighet», angir du seksjonens synlighet på ulike enheter: 
   • For å angi seksjonens synlighet, klikk på Vis eller Skjul. 

• • For å angi synlighet for mobil og stasjonær separat, slå avbryteren «Alle enheter». Klikk deretter på«Vis» eller«Skjul» iseksjonene«Stasjonær» og«Mobil». 

5. Idelen «Kolonner»klikker du på en kolonneoppsett. Dette styrer antall og størrelse på kolonnene i seksjonen. 
6. Idelen Kolonnejusteringvelger duØverst,Midt ellerNederst. Dette styrer den vertikale justeringen av modulene i seksjonen. 
7. Idelen «Stabling»velger duhvordankolonneneskal stables . Dette styrer hvordan modulene vises på mobile enheter. 
8. Idelen «Bakgrunn»kan du angi en bakgrunn for e-posten.Slå avbryteren«Alle enheter» for å angi bakgrunnen for mobil og stasjonær separat. 
9. Idelen «Avstand»kan du legge til avstand øverst og nederst i seksjonen. Slå av bryteren «Alle enheter»for å angi avstanden for mobil og datamaskin separat. 

Lagre en seksjon

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet påen e-postutkast. 
3. I forhåndsvisningen av e-posten holder du musepekeren over en seksjon og klikker på lagringsikonet saveEditableView.

4. I dialogboksen skriver du inn etnavn på seksjonen, og klikker deretter på«Lagre». 

Bruk en lagret seksjon

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet pået utkast til e-post. 
3. I e-postredigereren klikker du på fanen «Seksjoner»i redigeringsfeltet i sidepanelet. 
4. Klikk på en lagret seksjon og dra den til ønsket plassering i e-posten. 

Administrer lagrede seksjoner

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet pået utkast til e-post. 
3. I e-postredigereren klikker du på fanen «Seksjoner»i sidepanelet. 
4. Under«Lagrede seksjoner» klikker du på«Administrer».

1. I panelet til høyre kan du filtrere de lagrede seksjonene dine ved hjelp avrullegardinmenyene«Vis» og«Sorter».
2. Klikk pårullegardinmenyen «Handlinger»ved siden av en lagret seksjon, og velg ett av følgende alternativer: 
   • Legg til i favoritter: Legg denne seksjonen til i favorittseksjonene dine.
   • Skjul: fjerndenne seksjonen fra sidebarredigereren. Du vil fortsatt kunne få 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 sidefeltredigereren. 
   • Slett: Slett denne seksjonen permanent. Klikk på «Slett seksjon» i dialogboksen for å bekrefte. Denne handlingen kan ikke angres. Eventuelle eksisterende e-poster som bruker seksjonen, vil ikke bli påvirket. 

Rediger e-poster i den klassiske redigeringsmodusen

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

Rediger e-postdesign

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

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet pået utkast til en e-post. 
3. I e-postredigereren klikker du på ikonet for malutformingi venstre sidefelt.
4. Slik redigerer du e-postmalen i designmanageren:
   • I redigeringsfeltet i sidepanelet klikker du på rullegardinmenyen Handlingerog velger Rediger denne malen. 
   • I dialogboksen velger du«Rediger denne malen»for åredigere malen som brukes for de oppførte ressursene, eller«Klon og rediger ny mal» for åredigere en kopi av den gjeldende malen som kun brukes for denne e-posten. 
5. I designbehandleren redigerer du malen og klikker deretterpå «Publiser endringer»øverst til høyre. 

Rediger utforming

Du kan angi standardformatering for e-poster opprettet i den klassiske redigereren fra innstillingene for markedsførings-e-post. 

1. I HubSpot-kontoen din klikker du på innstillinger-ikonet i den øverste navigasjonslinjen.
2. I menyen i venstre sidefelt navigerer du tilMarkedsføring > E-post. 
3. Klikk påfanen Merkevarebygging (klassisk redigeringsmodus). 
4. Idelen «Størrelse»angir du en standardbredde for markedsførings-e-poster ogavstand i brødteksten i piksler. 
5. Idelen «Font»kan du tilpasse e-postens primære og sekundære skrift: 
   • Klikk pårullegardinmenyen Primær skriftog velg enskrift. 
   • Klikk pårullegardinmenyen «Primær skriftstørrelse» og velg enstørrelse ipiksler.
   • Ifeltet «Primær skriftfarge» angir du skriftfargen: 
     • Hvis du vil bruke en heksadesimal kode, skriver du inn koden i feltet.
     • For å velge en farge manuelt, klikk på fargevelgeren. I popup-vinduet klikker du og drar glidebryteren for å velge en grunnfarge, og klikker deretter på den endelige fargen over glidebryteren.
     • For å bruke en RGB-verdi, klikk på fargevelgeren og skriv deretter inn verdier i R-, G- ogB-feltene. 

5. • Gjenta for den sekundære skrifttypen. 
6. Idelen «Farge»angir 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 redigereren. Ifeltet «Kantfarge»skriver du inn en heksadesimal kode,klikker påfargevelgeren ogvelger enfarge, ellerskriver inn enRGB-verdi. 
   • Ikke legg til en ramme rundt e-postteksten: e-poster som bruker den klassiske redigereren, vil ikke ha en ramme. 

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

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

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > E-post. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > E-post.
2. Klikk pånavnet pået e-postutkast. 
3. I dialogboksen klikker du påForhåndsvis konvertert e-post for åforhåndsvise utseendet til den konverterte e-posten. 
4. Klikk på«Konverter» for å dra og slippe.