Lägg till innehåll och designelement
Nu när layouten är klar är det dags att fylla den med engagerande innehåll. Lägg till e-postelement för att ge liv åt ditt budskap, lyfta fram en produkt, dela nyheter eller få fler att klicka.
Byggstenar i E-post för Canva
Canvas e-postredigerare är flexibel, men alla element passar inte lika bra för e-post. Vissa fungerar bättre än andra på olika plattformar och enheter.
Här är vad du kan använda för att skapa välstrukturerat innehåll som fungerar bra i inkorgen.
Designblock
Designblock är färdiga avsnitt där text, bilder, former eller bakgrunder grupperas i en strukturerad layout. De hjälper dig att organisera innehållet och förbättra visningen på mobila enheter.
Viktiga designblock är rubriker, sidfötter och ikonblock. De hjälper alla till att definiera viktiga delar av ditt e-postmeddelande.
- Rubriker placeras högst upp och innehåller ofta din logotyp eller en kort introduktion.
- Sidfötter placeras längst ned och innehåller vanligtvis kontaktuppgifter, länkar för att avsluta prenumerationen eller ansvarsfriskrivningar.
- Ikonblock är grupper av klickbara ikoner med kort text som lyfter fram funktioner, fördelar eller viktiga punkter och hjälper läsarna att hitta till dina sociala plattformar.
E-postkompatibla teckensnitt
Det är bara e-postkompatibla teckensnitt som garanterat visas korrekt i olika e-postklienter. Teckensnitt som inte är e-postkompatibla kan ersättas med reservteckensnitt när mottagarna läser meddelandet. Använd alltid teckensnitt från Canvas lista över e-postkompatibla teckensnitt för att säkerställa ett enhetligt utseende.
Knappar
Använd knappar för att lyfta fram viktiga uppmaningar, till exempel ”Handla nu” eller ”OSA”. Håll dem korta och tydliga och se till att de sticker ut visuellt för att fånga uppmärksamheten och locka till klick.
Bilder
Lägg till bilder med din varumärkesprofil eller produktbilder för att förstärka budskapet. Se till att de har rätt storlek och är rätt placerade. Läs mer i Lägga till bilder i designer.
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, till exempel produktegenskaper, jämförelser eller kombinationer av text och bild. De är praktiska för att organisera komplex information.
Lägg till och anpassa varje element
Så här anpassar du varje element efter ditt varumärke och målet med ditt e-postmeddelande. Du kan lägga till dem där de passar 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
Justera styckeavstånd
Du kan finjustera avståndet mellan stycken, rader och bokstäver i Canva Docs och E-post för Canva. Det hjälper dig att skapa dokument som är lättare att läsa och följer den formatering du föredrar.
- Markera texten du vill justera.
- Välj Avancerade inställningar i textverktygsfältet.
- Justera Styckeavstånd. Använd reglaget eller ange ett värde för att ställa in avståndet före och efter stycken.
- Justera Radavstånd och Teckenavstånd om det behövs.
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.
Justera avståndet mellan block
Du kan styra avståndet mellan block i Canva Docs och E-post för Canva, till exempel bilder, layouter och andra innehållssektioner, så att designen ser enhetlig ut på olika skärmstorlekar.
- Välj det block du vill justera (bild, layout eller avsnitt).
- Välj Avstånd i verktygsfältet i redigeraren.
- Använd reglagen för avstånd mellan block för att finjustera det tomma utrymmet mellan blocken.
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 innehållet kan du förhandsgranska, ladda ner ditt e-postmeddelande eller skicka ett testmeddelande.
Nästa steg: Testa och exportera ditt e-postmeddelande
Var detta till hjälp?
Till hjälp
Inte till hjälp