Testa och exportera din Canva-e-post
Innan du skickar ditt e-postmeddelande som du har skapat i Canva till din målgrupp är det en bra idé att förhandsgranska hur det ser ut och välja hur du vill exportera det för användning med din e-postplattform.
Förhandsgranska din design i ett testmejl
E-postdesigner kan visas olika beroende på plattform eller enhet (t.ex. Gmail vs Outlook, mobil vs dator). Skicka ett testmejl till dig själv för att fånga trasiga länkar, layoutproblem eller formateringsfel innan det hamnar i inkorgar.
- Välj Skicka testmejl för att se hur designen kommer att se ut.
- Obs! Test-e-postmeddelanden kan endast skickas till din e-postadress för Canva-inloggning.
- Välj knappen Förhandsgranska för att kontrollera hur e-postmeddelandet återges på skrivbordet och mobilen.
- Ange en ämnesrad och lägg till en e-postadress att skicka den till.
- Öppna din inkorg och leta efter förhandsgranskningsmeddelandet från no-reply@preview.canva.email.
- Om du inte ser det kontrollerar du din skräppostmapp.
Proffstips: Testa din e-post på minst en dator och en mobil enhet. Detta ger dig en mer exakt bild av hur din målgrupp kommer att uppleva din e-post.
Exportera ditt e-postmeddelande från Canva
Om du skickar via Gmail kan Canva öppna din design direkt i ett Gmail-utkast, utan att du behöver exportera den. Läs mer om detta i Skicka e-postmeddelanden från Canva via Gmail.
Om du skickar med en e-postleverantör (ESP) kan du antingen:
- Kopiera HTML-koden direkt, eller
- Ladda ned en ZIP-fil som innehåller HTML-filen och bildtillgången
När ska man använda Kopiera HTML vs Ladda ned som HTML
Använd Kopiera HTML om din ESP:
- Har en kodredigerare, och
- Gör att du kan klistra in rå HTML direkt.
Använd nedladdning (HTML och bilder) om din ESP:
- Kräver att du laddar upp en HTML-fil, och
- Behöver en mapp som innehåller både HTML-filen och dess bildtillgångar.
Kopiera HTML-koden för E-post för Canva
Om din e-postplattform låter dig klistra in rå HTML direkt kan du kopiera koden för e-postmeddelandet i stället för att ladda ned en ZIP-fil.
- Från redigeraren väljer du Dela.
- Välj Kopiera HTML.
- När HTML har genererats väljer du Kopiera till Urklipp.
- Öppna din e-postplattform.
- Skapa en ny kampanj eller e-post.
- Växla till plattformens HTML-redigerare eller kodvy.
- Klistra in den kopierade HTML-koden.
- Förhandsgranska och skicka ett testmejl innan du publicerar.
Jag hittar inte min HTML-/kodredigerare
Om du inte hittar var du ska klistra in koden använder du förmodligen plattformens visuella redigerare. Växla i stället till HTML- eller kodvyn.
Leta efter HTML-redigeraren i din e-postplattform. Den kan ha något av följande namn:
- Kodredigerare
- HTML-redigerare
- Källa
- Kodvy
- Anpassad HTML
- Skriv egen kod
Du hittar den vanligtvis när du skapar en ny kampanj, väljer en mall eller väljer en mall med Anpassad HTML eller kod i stället för en visuell mall.
- Öppna HTML-redigeraren.
- Ta bort eventuell befintlig platshållarkod.
- Klistra in den kopierade HTML-koden.
Ladda ned ditt Canva-designade e-postmeddelande som HTML
Ladda ned ZIP-FILEN (HTML och bilder)
När du har skickat ett testmeddelande kan du ladda ned ditt Canva-designade e-postmeddelande som en ZIP-FIL som innehåller en HTML-fil och bildresurser. Detta är användbart när du laddar upp din e-post till plattformar som Mailchimp eller anpassade e-postleverantörer (ESP).
- Välj knappen Dela och välj sedan Ladda ned.
- Om din e-postdesign har layoutproblem, saknade länkar eller teckensnittsproblem, åtgärda dem innan du fortsätter.
- Under Filtyp väljer du HTML och bilder.
- Välj Ladda ned för att spara ZIP-FILEN på din dator eller enhet.
Viktig:
Om du öppnar HTML-filen direkt inifrån ZIP-FILEN kommer bilderna inte att laddas eftersom webbläsaren inte kan komma åt de länkade bildfilerna medan de fortfarande är komprimerade.
ZIP-filer fungerar som behållare, och de flesta webbläsare kan inte läsa interna bildsökvägar om inte innehållet är helt extraherat.
Proffstips: Extrahera alltid DRAGKEDJAN först för att säkerställa att e-postmeddelandet återges som avsett, med alla bilder synliga.
Kontrollera den exporterade filen
Öppna den nedladdade ZIP-FILEN för att kontrollera om det finns layoutproblem, trasiga länkar eller saknade tillgångar innan du laddar upp den till din e-postplattform.
- Detta är för närvarande endast tillgängligt i skrivbordet.
- Leta reda på ZIP-FILEN som du laddade ned från Canva.
- Högerklicka och välj ”Extrahera” eller ”Packa upp”.
- Dubbelklicka på .html-filen från den extraherade mappen för att öppna den i din standardwebbläsare. Detta ger dig en lokal förhandsgranskning av hur din e-post kommer att se ut.
- Kontrollera om:
- Rätt bildplacering
- Funktionella länkar (de ska öppna rätt destination)
- Konsekvent teckensnitt och avstånd
- Övergripande lyhördhet och layout
När du har testat och exporterat e-postmeddelandet är det dags att skicka det med din e-postplattform.
Nästa steg: Skicka e-postmeddelanden från Canva via e-postplattformar
Vanliga frågor
Varför exporteras min e-postdesign som en enda lång bild?
Designelement som banderoller, grupperad grafik eller text som sparats som en del av en bild exporteras som en enda platt bild. Undvik detta genom att bygga designen med textrutor, ramar och layoutblock som e-postleverantörer kan tolka som HTML.
Följer mitt teckensnitt med när jag exporterar?
Endast teckensnitt som fungerar i e-post bevaras. Andra teckensnitt kan visas annorlunda i olika e-postklienter eller ersättas med reservteckensnitt. Canva visar en varning om du använder ett teckensnitt som inte stöds. Testa alltid det exporterade e-postmeddelandet i olika e-postklienter innan du skickar det.
Varför ser jag inga bilder när jag öppnar HTML-filen på datorn?
Om du öppnar HTML-filen direkt i ZIP-mappen kan webbläsaren inte hitta och läsa in bilderna, så de visas inte. Så här löser du problemet:
- Packa upp filen: Högerklicka och välj ”Extrahera” eller ”Packa upp”.
- Öppna HTML-filen från den uppackade mappen. Bilderna bör visas korrekt.
Var detta till hjälp?
Till hjälp
Inte till hjälp