{"id":51835,"date":"2026-11-02T10:53:11","date_gmt":"2026-11-02T10:53:11","guid":{"rendered":"https:\/\/www.benchmarkemail.com\/de\/?p=51835"},"modified":"2026-10-29T10:55:02","modified_gmt":"2026-10-29T10:55:02","slug":"einer-canva-e-mail-html","status":"publish","type":"post","link":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/","title":{"rendered":"Erst Design, dann Code: So machen Sie aus einer Canva-E-Mail funktionierendes HTML"},"content":{"rendered":"<h2>Das Wichtigste in K\u00fcrze<\/h2>\n<ul>\n<li><strong>Erst Design, dann Code.<\/strong> Gestalten Sie Ihre E-Mail visuell in Canva, bringen Sie sie genau in die gew\u00fcnschte Form und lassen Sie Canva den HTML-Code f\u00fcr Sie erstellen. Sie m\u00fcssen keine einzige Zeile Code schreiben.<\/li>\n<li><strong>Beginnen Sie im E-Mail-Designer von Canva, nicht mit einer leeren Arbeitsfl\u00e4che.<\/strong> Nur Designs, die im E-Mail-Designer erstellt wurden, lassen sich als HTML exportieren. W\u00e4hlen Sie eine kostenlose oder kostenpflichtige E-Mail-Vorlage und passen Sie Text, Bilder, Logo und Farben an.<\/li>\n<li><strong>Verzichten Sie auf die Canva-Fu\u00dfzeile.<\/strong> Benchmark Email f\u00fcgt jedem Versand automatisch eine rechtskonforme Fu\u00dfzeile mit Ihren Unternehmensangaben, Ihrer Postanschrift sowie Links zum Abmelden und zum Melden von Missbrauch hinzu. L\u00f6schen Sie die Fu\u00dfzeile aus Ihrer Canva-Vorlage, damit Sie am Ende nicht zwei Fu\u00dfzeilen haben.<\/li>\n<li><strong>Kopieren, einf\u00fcgen, Vorschau ansehen.<\/strong> Gehen Sie in Canva zu Teilen &gt; HTML kopieren. W\u00e4hlen Sie in Benchmark Email <a href=\"https:\/\/www.benchmarkemail.com\/de\/blog\/erstellen-html-mail-claude-skill-benchmark\">den Block Benutzerdefiniertes HTML<\/a>, starten Sie ohne Vorlage und f\u00fcgen Sie den Code ein. Ihr Design erscheint sofort, und Sie k\u00f6nnen die mobile Ansicht vor dem Versand \u00fcberpr\u00fcfen.<\/li>\n<li><strong>Personalisieren Sie Ihre E-Mail vor dem Versand.<\/strong> Ersetzen Sie eine allgemeine Begr\u00fc\u00dfung durch ein Personalisierungsfeld f\u00fcr den Vornamen mit einem Standardwert. Speichern Sie die E-Mail anschlie\u00dfend als Vorlage, damit Ihre n\u00e4chste Kampagne nur einen Bruchteil der Zeit in Anspruch nimmt.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Die meisten Menschen denken beim E-Mail-Design nur in eine Richtung: Sie beginnen mit Code oder einer Vorlage und f\u00fcllen dann den Inhalt ein. Wenn Sie jedoch visuell denken, ist es besser, diese Reihenfolge umzukehren.<\/p>\n<p>Beginnen Sie damit, die E-Mail so zu gestalten, wie Sie alles andere auch gestalten w\u00fcrden \u2013 in Canva, wo Sie genau sehen, was Sie erstellen. Bringen Sie alles in die perfekte Form: Layout, Farben, Typografie und Abst\u00e4nde. \u00dcbergeben Sie dieses fertige Design dann an eine KI mit Bilderkennungsfunktionen und <a href=\"https:\/\/www.benchmarkemail.com\/de\/blog\/ki-html-e-mail-erstellen\/\">lassen Sie sie den HTML-Code schreiben,<\/a> der genau dem entspricht, was Sie bereits erstellt haben.<\/p>\n<p>Das Ergebnis ist eine voll funktionsf\u00e4hige, versandbereite HTML-E-Mail, die auf einem Design basiert, das Sie zuvor tats\u00e4chlich freigegeben haben. Kein blind geschriebener Code. Keine Schleife aus \u201eVorschau ansehen und anpassen\u201c, die l\u00e4nger dauert als das Design selbst. Sie sehen es, es gef\u00e4llt Ihnen, und dann wird daraus Code.<\/p>\n<h2>Warum Reverse Engineering funktioniert<\/h2>\n<p>Beim traditionellen <a href=\"https:\/\/www.benchmarkemail.com\/de\/blog\/e-mail-design-best-practices\/\">E-Mail-Design<\/a> steht der Code zwischen der kreativen Arbeit und dem Endergebnis. Sie skizzieren eine Idee, \u00f6ffnen eine Vorlage oder einen Code-Editor und versuchen, den Code an Ihre Idee anzupassen. Das funktioniert, ist aber ein Umweg. Sie \u00fcbersetzen st\u00e4ndig zwischen dem Bild, das Sie sich vorgestellt haben, und dem Markup, das Sie schreiben.<\/p>\n<p>Reverse Engineering \u00fcberspringt diese \u00dcbersetzung. Sie gestalten in der visuellen Umgebung, die sich f\u00fcr Sie nat\u00fcrlich anf\u00fchlt, exportieren das Ergebnis und bitten eine KI, es zu \u00fcbersetzen. Die KI hat gesehen, was Sie m\u00f6chten. Sie r\u00e4t nicht anhand einer Textbeschreibung, sondern arbeitet mit dem tats\u00e4chlichen, fertigen Design.<\/p>\n<p>Dieser Workflow ist besonders n\u00fctzlich f\u00fcr:<\/p>\n<ul>\n<li>Marketer, die sicher in Canva gestalten, aber kein HTML schreiben<\/li>\n<li>Teams, in denen dieselbe Person f\u00fcr Design und E-Mail-Produktion verantwortlich ist<\/li>\n<li>Kampagnen mit markanten Layouts, die nicht zu <a href=\"https:\/\/www.benchmarkemail.com\/de\/email-templates\/\">Standardvorlagen passen<\/a><\/li>\n<li>Alle, die ihr E-Mail-Design an bestehende Markenelemente anpassen m\u00f6chten, ohne mit einem Code-Grundger\u00fcst zu beginnen<\/li>\n<\/ul>\n<h2 dir=\"ltr\">Schritt 1: \u00d6ffnen Sie den E-Mail-Designer von Canva<\/h2>\n<p dir=\"ltr\">Wenn Sie noch kein Canva-Konto haben, k\u00f6nnen Sie kostenlos eines erstellen. Sobald Sie in Canva sind,\u00a0\u00f6ffnen Sie den\u00a0<strong>E-Mail-Designer,<\/strong> anstatt\u00a0ein Design auf einer leeren Seite zu beginnen. Das ist wichtig: Nur Designs, die im E-Mail-Designer erstellt wurden, lassen sich als HTML exportieren. Eine normale leere Arbeitsfl\u00e4che bietet Ihnen also nicht die Kopieren-und-Einf\u00fcgen-Option, die Sie sp\u00e4ter ben\u00f6tigen.<\/p>\n<p>&nbsp;<\/p>\n<h2 dir=\"ltr\">Schritt 2: Eine Vorlage ausw\u00e4hlen und individuell anpassen<\/h2>\n<p dir=\"ltr\">Der E-Mail-Designer von Canva bietet sowohl kostenlose als auch kostenpflichtige Vorlagen. W\u00e4hlen Sie eine Vorlage, die zu Ihrer Kampagne passt, und passen Sie sie an: Aktualisieren Sie den Text, tauschen Sie Bilder aus, f\u00fcgen Sie Ihr Logo hinzu und verwenden Sie Ihre Markenfarben.<\/p>\n<p dir=\"ltr\">Mit ein paar Gewohnheiten bleibt Ihr Design E-Mail-tauglich:<\/p>\n<ul dir=\"ltr\">\n<li><strong>Belassen Sie Text in Textfeldern.<\/strong> Text, der in ein Bild oder eine gruppierte Grafik eingebettet ist, wird als flaches Bild exportiert. Abonnenten k\u00f6nnen ihn dann nicht markieren, und Screenreader k\u00f6nnen ihn nicht vorlesen.<\/li>\n<li><strong>Verwenden Sie E-Mail-sichere Schriftarten.<\/strong> Canva warnt Sie, wenn eine Schriftart nicht korrekt im Posteingang angezeigt wird.<\/li>\n<li><strong><a href=\"https:\/\/www.benchmarkemail.com\/de\/blog\/wie-ki-gestutzte-stimmungsanalyse-e-mail-texte-verbessert\/\">Verwenden Sie echte Texte<\/a> und echte Links.<\/strong> F\u00fcgen Sie vor dem Export Ihre tats\u00e4chliche \u00dcberschrift, Ihren Flie\u00dftext und Ihre Button-Links ein.<\/li>\n<\/ul>\n<h2 dir=\"ltr\">Schritt 3: Den Canva-Footer l\u00f6schen<\/h2>\n<p dir=\"ltr\">Viele E-Mail-Vorlagen von Canva enthalten einen Footer-Bereich. L\u00f6schen Sie ihn einfach. Benchmark Email f\u00fcgt jedem Versand automatisch einen rechtskonformen Footer hinzu, einschlie\u00dflich Ihres Firmennamens, Ihrer Postanschrift sowie der f\u00fcr die Compliance erforderlichen Links zum Abmelden und zum Melden von Missbrauch. W\u00fcrden Sie den Footer von Canva behalten, h\u00e4tten Sie am Ende zwei.<\/p>\n<h2 dir=\"ltr\">Schritt 4: HTML kopieren<\/h2>\n<p dir=\"ltr\">Sobald Ihr Design fertig ist:<\/p>\n<ol dir=\"ltr\">\n<li>W\u00e4hlen Sie <strong>Teilen<\/strong> im Canva-Editor.<\/li>\n<li>W\u00e4hlen Sie <strong>HTML kopieren<\/strong>.<\/li>\n<li>Sobald Canva den Code generiert hat, w\u00e4hlen Sie <strong>In die Zwischenablage kopieren<\/strong>.<\/li>\n<\/ol>\n<p dir=\"ltr\">Mit Canva k\u00f6nnen Sie Ihr Design auch direkt \u00fcber Gmail versenden. Das funktioniert f\u00fcr eine Handvoll Empf\u00e4nger. Wenn Sie jedoch mehr als etwa 10 Kontakte anschreiben, sorgt der Versand \u00fcber eine E-Mail-Marketing-Plattform wie Benchmark daf\u00fcr, dass Ihre Kontaktdaten organisiert bleiben. Au\u00dferdem erhalten Sie Compliance-Funktionen und Tracking.<\/p>\n<h2 dir=\"ltr\">Schritt 5: HTML in Benchmark Email einf\u00fcgen<\/h2>\n<p dir=\"ltr\">Sie haben noch kein Benchmark-Konto? Sie k\u00f6nnen <a href=\"https:\/\/ui.benchmarkemail.com\/de\/register\">sich kostenlos registrieren<\/a>.<\/p>\n<ol dir=\"ltr\">\n<li>Erstellen Sie in Ihrem Benchmark-Dashboard eine neue E-Mail.<\/li>\n<li>W\u00e4hlen Sie den <strong>Custom HTML<\/strong> Block.<\/li>\n<li>\u00d6ffnen Sie den <a href=\"https:\/\/kb.benchmarkemail.com\/de\/erstellen-e-mail-code-editor\/\">HTML-E-Mail-Editor<\/a>, w\u00e4hlen Sie <strong>Von Grund auf neu<\/strong>, und f\u00fcgen Sie Ihr Canva-HTML ein.<\/li>\n<\/ol>\n<p dir=\"ltr\">Ihr Design wird sofort angezeigt. Wechseln Sie zur mobilen Vorschau, um zu pr\u00fcfen, ob es <a href=\"https:\/\/www.benchmarkemail.com\/de\/blog\/mobilfreundlichen-e-mail-kampagne-moglicherweise-begehen\/\">auf kleineren Bildschirmen sauber skaliert<\/a>. Au\u00dferdem sehen Sie, dass unten die Fu\u00dfzeile von Benchmark hinzugef\u00fcgt wurde.<\/p>\n<p>&nbsp;<\/p>\n<h2 dir=\"ltr\">Schritt 6: Personalisierung hinzuf\u00fcgen (optional, aber lohnenswert)<\/h2>\n<p dir=\"ltr\">Canva-Vorlagen verwenden oft eine allgemeine Begr\u00fc\u00dfung wie \u201eHallo Kaffeeliebhaber\u201c. In Benchmark k\u00f6nnen Sie daraus eine personalisierte Begr\u00fc\u00dfung machen:<\/p>\n<ol dir=\"ltr\">\n<li>Suchen Sie den Begr\u00fc\u00dfungstext im HTML. Verwenden Sie Strg+F (Cmd+F auf dem Mac), um ihn schnell zu finden.<\/li>\n<li>L\u00f6schen Sie den fest codierten Text.<\/li>\n<li>Klicken Sie auf <strong>Personalisieren<\/strong> und w\u00e4hlen Sie das Feld f\u00fcr den Vornamen Ihres Kontakts aus.<\/li>\n<li>Legen Sie einen Fallback-Wert fest, etwa den urspr\u00fcnglichen Text \u201eKaffeeliebhaber\u201c, damit auch Kontakte ohne hinterlegten Vornamen eine vollst\u00e4ndige Begr\u00fc\u00dfung sehen.<\/li>\n<\/ol>\n<p dir=\"ltr\">Ihre E-Mail beginnt nun bei den meisten Abonnenten mit \u201eHallo Sarah,\u201c und zeigt nie eine leere Stelle an.<\/p>\n<h2 dir=\"ltr\">Schritt 7: Versand einrichten<\/h2>\n<p dir=\"ltr\">Speichern Sie Ihre E-Mail und klicken Sie auf <strong>Weiter<\/strong>. Anschlie\u00dfend:<\/p>\n<ol dir=\"ltr\">\n<li>F\u00fcgen Sie Ihre Betreffzeile und Ihren Vorschautext hinzu.<\/li>\n<li>Best\u00e4tigen Sie Ihren Absendernamen und Ihre Absenderadresse.<\/li>\n<li>W\u00e4hlen Sie Ihre Kontaktliste aus.<\/li>\n<li>Senden Sie eine <a href=\"https:\/\/www.benchmarkemail.com\/de\/blog\/e-mail-testing\/\">Test-E-Mail<\/a> an sich selbst und pr\u00fcfen Sie sie in Gmail, Outlook und auf Ihrem Smartphone.<\/li>\n<li>Senden Sie die E-Mail.<\/li>\n<\/ol>\n<p dir=\"ltr\">Sobald alles funktioniert, speichern Sie sie als Vorlage in Benchmark Email, damit Ihre n\u00e4chste Kampagne mit demselben Marken-Layout startet.<\/p>\n<h2>Wann Sie zu Canva zur\u00fcckkehren und wann Sie bei der KI bleiben sollten<\/h2>\n<p>Sobald Sie mit dem HTML arbeiten, lassen sich kleine strukturelle Anpassungen im KI-Chat schneller umsetzen. Abst\u00e4nde anpassen, Farben korrigieren, Schriftgr\u00f6\u00dfen \u00e4ndern: Beschreiben Sie die \u00c4nderungen im Chat und Sie erhalten den aktualisierten Code zur\u00fcck.<\/p>\n<p>Gr\u00f6\u00dfere visuelle \u00c4nderungen, etwa ein neu gedachtes Layout, ein neues Abschnittskonzept oder eine ver\u00e4nderte Designrichtung insgesamt, setzen Sie schneller in Canva um. Aktualisieren Sie das Design, erstellen Sie einen neuen Screenshot und geben Sie der KI einen neuen Prompt. Sie kann entweder eine frische Vorlage generieren oder den neuen Screenshot mit dem bestehenden HTML vergleichen und beschreiben, was ge\u00e4ndert werden muss.<\/p>\n<p>Die beiden Tools erg\u00e4nzen sich. Canva ist f\u00fcr das visuelle Design zust\u00e4ndig. Die KI f\u00fcr den Code. Benchmark Email f\u00fcr den Versand. Jedes Tool erledigt seine Aufgabe.<\/p>\n<h2>H\u00e4ufig gestellte Fragen<\/h2>\n<h3 dir=\"ltr\">H\u00e4ufig gestellte Fragen<\/h3>\n<h3 dir=\"ltr\">Ben\u00f6tige ich ein kostenpflichtiges Canva-Konto, um HTML zu exportieren?<\/h3>\n<p dir=\"ltr\">Nein. Sie k\u00f6nnen ein kostenloses Canva-Konto erstellen und den E-Mail-Designer nutzen, der sowohl kostenlose als auch kostenpflichtige Vorlagen enth\u00e4lt. Entscheidend ist, dass Sie im E-Mail-Designer beginnen und nicht mit einem leeren Design, denn nur dort erhalten Sie die Option \u201eHTML kopieren\u201c.<\/p>\n<h3 dir=\"ltr\">Warum wird meine E-Mail als ein einziges gro\u00dfes Bild angezeigt?<\/h3>\n<p dir=\"ltr\">Alles, was als Teil eines Bildes gespeichert ist, etwa Text auf einer Bannergrafik oder Elemente, die zu einem einzigen Design gruppiert wurden, wird als flaches Bild statt als echtes HTML exportiert. Das kann die Lesbarkeit, die Barrierefreiheit und die Darstellung Ihrer E-Mail in manchen Postf\u00e4chern beeintr\u00e4chtigen. Um das zu vermeiden, erstellen Sie Ihr Design mit den Textfeldern, Rahmen und Layoutbl\u00f6cken von Canva und halten Sie wichtige Texte aus Bildern heraus.<\/p>\n<h3>Werden meine Schriftarten \u00fcbernommen?<\/h3>\n<p dir=\"ltr\">Nur E-Mail-sichere Schriftarten bleiben erhalten. Individuelle oder markenspezifische Display-Schriftarten werden in den Postf\u00e4chern Ihrer Abonnenten m\u00f6glicherweise durch eine Ersatzschrift ersetzt. Canva weist auf nicht unterst\u00fctzte Schriftarten hin, achten Sie also beim Gestalten auf diese Warnungen. Senden Sie sich immer eine Test-E-Mail, um zu sehen, wie Ihre Schriftarten tats\u00e4chlich dargestellt werden.<\/p>\n<h3 dir=\"ltr\">Muss ich einen Abmeldelink oder eine Fu\u00dfzeile hinzuf\u00fcgen?<\/h3>\n<p dir=\"ltr\">Nein. Benchmark Email f\u00fcgt jeder E-Mail automatisch eine rechtskonforme Fu\u00dfzeile hinzu, einschlie\u00dflich Ihres Firmennamens, Ihrer Postanschrift sowie der Links zum Abmelden und zum Melden von Missbrauch. L\u00f6schen Sie die Fu\u00dfzeile, die in Ihrer Canva-Vorlage enthalten ist, damit Sie am Ende nicht zwei Fu\u00dfzeilen haben.<\/p>\n<h3 dir=\"ltr\">Unterscheidet sich das von dem Beitrag zum Canva-Workflow, den Sie zuvor ver\u00f6ffentlicht haben?<\/h3>\n<p dir=\"ltr\">\u00c4hnlich, aber nicht gleich. Im fr\u00fcheren Beitrag werden Canva-Elemente verwendet, und KI erstellt anhand eines Text-Prompts den passenden HTML-Code dazu. Dieser Workflow kommt ganz ohne KI aus: Der E-Mail-Designer von Canva generiert den HTML-Code f\u00fcr Sie, und Sie f\u00fcgen ihn direkt in Benchmark Email ein. Das ist die einfachste Option, wenn Sie visuell gestalten und komplett auf Code verzichten m\u00f6chten.<\/p>\n<h3 dir=\"ltr\">Was tun, wenn meine E-Mail in Outlook oder auf Mobilger\u00e4ten nicht richtig aussieht?<\/h3>\n<p dir=\"ltr\">Sehen Sie sich Ihre E-Mail in der mobilen Vorschau von Benchmark an, senden Sie dann eine Test-E-Mail und \u00f6ffnen Sie sie in Gmail, Outlook und auf Ihrem Smartphone. Kleine Korrekturen, etwa bei Tippfehlern oder Links, k\u00f6nnen Sie direkt im HTML-Editor von Benchmark vornehmen. Bei \u00c4nderungen am Layout oder Design ist es meist einfacher, das Design in Canva anzupassen, den HTML-Code erneut zu kopieren und ihn wieder in Benchmark einzuf\u00fcgen.<\/p>\n<h3 dir=\"ltr\">Kann ich das Design f\u00fcr zuk\u00fcnftige Kampagnen speichern?<\/h3>\n<p dir=\"ltr\">Ja. Sobald Ihre E-Mail richtig aussieht, speichern Sie sie in Benchmark Email als Vorlage. F\u00fcr zuk\u00fcnftige Kampagnen laden Sie einfach die Vorlage und aktualisieren die Inhalte (\u00dcberschrift, Flie\u00dftext, Bilder und Links), ohne das Layout neu aufbauen zu m\u00fcssen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Wichtigste in K\u00fcrze Erst Design, dann Code. Gestalten Sie Ihre E-Mail visuell in Canva, bringen Sie sie genau in die gew\u00fcnschte Form und lassen Sie Canva den HTML-Code f\u00fcr Sie erstellen. Sie m\u00fcssen keine einzige Zeile Code schreiben. Beginnen Sie im E-Mail-Designer von Canva, nicht mit einer leeren Arbeitsfl\u00e4che. Nur Designs, die im E-Mail-Designer&hellip;<\/p>\n","protected":false},"author":3,"featured_media":49305,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_bme_ai_translator_target_languages":[],"_bme_ai_translator_force_retranslate":false,"footnotes":""},"categories":[2814],"tags":[],"class_list":["post-51835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-mail-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Von Canva zu HTML: E-Mail-Design in Code umwandeln<\/title>\n<meta name=\"description\" content=\"Gestalten Sie Ihre E-Mail in Canva, kopieren Sie den HTML-Code und f\u00fcgen Sie ihn in Benchmark Email ein. Schritt-f\u00fcr-Schritt-Anleitung ohne Code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Von Canva zu HTML: E-Mail-Design in Code umwandeln\" \/>\n<meta property=\"og:description\" content=\"Gestalten Sie Ihre E-Mail in Canva, kopieren Sie den HTML-Code und f\u00fcgen Sie ihn in Benchmark Email ein. Schritt-f\u00fcr-Schritt-Anleitung ohne Code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Marketing-Blog von Benchmark Email\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BenchmarkEmail\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-02T10:53:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2026\/03\/e-mail-marketing-kalender.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jessica Lunk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@benchmarkemail\" \/>\n<meta name=\"twitter:site\" content=\"@benchmarkemail\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jessica Lunk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/\"},\"author\":{\"name\":\"Jessica Lunk\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#\\\/schema\\\/person\\\/847df80db5a68e7705e0e16b624cc363\"},\"headline\":\"Erst Design, dann Code: So machen Sie aus einer Canva-E-Mail funktionierendes HTML\",\"datePublished\":\"2026-11-02T10:53:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/\"},\"wordCount\":1820,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/03\\\/e-mail-marketing-kalender.jpg\",\"articleSection\":[\"E-Mail-Marketing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/\",\"name\":\"Von Canva zu HTML: E-Mail-Design in Code umwandeln\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/03\\\/e-mail-marketing-kalender.jpg\",\"datePublished\":\"2026-11-02T10:53:11+00:00\",\"description\":\"Gestalten Sie Ihre E-Mail in Canva, kopieren Sie den HTML-Code und f\u00fcgen Sie ihn in Benchmark Email ein. Schritt-f\u00fcr-Schritt-Anleitung ohne Code.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/03\\\/e-mail-marketing-kalender.jpg\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/03\\\/e-mail-marketing-kalender.jpg\",\"width\":1400,\"height\":530},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/einer-canva-e-mail-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Erst Design, dann Code: So machen Sie aus einer Canva-E-Mail funktionierendes HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/\",\"name\":\"Marketing-Blog von Benchmark Email\",\"description\":\"Digitales Marketing-Tool. Erfahren Sie mehr \u00fcber E-Mail-Marketing, Automatisierung, Lead-Gewinnung und -Pflege, etc.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#organization\",\"name\":\"Benchmark Internet Group, LLC\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2019\\\/09\\\/benchmark-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2019\\\/09\\\/benchmark-logo.svg\",\"width\":1,\"height\":1,\"caption\":\"Benchmark Internet Group, LLC\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BenchmarkEmail\",\"https:\\\/\\\/x.com\\\/benchmarkemail\",\"https:\\\/\\\/www.instagram.com\\\/benchmarkemail\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/benchmark-email\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCS2asc1Z3ugpfkpnF2_mdbA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/#\\\/schema\\\/person\\\/847df80db5a68e7705e0e16b624cc363\",\"name\":\"Jessica Lunk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3b13a3fb5a8ed3f94335db565390b86aa4fe294c44779f324706a6f8905f6dac?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3b13a3fb5a8ed3f94335db565390b86aa4fe294c44779f324706a6f8905f6dac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3b13a3fb5a8ed3f94335db565390b86aa4fe294c44779f324706a6f8905f6dac?s=96&d=mm&r=g\",\"caption\":\"Jessica Lunk\"},\"description\":\"High level marketing, technical email topics, email trends | Jessica Lunk is the VP of Growth Marketing at Benchmark Email, where she combines strategic flair with hands-on expertise to help busy marketers elevate their email game. Delivering timely insights on list hygiene, ROI, and email deliverability, she\u2019s a go-to voice for practical marketing wisdom.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/jessica-lunk-39391017\\\/\"],\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/de\\\/blog\\\/author\\\/jessica\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Von Canva zu HTML: E-Mail-Design in Code umwandeln","description":"Gestalten Sie Ihre E-Mail in Canva, kopieren Sie den HTML-Code und f\u00fcgen Sie ihn in Benchmark Email ein. Schritt-f\u00fcr-Schritt-Anleitung ohne Code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/","og_locale":"en_US","og_type":"article","og_title":"Von Canva zu HTML: E-Mail-Design in Code umwandeln","og_description":"Gestalten Sie Ihre E-Mail in Canva, kopieren Sie den HTML-Code und f\u00fcgen Sie ihn in Benchmark Email ein. Schritt-f\u00fcr-Schritt-Anleitung ohne Code.","og_url":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/","og_site_name":"Marketing-Blog von Benchmark Email","article_publisher":"https:\/\/www.facebook.com\/BenchmarkEmail","article_published_time":"2026-11-02T10:53:11+00:00","og_image":[{"width":1400,"height":530,"url":"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2026\/03\/e-mail-marketing-kalender.jpg","type":"image\/jpeg"}],"author":"Jessica Lunk","twitter_card":"summary_large_image","twitter_creator":"@benchmarkemail","twitter_site":"@benchmarkemail","twitter_misc":{"Written by":"Jessica Lunk","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#article","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/"},"author":{"name":"Jessica Lunk","@id":"https:\/\/www.benchmarkemail.com\/de\/#\/schema\/person\/847df80db5a68e7705e0e16b624cc363"},"headline":"Erst Design, dann Code: So machen Sie aus einer Canva-E-Mail funktionierendes HTML","datePublished":"2026-11-02T10:53:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/"},"wordCount":1820,"commentCount":0,"publisher":{"@id":"https:\/\/www.benchmarkemail.com\/de\/#organization"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2026\/03\/e-mail-marketing-kalender.jpg","articleSection":["E-Mail-Marketing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/","url":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/","name":"Von Canva zu HTML: E-Mail-Design in Code umwandeln","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#primaryimage"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2026\/03\/e-mail-marketing-kalender.jpg","datePublished":"2026-11-02T10:53:11+00:00","description":"Gestalten Sie Ihre E-Mail in Canva, kopieren Sie den HTML-Code und f\u00fcgen Sie ihn in Benchmark Email ein. Schritt-f\u00fcr-Schritt-Anleitung ohne Code.","breadcrumb":{"@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#primaryimage","url":"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2026\/03\/e-mail-marketing-kalender.jpg","contentUrl":"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2026\/03\/e-mail-marketing-kalender.jpg","width":1400,"height":530},{"@type":"BreadcrumbList","@id":"https:\/\/www.benchmarkemail.com\/de\/blog\/einer-canva-e-mail-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.benchmarkemail.com\/de\/"},{"@type":"ListItem","position":2,"name":"Erst Design, dann Code: So machen Sie aus einer Canva-E-Mail funktionierendes HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.benchmarkemail.com\/de\/#website","url":"https:\/\/www.benchmarkemail.com\/de\/","name":"Marketing-Blog von Benchmark Email","description":"Digitales Marketing-Tool. Erfahren Sie mehr \u00fcber E-Mail-Marketing, Automatisierung, Lead-Gewinnung und -Pflege, etc.","publisher":{"@id":"https:\/\/www.benchmarkemail.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.benchmarkemail.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.benchmarkemail.com\/de\/#organization","name":"Benchmark Internet Group, LLC","url":"https:\/\/www.benchmarkemail.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/benchmark-logo.svg","contentUrl":"https:\/\/www.benchmarkemail.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/benchmark-logo.svg","width":1,"height":1,"caption":"Benchmark Internet Group, LLC"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BenchmarkEmail","https:\/\/x.com\/benchmarkemail","https:\/\/www.instagram.com\/benchmarkemail\/","https:\/\/www.linkedin.com\/company\/benchmark-email\/","https:\/\/www.youtube.com\/channel\/UCS2asc1Z3ugpfkpnF2_mdbA"]},{"@type":"Person","@id":"https:\/\/www.benchmarkemail.com\/de\/#\/schema\/person\/847df80db5a68e7705e0e16b624cc363","name":"Jessica Lunk","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3b13a3fb5a8ed3f94335db565390b86aa4fe294c44779f324706a6f8905f6dac?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3b13a3fb5a8ed3f94335db565390b86aa4fe294c44779f324706a6f8905f6dac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b13a3fb5a8ed3f94335db565390b86aa4fe294c44779f324706a6f8905f6dac?s=96&d=mm&r=g","caption":"Jessica Lunk"},"description":"High level marketing, technical email topics, email trends | Jessica Lunk is the VP of Growth Marketing at Benchmark Email, where she combines strategic flair with hands-on expertise to help busy marketers elevate their email game. Delivering timely insights on list hygiene, ROI, and email deliverability, she\u2019s a go-to voice for practical marketing wisdom.","sameAs":["https:\/\/www.linkedin.com\/in\/jessica-lunk-39391017\/"],"url":"https:\/\/www.benchmarkemail.com\/de\/blog\/author\/jessica\/"}]}},"_links":{"self":[{"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/posts\/51835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/comments?post=51835"}],"version-history":[{"count":0,"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/posts\/51835\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/media\/49305"}],"wp:attachment":[{"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/media?parent=51835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/categories?post=51835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/de\/wp-json\/wp\/v2\/tags?post=51835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}