15+ gratis Figma e-mailskabeloner til at sætte turbo på dine konverteringsrater
Kristina Lauren
18. oktober 2022
De fleste marketingfolk forstår, at e-mail spiller en stor rolle i udførelsen af en succesfuld livscyklusmarketingstrategi. For at holde dine kunder engagerede og plejede, skal du kommunikere regelmæssigt med dem, og e-mailmarketing er en af de mest effektive måder at gøre det på.
Men det er ikke nok blot at sende e-mails ud – byggestenene i stærke e-mailmarketingkampagner er veldesignede skabeloner, der taler til dine kunder og tvinger dem til at engagere sig.
Hvis du har udtømt alle dine nuværende e-maildesigns, eller du bare leder efter nye, inspirerende stilarter til at pifte dine kampagner op, er du kommet til det rette sted.
Vi har skabt en bibliotek med over 15 gratis e-mailskabeloner som du kan begynde at bruge i dag ved hjælp af Figma og et praktisk e-mail-kodningsværktøj kaldet Cannoli .
Hvis du aldrig har brugt Figma før, så bare rolig – vi viser dig ikke kun, hvor nemt det er at tilpasse disse e-mailskabeloner i Figma, men vi guider dig også gennem, hvordan du konverterer dem til kode ved hjælp af Cannoli .
Lad os hoppe direkte ud i det!
Velkomst-e-mailskabeloner
Når folk tilmelder sig din e-mailliste, giver de dig dybest set tilladelse til at kontakte dem. Og det er en stor ting, fordi det betyder, at de er interesserede i, hvad du har at sige eller tilbyde.
Da disse typisk er de første e-mails, dine abonnenter modtager (udover en bekræftelsesmail for tilmelding), og de har tendens til at have høje åbningsrater, er det en god idé at give et godt førstehåndsindtryk med en fremragende e-mailskabelon.
Heldigvis har vi tre unikke designs, som du kan vælge imellem, så de passer til den følelse, du ønsker.
Hvis du leder efter noget, der ser moderne og minimalistisk ud, så prøv den moderne skabelon.
Vil du have noget lidt mere sofistikeret? Vælg Sleek-skabelonen.
Og hvis du foretrækker et mere standardiseret udseende med et rent og professionelt præg, er den klassiske skabelon det perfekte valg.
Vælg en skabelon:
Winback e-mailskabeloner
Hvis en kunde ikke har interageret med dine e-mails i et stykke tid, kan det være et tegn på, at de har brug for lidt ekstra engagement ud over den typiske nurture-kampagne. Du kan gøre dette med kraften i en veludformet winback-e-mail og minde dine kunder om, hvorfor de elskede dit brand i første omgang. Hvis du kan, så tilbyd en form for rabat og nævn det i emnelinjen for at gøre din e-mail endnu mere attraktiv.
Der er ingen garanti for, at alle kunder vil blive overbevist, men det er bestemt et forsøg værd, og skabelonerne nedenfor kan hjælpe dig med at øge dine chancer.
Vælg en skabelon:
E-mailskabeloner til forladte indkøbskurv
Når en kunde efterlader varer i sin indkøbskurv, er det normalt fordi de ikke er helt klar til at købe endnu. Måske sammenligner de stadig priser, eller måske har de bare brug for at spare op til et større køb.
Uanset årsagen er det en spildt chance, hvis du ikke følger op med dem. Og det er her, e-mails om forladte indkøbskurve kommer ind i billedet. Ligesom e-mails om tilbagebetaling af varer er en e-mail-påmindelse om forladte indkøbskurve en nyttig måde at minde kunderne om præcis, hvad de har efterladt.
Vælg en skabelon nedenfor for at hjælpe dine kunder med at afslutte, hvor de slap.
Vælg en skabelon:
E-mailskabeloner til almindelig tekst
Almindelige tekst-e-mails er en fantastisk måde at få dit budskab ud på en klar og præcis måde. Med et minimalt design er de beregnet til at være lette at læse, så abonnenter kan fokusere på budskabet i din tekst.
For eksempel ville en almindelig tekst-e-mail fungere godt, hvis du ønsker at levere vigtige nyheder til dine kunder, såsom opdateringer om lagerbeholdning eller en personlig besked fra din administrerende direktør om virksomhedens fremtid. Men denne type skabelon er også bedst til enhver anden e-mail, som du ønsker at holde enkel og direkte.
Med disse ideer i tankerne har vi designet de følgende tre skabeloner.
Vælg en skabelon:
E-mailskabeloner til produktlancering
Når du lancerer et nyt produkt, er e-mailmarkedsføring en af de bedste måder at få dine kunder begejstrede og informerede.
Men hvad gør en e-mailskabelon til produktlanceringer effektiv? Til at begynde med vil du sandsynligvis gerne fremvise dit produkts udseende, så en skabelon med nogle visuelle elementer er vigtig. For det andet gør klare og levende handlingsfremmende opfordringer det så nemt som muligt for abonnenter at klikke ind på dit websted og konvertere.
Vi har kombineret disse elementer og meget mere i hver af skabelonerne nedenfor for at hjælpe dig med at opnå en vellykket e-mailproduktlancering.
Vælg en skabelon:
Sådan bruger og redigerer du e-mailskabeloner i Figma
Nu hvor du er blevet introduceret til skabelonerne, er det tid til at lære, hvordan du tilpasser dem i Figma. Følg nedenstående trin!
1. Vælg den skabelon, du ønsker i dette blogindlæg, eller gå til vores skabelonbibliotek for at se alle mulighederne.
2. Når du har fundet den ønskede skabelon, skal du klikke på den og vælge "Åbn i Figma" på næste side. Sidebemærkning: Hvis du foretrækker kun at få den faktiske e-mailkode og tilpasse designet i din egen kodeeditor, er du velkommen til at klikke på "Download HTML".
3. Når du har klikket på “Åbn i Figma”, bliver du ført til en Figma-side, hvor du kan se det valgte e-maildesign samt andre i samme kategori.
4. På dette tidspunkt kan du logge ind på din Figma-konto. Hvis du ikke har en Figma-konto, kan du oprette en ved hjælp af din Google-konto eller tilmelde dig med din e-mail.
5. Once you’re logged in, highlight and copy the entire design of the template you want, create a new design file, and paste the layers into the new file. To create a new design file, click on the home icon in the upper lefthand corner, then File >New design file.
6. Herfra kan du redigere e-mailskabelonerne, som du vil, inklusive at ændre tekst, billeder og farver. Du vil også bemærke, at disse e-mails er kodet ved hjælp af MJML. Selvom du ikke behøver at kende MJML for at bruge Figma, kan du læse mere, hvis du vil vide mere. denne dybdegående guide .
7. If you only want picture files or PDFs of the email templates, you can simply click on the home icon >File >Export or Export frames to PDF. However, if you want to send your template out to an email list on a platform like Mailchimp, for example, check out the next section.
Sådan konverterer du din Figma e-mailskabelon til HTML-kode
I denne del bruger vi et gratis værktøj kaldet Cannoli, der gør det hurtigt og nemt at tage dine e-mailskabeloner og konvertere dem til redigerbar, brugsklar kode. Sådan fungerer det:
1. Start med at gå over til Cannoli.app , og klik derefter på knappen "Log ind" i øverste højre hjørne af siden.
2. Du bliver derefter bedt om at logge ind med din Figma-konto, og når du har gjort det, skal du blive dirigeret til dit Cannoli-dashboard.
3. Klik på “Ny fil” og indtast et navn til din fil.
4. Gå tilbage til websiden med din Figma e-mail-designfil, og kopier URL'en.
5. Indsæt URL'en under “Figma Link”, og vælg derefter både den side og de rammer, du vil konvertere.
6. Der vises en forhåndsvisning af din e-mailskabelon, og hvis alt ser godt ud, skal du klikke på "Opret fil".
7. Efter et par sekunders indlæsning bliver du ført til en side, der viser din e-mailskabelonkode i venstre side af skærmen og det faktiske design i højre side. Bemærk, at du også kan skifte mellem MJML- og HTML-kode.
8. Hvis du har brug for at foretage ændringer i sidste øjeblik, kan du redigere teksten og selve koden direkte i editoren.
9. For at teste din e-mail direkte fra Cannoli skal du klikke på “Send test-e-mail” i proceslinjen og indtaste den e-mailadresse, du vil sende til.
10. For at eksportere koden skal du trykke på den grønne "Eksporter"-knap i øverste højre hjørne. Her har du mulighed for at downloade en MJML- eller HTML-fil, som du derefter kan uploade til din e-mailudbyder (ESP). Du kan dog også kopiere koden og indsætte den i din ESP's kodeeditor.
11. Hvis du bruger Klaviyo, kan du også forbinde din konto til Cannoli for at gøre det endnu nemmere at eksportere og importere e-maildesignet.
12. En anden vigtig bemærkning: Cannoli fungerer ikke kun med vores e-mailskabeloner – du kan tage ethvert e-maildesign, du har oprettet i Figma, og konvertere det til kode.
Udover denne blog har vi også samlet alle disse skabeloner i én overskuelig skabelonbibliotek Hver skabelon er gratis at bruge, perfekt responsiv på både desktop- og mobilenheder og kan automatisk konverteres til kode ved hjælp af Cannoli.app .
Plus, if you’re looking for your next Figma plugin and you enjoyed using Cannoli with these free email templates, you can also take advantage of the Cannoli plugin for Figma. Check it out here .
