Indstillinger for Stripos træk-og-slip-e-mail-editor

Published: 22. oktober 2024 · Last updated: 21. juli 2026 · By Marcus Biel

I højre side af Maildroppas e-mail-editor finder du kolonnen E-mailindstillinger, som indeholder værktøjer, der hjælper dig med at strukturere og tilpasse indholdet og udseendet af din e-mail. Kolonnen er opdelt i to faner: Indhold og Udseende.

Fanen Indhold

På fanen Indhold designer og organiserer du indholdet i din e-mail. Den indeholder to hovedsektioner: Strukturer og Blokke.

1. Strukturer

Strukturer definerer layoutet i din e-mail ved at arrangere indhold i rækker og kolonner. Du kan vælge mellem forskellige foruddesignede layouts, f.eks.:

• Enkelt kolonne
• To kolonner
• Flere kolonner

Du er ikke begrænset til disse muligheder – du kan kombinere flere blokke for at skabe et tilpasset layout efter eget valg, hvilket giver dig fuld fleksibilitet til at opfylde dine designbehov.

• Træk og slip: Træk blot en struktur fra denne sektion, og slip den i dit e-maildesignområde for at begynde at tilføje indhold.
• Tilpasning: Når en struktur er tilføjet, kan du udfylde den med forskellige indholdsblokke som billeder, tekst eller knapper.

2. Blokke

Blokke er de indholdselementer, du placerer i strukturerne for at opbygge din e-mail.

De tilgængelige bloktyper er:

• Billede: Upload billeder (PNG, JPG, GIF), og tilpas deres udseende.
• Tekst: Tilføj og formatér tekst for at formidle dit budskab.
• Knap: Tilføj klikbare knapper med tekst, links og typografi, der kan tilpasses.
• Mellemrum: Indsæt tom plads for at justere layoutet mellem andre blokke.
• Video: Integrer videoindhold fra platforme som YouTube, Vimeo og flere.
• HTML: Tilføj brugerdefineret HTML- og CSS-kode for avanceret tilpasning af e-mailindhold.

Hver blok er designet til at være fleksibel og tilpasningsvenlig, så du kan oprette en e-mail, der passer til dit brands udtryk og stil.

Detaljeret forklaring af indholdsblokke

Billedblok

Billedblokken i Stripos træk-og-slip-e-mail-editor giver dig mulighed for at tilføje og tilpasse billeder i din e-mailkampagne.

Tilføjelse af en billedblok

Du kan tilføje en billedblok til din e-mail på to måder:

Mulighed 1

Hold markøren over området "Slip indhold her" i en struktur, og klik derefter på billedikonet. Den valgte struktur bliver straks omdannet til en billedblok.

Mulighed 2

Gå til sektionen Blokke under fanen Indhold. Træk billedblokken ind i den ønskede struktur i dit e-maillayout. Denne metode giver dig større kontrol over, præcis hvor billedet placeres.

Upload af et billede

Når du har tilføjet billedblokken, har du to metoder til at uploade et billede:

Træk og slip

Du kan trække og slippe en billedfil (PNG, JPG, GIF) direkte fra din computer ind i det uploadfelt, der vises i billedblokken.

Upload fra computer

Alternativt kan du klikke på skyikonet i billedblokken for at åbne din filbrowser, så du kan vælge et billede fra din computer (op til 2 MB). Når billedet er valgt, vises det både i blokken og på fanen Indhold til højre.

Udskiftning af billedet

Hvis du vil erstatte billedet, skal du bruge indstillingen Skift billede på fanen Indhold. Klik på det cirkulære ikon Skift billede, så du kan uploade et nyt billede eller indsætte et billede fra en ekstern URL.

Redigering af billedet

Når du har uploadet et billede, vil du måske foretage yderligere redigeringer direkte i platformen. Stripos indbyggede billededitor giver dig mulighed for at forbedre og justere dine billeder uden at forlade e-mail-editoren.

Åbning af billededitoren

1. Når et billede er uploadet, skal du klikke på knappen Rediger billede. Det åbner billededitorens brugerflade.
2. Editorens værktøjer vises i den øverste menulinje.

Tilgængelige billedredigeringsværktøjer

• Filtre Anvend forskellige filtre med ét klik, f.eks.:

  • Gråtoner
  • Sort-hvid
  • Gør skarpere
  • Inverter
  • Sepia
  • Lysstyrke
  • Farve

• Tilpas størrelse Juster billedets dimensioner. Du kan:

  • Angive en bestemt bredde og højde.
  • Bevare størrelsesforholdet.

• Beskær Vælg den del af billedet, du vil beholde, og fjern uønskede dele.

• Transformér Rotér eller spejlvend billedet:

  • Vandret
  • Lodret

• Tegn Brug tegneværktøjet til at tilføje frihåndselementer, f.eks. linjer eller brugerdefinerede former, oven på billedet.

• Tekst Tilføj tekst direkte på billedet. Tilpas:

  • Skrifttype
  • Størrelse
  • Farve
  • Justering

• Former og stickers Giv billedet ekstra udtryk ved at lægge følgende oven på det:

  • Foruddefinerede former
  • Sjove stickers

• Rammer Vælg mellem forskellige rammer for at give billedet en stilfuld kant.

• Hjørner Juster hjørnernes stil for et gennemført udseende.

• Baggrund Fjern eller udskift billedets baggrund for et renere udseende.

Gem redigeringerne

Når du har foretaget de ønskede ændringer, skal du klikke på knappen Gem øverst til venstre i editoren. Det redigerede billede erstatter automatisk originalen i dit e-maillayout.

Billedindstillinger

Når du har uploadet billedet, kan du tilpasse det ved hjælp af billedindstillingerne på fanen Indhold i højre side.

Link

Tilføj et link til billedet. Du kan vælge mellem forskellige linktyper, f.eks.:

• Websted (HTTP, HTTPS)
• Mail (mailto:)
• Fil (ftp)
• Social deling (Facebook, X (tidligere Twitter), LinkedIn, Pinterest)

Du finder disse muligheder i rullemenuen for linkindstillinger.

Alternativ tekst

Tilføj alternativ tekst, som vises, hvis billedet ikke indlæses. Teksten er også nyttig af hensyn til tilgængelighed, da skærmlæsere kan beskrive billedet for modtagere med synshandicap.

Justering

Vælg, hvordan billedet skal justeres i sin beholder. Du kan justere det til Venstre, Centreret eller Højre.

Størrelse

Juster billedets bredde og højde manuelt ved hjælp af plus-/minusknapperne eller ved at indtaste de ønskede dimensioner.

Du kan også aktivere indstillingen "Tilpas til bredde" for automatisk at få billedet til at passe i hele beholderens bredde.

Responsivt billede

Aktivér indstillingen "Responsivt billede" for at sikre, at billedet tilpasses forskellige skærmstørrelser, især på mobilenheder.

Indvendig margen

Tilpas den indvendige margen omkring billedet for at styre, hvor meget plads der er mellem billedet og det omgivende indhold. Du kan anvende samme margen på alle sider eller tilpasse den for hver side (Top, Bund, Venstre, Højre).

Ankerlinks

Du kan knytte et ankerlink til billedet, så modtagerne kan springe til en bestemt sektion i den samme e-mail, når de klikker på billedet. Bemærk dog, at ankerlinks muligvis ikke fungerer i visse e-mailklienter som Gmail og Apple Mail.

Tekstblok

Forbedr dine tekstblokke ved at tilpasse deres udseende og funktionalitet med følgende indstillinger. Hver mulighed giver dig mulighed for at finjustere, hvordan teksten vises, så den passer perfekt til dine designpræferencer.

Tekstværktøjslinje

Når du klikker i en tekstblok, vises tekstværktøjslinjen over indholdsområdet og giver hurtig adgang til mange almindelige tekstformateringsmuligheder. Værktøjslinjen indeholder følgende funktioner:

1. Afsnitsformat

Angiv afsnitsstilen ved at vælge mellem muligheder som Normal til almindelig tekst eller forskellige overskriftsniveauer (Overskrift 1 til Overskrift 6) for at skabe et struktureret hierarki i din e-mail. Det gør indholdet mere læsbart og overskueligt.

2. Skrifttype

Standardskrifttypen er Arial, men du kan vælge mellem forskellige skrifttyper, herunder almindelige muligheder som Georgia, Helvetica og Courier New. Der er også en søgefunktion, så du hurtigt kan finde en bestemt skrifttype.

3. Skriftstørrelse

Juster skriftstørrelsen fra 8pt til 72pt. Standardstørrelsen er 14pt, hvilket fungerer godt til de fleste e-mailbrødtekster. Brug rullemenuen til hurtigt at vælge den ønskede skriftstørrelse.

4. Teksttypografi

Formater teksten med følgende muligheder:

• Fed (B): Fremhæver tekst ved at gøre den fed.
• Kursiv (I): Gør teksten kursiv for et mere stiliseret udseende.
• Understregning (U): Understreger tekst, hvilket ofte bruges til hyperlinks.
• Gennemstregning (S): Trækker en linje gennem teksten, hvilket er nyttigt ved redigeringer eller fjernet indhold.

5. Avanceret teksttypografi (menuen med tre prikker)

Klik på de tre prikker i værktøjslinjen for at få vist flere muligheder:

• Sænket skrift: Placerer tekst under grundlinjen (nyttigt til fodnoter eller kemiske formler).
• Hævet skrift: Placerer tekst over grundlinjen (bruges ofte til eksponenter eller ordenstal).
• Fjern formatering: Fjerner anvendt formatering og fører teksten tilbage til standardstilen.

6. Tekst- og baggrundsfarve

• Tekstfarve: Klik på knappen Tekstfarve for at vælge fra en palet eller indtaste en hex-kode for præcis kontrol over tekstfarven.
• Baggrundsfarve: Vælg en baggrundsfarve (fremhævningsfarve) til teksten.

7. Tekstjustering

Juster teksten i blokken:

• Venstrejusteret: Justerer teksten til venstre.
• Centreret: Centrerer teksten.
• Højrejusteret: Justerer teksten til højre.
• Justificeret: Fordeler teksten jævnt over blokkens bredde.

8. Lister

Opret nummererede og punktopstillede lister:

• Indsæt/fjern punktopstillet liste: Tilføjer eller fjerner punkttegn.
• Indsæt/fjern nummereret liste: Tilføjer eller fjerner en nummereret liste.

9. Linjeombrydning

Aktivér eller deaktiver linjeombrydning i tekstblokken. Når funktionen er aktiveret, flyttes lange tekstlinjer automatisk til næste linje.

10. Indrykning

Juster tekstens indrykning:
- **Forøg indrykning**: Flytter teksten længere væk fra margen, hvilket er nyttigt til underpunkter eller citater.
- **Formindsk indrykning**: Reducerer indrykningen og flytter teksten tættere på venstre margen.
![Tekstindrykning](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Indsæt hyperlink

Lær, hvordan du tilføjer, redigerer og administrerer hyperlinks i dit e-mailindhold.

Trin til at tilføje eller redigere et link

a) Fremhæv teksten

Markér den tekst, du vil omdanne til et hyperlink.

b) Klik på linkikonet

Klik på linkikonet i tekstværktøjslinjen.

c) Rediger linket i indstillingspanelet

Indstillingspanelet i højre side vises med linkindstillinger:

• Linkfelt: Indtast URL'en, eller vælg mellem foruddefinerede muligheder.
• Tag: Tilføj tags for at mærke abonnenter eller udløse automatiseringer.

Rettelse af links efter afsendelse

Der er ikke noget værre end at sende en ny kampagne til dine 2.365 abonnenter og først derefter opdage, at et af linkene er ødelagt på grund af en simpel tastefejl. Farvel til Black Friday-udsalget!

Heldigvis har vi gjort det muligt at rette ødelagte links – selv efter at e-mailen allerede er sendt til dine abonnenter.

a) Se kampagne

Find den afsendte kampagne i oversigten, klik på de tre prikker, og vælg Se kampagne.

b) Rediger links eller tags

Rul til linklisten i kampagnedetaljerne for at:

• Opdatere linkmål: Ret forkerte URL'er.
• Administrere tags: Tilføj eller fjern tags til automatiseringer.

Bemærk: Sørg for, at kliksporing er aktiveret i kampagneindstillingerne for at bruge funktionen til ændring af linkmål.

Tilpasning af linkets udseende

I indstillingspanelet i højre side kan du justere linkets udseende:

• Linkfarve: Vælg en farve, eller indtast en hex-kode.

• Understreg links: Aktivér eller deaktiver understregninger for et renere udseende.

12. Personaliserings-tags

Brug personaliserings-tags til at tilføje dynamisk indhold, f.eks. modtagerens fornavn eller andre brugerdefinerede felter.

• Åbn rullemenuen Personaliserings-tags i værktøjslinjen for at vælge almindelige felter som Fornavn, E-mail eller Land, eller definér brugerdefinerede felter for at tilpasse e-mails til hver modtager.

13. Emojis

Giv teksten mere visuelt udtryk ved at inkludere emojis.

• Klik på emojiikonet i værktøjslinjen for at åbne en kategoriseret liste over emojis, som er nem at gennemse.
• Bemærkning om kompatibilitet: Test e-mails i bestemte klienter som Outlook, da nogle muligvis ikke viser emojis korrekt.

14. Tabel og specialtegn

Klik på de tre prikker i slutningen af værktøjslinjen for at få vist flere avancerede muligheder.

Indsættelse af tabel

Opret og tilpas tabeller for at forbedre dit e-maillayout.

• Angiv rækker, kolonner, celleafstand, indvendig margen og kantstørrelse efter behov.

Indsæt specialtegn

Gør teksten bedre med symboler, bogstaver med accenttegn og andre ikke-standardtegn.

• Åbn indstillingen Specialtegn for at gennemse et stort udvalg af tegn.

Yderligere indstillinger for tekstblokke (højre panel)

Panelet til højre giver omfattende kontrol over tekstblokkenes udseende og funktionalitet. Herunder finder du de tilgængelige indstillinger:

1. Tekstfarve

Definér tekstens farve ved hjælp af farvevælgeren eller ved at indtaste en hex-kode.

2. Baggrundsfarve

Angiv en brugerdefineret baggrundsfarve til tekstblokken. Som standard er baggrunden gennemsigtig.

3. Linkspecifikke indstillinger

Når tekstblokken indeholder links, vises yderligere muligheder i indstillingerne:

• Linkfarve: Juster linkfarven ved hjælp af farvevælgeren eller en hex-kode.

• Understreg links: Slå understregningen til eller fra for links i tekstblokken.

• Redigering af links: Vælg et link i indholdsområdet for at redigere dets URL i indstillingspanelet. Du kan også tildele eller opdatere tags for linket ved hjælp af rullemenuen med navnet "Tags".

4. Justering

Juster tekstblokken i dens beholder: Venstre, Centreret eller Højre.

5. Fast højde

Angiv en fast højde for tekstblokken ved at aktivere denne indstilling. Du kan også styre den lodrette tekstjustering: Top, Midte eller Bund.

6. Linjeafstand

Styr afstanden mellem tekstlinjer. Vælg mellem Tæt, Normal eller Bred.

7. Indvendig margen

Juster pladsen omkring tekstblokken. Anvend samme margen på alle sider, eller tilpas hver side: Top, Bund, Venstre og Højre.

8. Ankerlinks

Opret ankerlinks, så læserne kan springe til bestemte sektioner i din e-mail. Bemærk, at nogle e-mailklienter ikke understøtter ankerlinks.

Knapblok

Knapblokken giver dig mulighed for at tilføje en klikbar knap til din e-mail med indstillinger, der kan tilpasses funktionalitet og udseende.

Linkindstillinger

Indstillingen Link bestemmer den handling, der udløses, når en modtager klikker på knappen.

Tilgængelige linktyper

• Normalt webstedslink (HTTP eller HTTPS): Sender brugeren til en webside.
• Maillink: Åbner brugerens e-mailklient, så en ny e-mail kan skrives.
• Fillink (FTP, FTPS): Linker til en fil på en FTP-server.
• Skype: Starter et Skype-opkald eller en chat.
• Telefon (tel): Starter et telefonopkald på kompatible enheder.
• SMS: Åbner beskedappen med et forudfyldt modtagertelefonnummer.
• Viber: Åbner Viber-appen til beskeder eller opkald.
• En anden protokoltype: Angiv en brugerdefineret protokol, der ikke er nævnt ovenfor.

Muligheder for social deling

Du kan også indstille knappen til social deling eller e-maildeling:

• Facebook
• X (tidligere Twitter)
• LinkedIn
• Pinterest
• E-maildeling

URL-felt

Ved siden af linktypen giver URL-feltet (som typisk begynder med https://) dig mulighed for at indtaste den specifikke adresse, der svarer til linktypen.

Knapetiket

Tilpas knappens etiket, så den afspejler din opfordring til handling. Standardetiketten er "Knap", men du kan ændre den til f.eks. "Læs mere", "Abonnér nu" eller "Shop nu".

Teksttypografi

Indstillingerne for teksttypografi giver dig mulighed for at justere knappens tekst.

Valg af skrifttype

Vælg mellem en række standardskrifttyper, herunder:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

For ikke-standardiserede skrifttyper omfatter de ekstra muligheder:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

Øverst på skrifttypelisten hjælper et søgefelt dig med hurtigt at finde en bestemt skrifttype.

Skriftstørrelse og formatering

• Skriftstørrelse: Vælg mellem 8 og 72, afhængigt af hvor fremtrædende knappens tekst skal være.
• Tekstformatering: Anvend Fed eller Kursiv ved hjælp af ikonerne "B" eller "I" for at fremhæve knappens tekst.

Farveindstillinger

Tilpas knappens udseende ved at justere farveindstillingerne.

1. Knapfarve: Skift knappens baggrundsfarve. Standardfarven er grøn (#31cb4b). Brug feltet til hex-koden eller farvevælgeren til at vælge en ny farve.

2. Tekstfarve: Angiv knappens tekstfarve. Standardfarven er hvid (#ffffff). Vælg en farve, der står i god kontrast til knappens baggrund, så teksten er let at læse.

3. Baggrundsfarve: Juster baggrunden for knappens beholder. Som standard er den gennemsigtig, men du kan ændre den, så knappen træder tydeligere frem mod e-mailens baggrund.

Kantafrunding

Styr, hvor afrundede knappens hjørner skal være, ved hjælp af indstillingen Kantafrunding.

• Standardværdi: 30 (moderat afrundede hjørner).
• Interval: 0 (firkantede hjørner) til 100 (pilleformet knap).

Bemærk: For at sikre, at afrundede hjørner vises korrekt i Microsoft Outlook, skal du aktivere indstillingen "Understøttelse af Outlook" på fanen Udseende.

Justering

Placér knappen i dens indholdsområde ved hjælp af indstillingen Justering.

• Muligheder: Venstre, Centreret, Højre.
• Almindelig brug: Centreret justering for at fremhæve knappen; venstre- eller højrejustering for at sikre et ensartet design.

Fast højde

Aktivér indstillingen Fast højde for at bevare ensartede knapdimensioner.

1. Standard: Deaktiveret.
2. Minimumshøjde: 44 pixels.
3. Lodret justering af indhold: Når fast højde er aktiveret, kan du justere knappens indhold til Top, Midte eller Bund for præcis placering.

Knap med ikon

Med indstillingen Knap med ikon kan du inkludere et ikon ved siden af knappens tekst, hvilket giver et mere visuelt udtryk og understøtter opfordringen til handling. Denne funktion er deaktiveret som standard.

• Understøttede formater: Upload ikoner i formatet PNG, JPG eller GIF med en maksimal filstørrelse på 2 MB.
• Placering af ikon: Vælg, om ikonet skal vises på Venstre eller Højre side af knappens tekst.

Bemærk: Ikoner vises ikke i visse versioner af Microsoft Outlook til Windows, herunder:

• Outlook 2002, 2007, 2010, 2013, 2016 og 2019. Begrænsningen skyldes den måde, disse e-mailklienter gengiver HTML-e-mails på. Tag højde for dette, hvis en stor del af din målgruppe bruger disse klienter.

Kantindstillinger

Tilpas knappens kanter for at give den ekstra stil og fremhævelse.

• Kantbredde: Angiv bredden for hver side (venstre, højre, top og bund) individuelt, op til 40 pixels.
• Kantstil: Vælg mellem stilarterne Fuldt optrukket, Stiplet eller Prikket.
• Kantfarve: Brug farvevælgeren, eller indtast en hex-kode for at matche kantfarven med dit brand eller designs farveskema.

Indvendig margen

Juster pladsen inde i knappen mellem indholdet (tekst og ikon) og knappens kant.

• Tilpasningsmuligheder: Angiv margenværdier for siderne Venstre, Højre, Top og Bund, op til højst 99 pixels.
• Virkning: Den indvendige margen påvirker knappens samlede størrelse og indholdets placering i knappen.

Udvendig margen

Styr pladsen uden for knappen for at justere dens placering i forhold til andre elementer i e-maillayoutet.

• Tilpasningsmuligheder: Angiv udvendige margenværdier for siderne Venstre, Højre, Top og Bund, op til højst 40 pixels.
• Anvendelse: Sørger for, at knappen ikke placeres for tæt på andet indhold eller e-mailens kanter.

Tilføj ankerlink

Brug ankerlinks til at sende læsere til bestemte sektioner i den samme e-mail, så de hurtigt kan navigere i længere nyhedsbreve.

• Ankernavn: Definér et mål i e-mailen, og link knappen til dette anker. Når der klikkes på knappen, ruller e-mailen til den angivne sektion, hvilket forbedrer navigationen.

Vigtigt: Ankerlinks understøttes ikke i visse e-mailklienter, herunder:

• Gmail-appen til iOS
• Apple Mail til iOS
• Outlook-appen til Android
• Outlook-appen til macOS
• AMP-e-mails

Test din e-mail grundigt for at sikre, at den fungerer på tværs af forskellige e-mailklienter, og for at afgøre, om funktionen passer til din målgruppe.

Mellemrumsblok

Med mellemrumsblokken kan du tilføje justerbar plads i dit e-mailindhold og dermed styre størrelse, justering, udseende og indvendige mellemrum. Herunder finder du oplysninger om de to typer mellemrum: Normalt mellemrum og Dynamisk mellemrum.

1. Normalt mellemrum

Det normale mellemrum er et linjeelement, der visuelt adskiller sektioner i din e-mail.

Vigtige indstillinger

1. Linjetykkelse og stil Tilpas linjens tykkelse, stil og farve:

   • Tykkelse: Juster ved hjælp af knapperne + og - (begynder ved 1).
   • Stil: Vælg mellem fuldt optrukket, stiplet eller prikket.
   • Farve: Angiv en brugerdefineret farve med en hex-kode eller farvevælgeren (standard: #cccccc).

2. Bredde Angiv, hvor langt mellemrums-linjen skal strække sig over dit indhold. Juster bredden i pixels ved hjælp af knapperne + og -.

3. Justering Juster linjen til venstre, centreret eller højre, så den passer til dit layout.

4. Indvendig margen Styr det indvendige mellemrum omkring mellemrummet:

   • Standard: Den indvendige margen er sat til 20 på alle sider.
   • Brug knappen Mere til at angive indvendig margen for de enkelte sider:
     • Top
     • Højre
     • Bund
     • Venstre

Anvendelse

Det normale mellemrum er ideelt til at skabe rene, visuelle adskillelser mellem sektioner i din e-mail og sikrer et velorganiseret og professionelt layout.

2. Dynamisk mellemrum

Det dynamiske mellemrum er en usynlig blok med tom plads, der er designet til at skabe luft i dit e-maillayout.

Vigtige funktioner

1. Højdejustering Juster højden direkte i indholdsområdet eller via kontrolpanelet ved hjælp af knapperne + og -. Højden bestemmer, hvor meget lodret plads der tilføjes mellem sektionerne.

2. Baggrundsfarve Som standard har mellemrummet en gennemsigtig baggrund, men du kan anvende en brugerdefineret baggrundsfarve med en hex-kode eller farvevælgeren. Det gør det muligt at bruge mellemrummet som en synlig blok, hvis det er nødvendigt.

3. Responsiv funktion Indstillingen Responsivt mellemrum sikrer, at mellemrummet tilpasses dynamisk til forskellige skærmstørrelser, så layoutet fungerer optimalt på tværs af enheder. Funktionen er aktiveret som standard.

Vigtige forskelle mellem normale og dynamiske mellemrum

• Dynamisk mellemrum: Tilføjer tom plads uden en synlig linje.
• Normalt mellemrum: Indeholder linjespecifikke indstillinger som:
  • Linjens bredde
  • Justering
  • Linjens stilarter
  • Indvendig margen

Det dynamiske mellemrum understøtter ikke disse funktioner og er udelukkende designet til at skabe adskillelse uden visuelle elementer.

3. Tilføj ankerlink

Ankerlinks kan anvendes på begge mellemrumstyper, så brugerne kan navigere direkte til mellemrummets placering fra en anden del af e-mailen. Det er især nyttigt til at skabe navigation i længere nyhedsbreve.

Bemærk: Ankerlinks understøttes ikke af visse e-mailklienter, herunder:

• Microsoft Outlook
• Gmail (på mobilen)

Videoblok

Med videoblokken kan du integrere videoer i din e-mail og tilpasse deres udseende og funktion. Den understøtter videolinks fra platforme som YouTube og Vimeo, hvilket giver fleksibilitet og kontrol over, hvordan videoen vises.

1. Link til video

Tilføj videoens URL i feltet Link til video. Understøttede platforme omfatter YouTube, Vimeo og andre tjenester, der kan integreres.

• Automatisk funktion: Når en gyldig URL tilføjes:

  • Genereres der automatisk et forhåndsvisningsbillede ved hjælp af platformens videominiaturebillede.
  • Udfyldes feltet Alternativ tekst automatisk med videoens titel eller beskrivelse (hvis den er tilgængelig).

• Redigerbare felter: Du kan manuelt redigere eller erstatte det genererede forhåndsvisningsbillede og teksten efter behov.

2. Alternativ tekst

Feltet Alternativ tekst sikrer tilgængelighed ved at vise en beskrivelse af videoen, hvis den ikke kan indlæses.

• Udfyldes automatisk, når en understøttet video-URL tilføjes.
• Kan tilpasses, så den passer til dit indhold.

3. Brugerdefineret miniaturebillede

Upload et brugerdefineret billede for at erstatte standardforhåndsvisningen af videoen.

• Sådan aktiverer du det: Aktivér indstillingen Brugerdefineret miniaturebillede.
• Understøttede formater: PNG, JPG eller GIF.
• Hvornår det bruges: Erstat det genererede miniaturebillede, når det ikke passer til din e-mails design.

4. Afspilningsknap

Tilpas den overlejrede afspilningsknap på videominiaturebilledet.

• Tilgængelige muligheder:
  • Vælg mellem YouTube-, Vimeo- eller andre afspilningsknapstilarter.
  • Vælg “Ingen” for helt at skjule afspilningsknappen.

5. Størrelse

Juster videoens dimensioner, så den passer til dit e-maildesign.

• Bredde og højde: Brug knapperne + og -, eller indtast værdier manuelt for at styre størrelsen.
• Responsivt design: Sørg for, at videoen passer problemfrit på forskellige enheder.

6. Tilpas til bredde

Aktivér knappen Tilpas til bredde for automatisk at få videoen til at passe til beholderens bredde. Det sikrer, at videoen har et responsivt design på tværs af forskellige enheder.

7. Responsivt billede

Indstillingen Responsivt billede sikrer, at videominiaturebilledet tilpasses skærmens bredde på mobilenheder.

• Bemærk: Responsiviteten afhænger af understøttelse fra enheden og e-mailklienten.

8. Justering

Brug indstillingen Justering til at styre videoens vandrette placering i blokken:

• Venstre: Justerer videoen til venstre.
• Centreret: Centrerer videoen.
• Højre: Justerer videoen til højre.

9. Mobilspecifikke muligheder

Tilpas videoens funktion og udseende på mobilenheder:

1. Skjul element på mobilen Skjul videoblokken på mobilenheder efter behov.

   • Bemærk: Denne funktion afhænger af understøttelse af media queries og fungerer muligvis ikke i alle e-mailklienter.

2. Indvendig margen på mobilen Juster den indvendige margen omkring videoen på mobile skærme.

   • Brug knappen Mere til at angive individuelle margenværdier for:
     • Top
     • Højre
     • Bund
     • Venstre

10. Inkludér i AMPHTML eller HTML

Vælg, om videoblokken skal vises i bestemte e-mailversioner:

• Både AMPHTML og HTML
• Kun AMPHTML
• Kun HTML

Denne indstilling sikrer, at videoen inkluderes korrekt afhængigt af den e-mailversion, der leveres.

HTML-blok

Med HTML-blokken kan du indsætte brugerdefineret HTML- og CSS-kode i din e-mail, hvilket giver fleksibilitet til avancerede tilpasninger under hensyntagen til kompatibilitet med e-mailklienter. Uanset om du tilføjer ét HTML-element eller designer en hel e-mail, er denne blok dit værktøj til skræddersyede designs.

1. Kodeeditorens brugerflade

Når du vælger HTML-blokken, vises et sort kodeeditorvindue i indholdsruden. Her kan du skrive, indsætte eller ændre brugerdefineret kode. Editorens brugerflade indeholder to sektioner:

• HTML-sektion: Tilføj eller rediger HTML-strukturen for din e-mail.
• CSS-sektion: Åbn en separat CSS-editor for at formatere dit indhold.

2. Justering af skriftstørrelse

Juster kodens skriftstørrelse i editoren for at gøre den lettere at læse:

• Brug knappen A+ til at øge skriftstørrelsen.
• Brug knappen A- til at reducere skriftstørrelsen.

3. Justering af editorvinduets størrelse

Tilpas størrelsen på kodeeditorvinduet efter dine arbejdspræferencer:

• Sådan justerer du det:
  • Hold markøren over de tre prikker øverst i midten af editorvinduet.
  • Træk skyderen op eller ned for at gøre editoren større eller mindre.

Denne funktion er især nyttig til håndtering af større eller mere detaljerede kodeblokke.

4. CSS-editor

CSS-editoren giver dig mulighed for at administrere typografien for dit HTML-indhold og er tilgængelig via en knap øverst til højre i kodeeditoren.

Vigtige overvejelser:

• Begrænset understøttelse: Mange e-mailklienter understøtter ikke avancerede CSS-funktioner som Flexbox, Grid eller media queries.
• Hold dig til det grundlæggende: Brug grundlæggende inline-CSS for maksimal kompatibilitet.
• Forudkonfigurerede typografier: Undgå at slette forudkonfigurerede typografier, da de sikrer korrekt gengivelse på tværs af større e-mailklienter.

5. Kompatibilitet med e-mailklienter

HTML til e-mails kræver særlig opmærksomhed på grund af forældede gengivelsesmotorer i mange e-mailklienter.

Vigtige retningslinjer:

• Brug tabelbaserede layouts i stedet for layouts baseret på <div> for bedre understøttelse.
• Undgå avancerede CSS-funktioner som animationer, Flexbox eller Grid.
• Forvent uensartet funktionalitet for media queries og mindre CSS-egenskaber.
• Test: Test altid e-mails i flere klienter (f.eks. Gmail, Outlook og Apple Mail) for at sikre korrekt gengivelse.

6. Indvendig margen

Indstillingen Indvendig margen justerer pladsen omkring dit HTML-indhold:

• Standardmargen: Er som standard sat til 0.
• Brugerdefineret margen: Aktivér knappen Mere for at justere den indvendige margen individuelt for:
  • Top
  • Højre
  • Bund
  • Venstre

Denne funktion er ideel til at justere HTML-indhold i e-maillayoutet.

7. Tilføj ankerlink

Funktionen Tilføj ankerlink giver dig mulighed for at oprette et klikbart link et andet sted i e-mailen, som navigerer til HTML-blokken.

Sådan gør du:

• Aktivér indstillingen, og indtast et ankernavn i feltet.

Begrænsninger:

• Ankerlinks understøttes ikke af visse e-mailklienter, f.eks.:
  • Gmail-appen til iOS
  • Apple Mail til iOS
  • Outlook-appen (Android og macOS)
  • AMP-e-mails

8. Skrivning af brugerdefineret HTML

HTML-editoren er designet til at skrive eller indsætte din e-mails brugerdefinerede HTML-struktur.

Bedste praksis:

• Brug enkel HTML, der understøttes bredt.
• Undgå komplekse layouts eller funktioner som <div>-elementer.
• Hold dig til tabelbaserede designs for at sikre bedre kompatibilitet.

9. Tips til succes

1. Begynd i det små: Brug HTML-blokken til bestemte sektioner, hvis du er ny inden for e-mailudvikling.
2. Validér koden: Sørg for, at din HTML overholder e-mailklienternes krav.
3. Test grundigt: Brug værktøjer til at forhåndsvise og teste din e-mail på tværs af flere klienter og enheder.