Lägg till innehåll och designelement
Nu när din layout är klar är det dags att fylla den med engagerande innehåll. Lägg till e-postelement för att göra budskapet levande, lyfta fram en produkt, dela nyheter eller öka klicken.
E-post för Canva building blocks
Canva’s e-postredigerare är flexibel, men alla element är inte idealiska för e-post. Vissa fungerar bättre än andra på olika plattformar och enheter.
Så här använder du för att bygga välstrukturerat och inkorgsvänligt innehåll.
Designa block
Designblock är färdiga avsnitt som grupperar text, bilder, former eller bakgrunder i en strukturerad layout. De hjälper till att organisera ditt innehåll och förbättra mobilanpassningen.
Viktiga designblock inkluderar sidhuvuden, sidfötter och ikonblock, som alla hjälper till att definiera viktiga delar av din e-post.
- Rubriker sitter högst upp och innehåller ofta din logotyp eller en kort inledning.
- Sidfötter sitter längst ner och innehåller vanligtvis kontaktinformation, avregistreringslänkar eller ansvarsfriskrivningar.
- Ikonblock är grupper av klickbara ikoner med kort text för att markera funktioner, fördelar eller viktiga punkter, och för att ansluta läsare till dina sociala plattformar.
E-postsäkra teckensnitt
Endast e-postsäkra teckensnitt visas garanterat korrekt i e-postklienter. Icke-e-postsäkra teckensnitt kan ersättas med reservalternativ när de visas av mottagarna. För att säkerställa konsekvens bör du alltid använda teckensnitt från Canvas e-postsäkra teckensnittslista.
Knappar
Använd knappar för att markera viktiga uppmaningar (CTA), till exempel ”Köp nu” eller ”OSA”. Håll dem korta, tydliga och visuellt distinkta för att fånga uppmärksamhet och få klick.
Bild
Lägg till varumärkesbilder eller produktbilder för att stödja ditt budskap. Se till att de har rätt storlek och justerade. Kolla in Lägg till bilder i designer för att lära dig mer.
Interaktiva element som videor, omröstningar eller frågesporter stöds inte av de flesta e-postplattformar:
- Videor konverteras till GIF-filer
- Undersökningar och test visas som statiskt innehåll (ej klickbart)
Kolumner
Använd kolumner för att visa innehåll sida vid sida, som produktfunktioner, jämförelser eller layouter för text-bild. De är praktiska för att organisera komplex information.
Lägg till och anpassa varje element
Här är stegen för att styla varje element så att det matchar ditt varumärke och e-postmål. Du kan lägga till dem där de är vettig i din design.
Välj e-postsäkra teckensnitt
Viktigt: Endast e-postsäkra teckensnitt kommer garanterat att visas korrekt på alla e-postplattformar. Om du väljer ett icke e-postsäkert teckensnitt kanske det inte visas som avsett och kan ersättas av ett reservteckensnitt när det levereras till mottagarna. Välj alltid från Canvas e-postsäkra teckensnittslista för bästa resultat.
- I verktygsfältet väljer du knappen Teckensnitt . Som standard är teckensnittet inställt på Arial.
- I panelen Teckensnitt väljer du från Canvas lista över e-postsäkra teckensnitt.
- Du kan justera teckenstorleken genom att välja + / - knapparna i verktygsfältet.
För läsbarhet i e-postmeddelanden, använd:
- 14–16 pixlar för brödtext
- 20–30 pixlar för rubriker och titlar
Lägg till en bakgrundsfärg
Lägg till en bakgrundsfärg i din design för att matcha ditt varumärke eller markera specifika avsnitt. Välj färger från Brand Kit eller Document-färger.
- Klicka på sidhörnet för att välja sidan.
- Välj ikonen Bakgrundsfärg.
- Från panelen Färg väljer du en färg från Dokumentfärger eller Varumärkespaket.
- Om den färg du letar efter inte är tillgänglig väljer du + regnbågsfärgad panel (Lägg till en ny färg) för fler alternativ.
Lägg till struktur med kolumner
Strukturera din e-postlayout med hjälp av kolumner för att organisera innehåll sida vid sida. Kolumner är responsiva och staplas automatiskt vertikalt på mobilen.
- Från din e-postdesign går du till fliken Element och väljer Kolumner.
- Välj mellan Grundläggande kolumner, Stilade kolumner och Fördesignade kolumner.
- Välj för att infoga den som passar din layout.
- Alternativt kan du välja plus-ikonen bredvid din textmarkör. Skrolla ned och välj Kolumner.
- Välj önskad kolumnlayout (t.ex. 2 eller 3 kolumner).
- Klicka i varje kolumn för att lägga till text, bilder eller knappar.
- Ändra storlek på kolumner genom att dra i avdelaren mellan dem.
Lägg till designblock (sidhuvuden och sidfötter)
Spara tid och skapa konsekventa layouter genom att återanvända avsnitt som sidhuvuden och sidfötter i alla dina e-postdesigner.
- Header – Placera din logotyp och dina varumärkesfärger högst upp i nyhetsbrev.
- Sidfot – Inkludera kontaktuppgifter, avprenumerationslänkar eller juridiska ansvarsfriskrivningar längst ner i varje e-postkampanj.
- Gå till fliken Element och välj Sidhuvuden eller Sidfötter.
- Bläddra och klicka för att infoga den som passar din layout.
Ställ in ett sidhuvud eller en sidfot i kanten av din design
Placera ett sidhuvud eller sidfotblock så att det passar snyggt med den övre eller nedre kanten av din e-postlayout.
- Välj sidhuvudet eller sidfoten i din design för att välja det.
- I det flytande verktygsfältet väljer du ikonen Mer.
- I menyn väljer du antingen:
- Ställ in högst upp – för att flytta blocket till den övre kanten av e-postmeddelandet.
- Ställ in i underkant – för att flytta den till underkant. Obs! Ditt block kommer nu att fästas vid kanten av designduken och hålla din layout snygg och justerad.
Vissa förinställda e-postsidfötter innehåller en platshållare för "Avsluta prenumeration". Detta är inte en fungerande länk när du exporterar din design som HTML.
Om du skickar ditt e-postmeddelande via en e-postleverantör (ESP) som Mailchimp:
- Du måste lägga till eller ersätta länken för att avsluta prenumerationen i din ESP innan du skickar den.
- Detta krävs för att följa e-postlagar som CAN-SPAM och GDPR.
Läs mer om att hantera avprenumerationslänkar och inställningar.
Lägg till ikonblock
Ikonblock kombinerar enkla bilder med kort text. Använd dem för saker som sociala länkar, funktionshöjdpunkter eller serviceförmåner. De fungerar bra i sidfötter, nära CTA: er eller för att dela upp sektioner visuellt.
- Från redigerarens sidopanel väljer du fliken Element.
- Välj Ikonblock.
- Välj eller dra ett ikonblock där det är vettigt på din design, vanligtvis sidfoten eller din huvudsakliga CTA.
- I redigeringsverktygsfältet väljer du den färgpanel du vill ändra. Du ser färgalternativen i sidopanelen.
- Välj en ny färg som du vill använda på ikonen.
Lägg till Call-to-action (CTA) -knappar
En Call-to-action (CTA) -knapp uppmuntrar läsarna att vidta en specifik åtgärd som ”Köp nu”, ”Läs mer” eller ”Registrera dig”. Att lägga till en knapp hjälper till att driva engagemang och klick i din e-post eller design.
- Så här lägger du till en CTA-knapp:
- Gå till fliken Element och välj Knappar.
- Eller, välj plusikonen och sedan Knapp.
- Ange ditt knappnamn och lägg till URL-länken.
- Välj Klar.
- Anpassa knappstilen från verktygsfältet (ändra färg, justering osv.).
lägg till bilder
Bilder gör din e-post mer engagerande och visuellt tilltalande. Du kan lägga till produktfoton, teambilder, illustrationer eller lagerbilder för att stödja ditt budskap och varumärke.
Proffstips: Komprimera stora bilder innan uppladdning för att säkerställa snabba inläsningstider för e-post.
- Från redigerarens sidopanel väljer du fliken Element för att bläddra eller söka efter bilder.
- Om du vill använda dina egna bilder går du till fliken Uppladdningar och väljer sedan Ladda upp filer för att lägga till bilder från din enhet.
- Välj bilden för att lägga till den i din e-post. Ändra storlek och positionera bilden efter behov.
Nu när du har lagt till ditt innehåll är du redo att förhandsgranska, ladda ned ditt e-postmeddelande eller skicka ett testmejl.
Nästa steg: Testa och exportera din e-post
Var detta till hjälp?
Till hjälp
Inte till hjälp