Canvas startsida
Hjälp

Testa och exportera din Canva-e-post


Den här artikeln har maskinöversatts.Om du hittar fel, meddela oss.

Innan du skickar ditt Canva-e-postmeddelande till din publik ä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 önskade e-postplattform.

Förhandsgranska din design med 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.

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.

  1. 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.
  2. Välj knappen
    Förhandsgranska för att kontrollera hur e-postmeddelandet återges på skrivbordet och mobilen.
  3. Ange en ämnesrad och lägg till en e-postadress att skicka den till.
  4. Ö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.

Exportera din Canva-e-post

Om du skickar via Gmail kan Canva öppna din design direkt i ett Gmail-utkast, ingen export behövs. Läs mer om detta i Skicka Canva-e-post via Gmail.

Om du skickar med en e-postleverantör (ESP) kan du göra något av följande:

  • Kopiera HTML-koden direkt, eller
  • Ladda ned en ZIP-FIL som innehåller HTML- och bildresursen

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 ditt Canva-e-postmeddelande

Om din e-postplattform låter dig klistra in rå HTML direkt kan du kopiera din e-postkod istället för att ladda ned en ZIP-FIL.

  1. Från redigeraren väljer du Dela.
  2. Välj Kopiera HTML.
  3. När HTML har genererats väljer du Kopiera till Urklipp.
  4. Öppna din e-postplattform.
  5. Skapa en ny kampanj eller e-post.
  6. Växla till plattformens HTML-redigerare eller kodvy.
  7. Klistra in den kopierade HTML-koden.
  8. Förhandsgranska och skicka ett testmejl innan du publicerar.

Jag kan inte hitta min HTML/kodredigerare

Om du inte kan hitta var du kan klistra in din kod finns du förmodligen i plattformens visuella redigerare. Växla till HTML- eller kodvyn istället.

I din e-postplattform letar du efter HTML-redigeraren, den kan vara märkt som:

  • Kodredigerare
  • HTML-redigerare
  • Källa
  • Kodvy
  • Anpassad HTML
  • Koda dina egna

Den hittas vanligtvis när du skapar en ny kampanj, väljer en mall eller väljer en anpassad HTML- eller kodbaserad mall istället för en visuell mall.

  1. Öppna HTML-redigeraren.
  2. Ta bort befintliga platshållarkoder.
  3. 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).

  1. 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.
  2. Under Filtyp väljer du HTML och bilder.
  3. 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.
  1. Leta reda på ZIP-FILEN som du laddade ned från Canva.
  2. Högerklicka och välj ”Extrahera” eller ”Packa upp”.
  3. 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.
  4. 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 din e-post har testats och exporterats är det dags att skicka ut den med den e-postplattform du föredrar.

Nästa steg: Skicka Canva-e-post via e-postplattformar

Frågor och svar

Varför exporteras min e-postdesign som en lång bild?

Designelement som banderoller, grupperad grafik eller text som sparas som en del av en bild kommer att exporteras som en enda platt bild. För att undvika detta kan du bygga din design med hjälp av textrutor, ramar och layoutblock som ESP kan tolka som HTML.

Kommer mitt teckensnitt att överföras när jag exporterar?

Endast e-postsäkra teckensnitt bevaras. Icke e-postsäkra teckensnitt kan återges på olika sätt i e-postklienter eller ersättas med reservteckensnitt. Canva visar en varning om ett teckensnitt som inte stöds används. Testa alltid din exporterade e-post i olika e-postklienter innan du skickar.

Varför ser jag inga bilder när jag öppnar HTML-filen på min dator?

Om du öppnar HTML-filen direkt från ZIP-MAPPEN kommer din webbläsare inte att kunna hitta och ladda bilderna, så de kommer inte att dyka upp. Så här åtgärdar du detta:

  1. Packa upp filen: Högerklicka och välj ”Extrahera” eller ”Packa upp”.
  2. Öppna HTML-filen från den uppackade mappen. Dina bilder ska visas korrekt.

Var detta till hjälp?

Till hjälp

Inte till hjälp

Andra personer tittade också på