{"id":20827,"date":"2019-07-16T00:00:00","date_gmt":"2019-07-16T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/tipps-erstellung-html-e-mails-workflows\/"},"modified":"2026-09-15T05:30:36","modified_gmt":"2026-09-15T05:30:36","slug":"tipps-erstellung-html-e-mails-workflows","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/","title":{"rendered":"Tipps f\u00fcr die Erstellung von HTML-E-Mails und Workflows"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Gestern haben wir ein Google Hangout mit unserem Lead Digital Product Designer, Lee Munroe, veranstaltet. In diesem Hangout besch\u00e4ftigte sich Lee intensiv mit der Erstellung von HTML-Vorlagen, indem er zun\u00e4chst einen Blick auf den heutigen Stand von HTML-E-Mails warf.<\/p>\n\n\n\r\n    <nav data-content-type=\"longform\" class=\"toc-block longform-spacings px-5 py-6 px-md-6 px-lg-7 py-md-7 bg-light fs-sm rounded-lg\" aria-labelledby=\"toc-title-1293\"><p class=\"h5 m-0\" id=\"toc-title-1293\">Inhaltsverzeichnis<\/p><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">01<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#wussten-sie-schon-e-mail-vorlagen-sind-jetzt-teil-unserer-api-und-ui-mehr-erfahren\">Wussten Sie schon? E-Mail-Vorlagen sind jetzt Teil unserer API und UI Mehr erfahren.<\/a><a class=\"scrollme link-body-color\" href=\"#qa\">QA<\/a><\/div><\/div><\/nav>\n\n\n<h2 class=\"wp-block-heading\">Wussten Sie schon? E-Mail-Vorlagen sind jetzt Teil unserer API und UI <a href=\"\/?blog_category=responsive-email-templates-you-can-get-creative-with\" target=\"_tabs\" rel=\"noopener noreferrer\">Mehr erfahren<\/a>.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gestern haben wir ein Google Hangout veranstaltet. Mit dabei war unser Lead Digital Product Designer,\u00a0<a href=\"https:\/\/twitter.com\/leemunroe\" target=\"_tabs\" rel=\"noopener noreferrer\">Lee Munroe<\/a>. In diesem Hangout besch\u00e4ftigte sich Lee intensiv mit der Erstellung von HTML-Vorlagen, indem er zun\u00e4chst einen Blick auf den heutigen Stand von HTML-E-Mails warf und anschlie\u00dfend demonstrierte, wie Sie Ihre HTML-Vorlagen mit Tools wie Litmus und Grunt erstellen, entwerfen und automatisieren. Unten finden Sie das Video mit Zeitangaben, einschlie\u00dflich einer Q&amp;A-Runde. Speichern Sie sich Lees Pr\u00e4sentation als Referenz\u00a0<a href=\"https:\/\/speakerdeck.com\/leemunroe\/building-html-email-and-workflow-tips-from-mailgun\" target=\"_tabs\" rel=\"noopener noreferrer\">hier<\/a>. Viel Spa\u00df.<\/p>\n\n\n\t<div class=\"custom-video\">\r\n\t\t\t\t\t                    <div class=\"iframe-responsive-container lazy-video rounded-lg overflow-hidden \">\r\n                <a href=\"https:\/\/www.youtube.com\/watch?v=yx_PD4gVs_U\" class=\"lazy-video-link\" data-lazy-video=\"yx_PD4gVs_U\" target=\"_blank\" rel=\"nofollow\" role=\"button\" data-source=\"youtube\" data-language=\"de\" data-thumb=\"https:\/\/img.youtube.com\/vi\/yx_PD4gVs_U\/maxresdefault.jpg\" title=\"Sinch-Video\">\r\n                    <div class=\"btn btn-light btn-light-social btn-play btn-play-circle\">\r\n                                                    <svg aria-hidden=\"true\" data-url=\"https:\/\/www.mailgun.com\/wp-content\/plugins\/sinch-core\/assets\/icons\/sinch\/play.svg\"><\/svg>\r\n                                            <\/div>\r\n                    <img decoding=\"async\"  src=\"https:\/\/img.youtube.com\/vi\/yx_PD4gVs_U\/maxresdefault.jpg\" alt=\"Mailgun: Tips on Building HTML Emails\">\r\n                <\/a>\r\n            <\/div>\r\n                        <script type=\"application\/ld+json\">\r\n            {\n    \"@context\": \"http:\/\/schema.org\",\n    \"@type\": \"VideoObject\",\n    \"@id\": \"https:\/\/www.youtube.com\/watch?v=yx_PD4gVs_U#VideoObject\",\n    \"thumbnailUrl\": \"https:\/\/img.youtube.com\/vi\/yx_PD4gVs_U\/maxresdefault.jpg\",\n    \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/yx_PD4gVs_U\",\n    \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=yx_PD4gVs_U\",\n    \"name\": \"Mailgun: Tips on Building HTML Emails\",\n    \"description\": \"If you\\u2019re currently sending emails to help engage and grow your product user base, you\\u2019ll want to join us for this interactive hangout. Lee Munroe, Mailgun\\u2019s Lead Digital Product Designer, will be providing tips on how to create HTML templates effortlessly. In this hangout, he\\u2019ll cover:\\u00a0\\n\\n- The current state of email in 2015\\n- HTML\/CSS support in email clients\\n- Mobile and responsive email solutions\\n- Creating an automated email design workflow\\n- Cool things you CAN do with email\\n\\nMake sure to register and submit your questions prior to the event.\\u00a0\\n\\nWant to submit your questions on Twitter? No problem. Make sure to use #mailgunhangouts\",\n    \"uploadDate\": \"2015-07-22T18:51:54+00:00\",\n    \"duration\": \"PT42M6S\"\n}        <\/script>\r\n        \t\t\r\n\t\t\t<\/div>\r\n\r\n\t\r\n\n\n\n<p class=\"wp-block-paragraph\"><b>(2:00)<\/b>\u00a0Einf\u00fchrung und Agenda<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Warum hat Lee einen Akzent? Nun, weil er aus Belfast in Nordirland stammt. Es gibt drei bemerkenswerte Dinge, die Belfast ber\u00fchmt machen: 1) Dort wurde die Titanic gebaut, 2) das Europa, das angeblich am h\u00e4ufigsten bombardierte Hotel Europas, befindet sich in Belfast und hat schon viele Politiker beherbergt, darunter Bill Clinton in den 90er Jahren, und 3) dort werden viele Szenen f\u00fcr Game of Thrones gedreht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kommen wir zum eigentlichen Grund, warum Sie an diesem Hangout teilnehmen. Lee ist vor allem f\u00fcr seine Arbeit in den Bereichen Nutzererlebnis und Design bekannt. K\u00fcrzlich hat er eine Reihe von E-Mail-Vorlagen und einen Workflow als Open Source ver\u00f6ffentlicht, um Ihnen das Leben zu erleichtern; Sie k\u00f6nnen <a href=\"https:\/\/github.com\/mailgun\/transactional-email-templates\/tree\/master\/templates\" target=\"_tabs\" rel=\"noopener noreferrer\">hier darauf zugreifen<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(4:40)<\/b>\u00a0Stand der HTML-E-Mails im Jahr 2015<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als Lee bei Mailgun anfing, bestanden alle E-Mails aus reinen Text-E-Mails. Eines seiner ersten Projekte war also die Erstellung von HTML-E-Mails. Er begann, Litmus zu verwenden, um E-Mails in allen E-Mail-Clients zu testen. Die Regeln und das Rendering unterscheiden sich je nach Client.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(10:50)<\/b>\u00a0L\u00f6sungen f\u00fcr die Erstellung von HTML-E-Mails<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wo fangen wir bei all den H\u00fcrden und Hindernissen an, wenn HTML-E-Mails in verschiedenen Clients funktionieren sollen? 1) HTML-Tabellen verwenden 2) Inline-CSS 3) Outlook mit bedingten Anweisungen ansprechen 4) Webkit und kleinere Ger\u00e4te mit Medienabfragen ansprechen. Lee behandelt das sogenannte \u201eProgressive Enhancement\u201c, das eine Basis bietet, die f\u00fcr alle funktioniert, sowie ein erweitertes Erlebnis f\u00fcr Clients, die dies unterst\u00fctzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(17:55)<\/b>\u00a0Workflow und ein System<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die meisten Softwareunternehmen versenden nicht nur eine einzige E-Mail, sondern unz\u00e4hlige E-Mails \u00fcber verschiedene Plattformen hinweg. Das manuelle Coding jeder einzelnen E-Mail ist keine skalierbare L\u00f6sung. Behandeln Sie Ihre E-Mail wie eine Website: Module statt Seiten. Zu den empfohlenen Generatoren f\u00fcr statische Websites geh\u00f6ren Jekyll, Middleman und Assemble. Testen Sie abschlie\u00dfend mit Litmus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4204\" width=\"1024\" height=\"629\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/HTML-templates__1_.png\" alt=\"HTML-templates__1_\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/HTML-templates__1_.png 1024w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/HTML-templates__1_-300x184.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/HTML-templates__1_-768x472.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(21:20)<\/b>\u00a0Automatisierung (verwenden Sie etwas wie Grunt)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sobald Ihre HTML-E-Mails eingerichtet sind, sollten Sie den Prozess automatisieren. Task-Runner wie Grunt k\u00f6nnen all diese Aufgaben f\u00fcr uns \u00fcbernehmen. F\u00fcgen Sie Ihrer Grunt-Datei eine Reihe von Plugins hinzu, beispielsweise f\u00fcr das Hosting von Bildern auf einem CDN wie Rackspace Cloud Files oder Amazon CloudFront. Stellen Sie sicher, dass Sie Vorlagen in Ihre Codebasis \u00fcbernehmen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(24:05)<\/b>\u00a0<a href=\"https:\/\/github.com\/leemunroe\/grunt-email-workflow\" target=\"_tabs\" rel=\"noopener noreferrer\">Demo<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(26:55)<\/b>\u00a0Abschlie\u00dfende Gedanken \u2013 responsive E-Mails, Gmail-Aktionen, Preheader-Text<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Medienabfragen funktionieren beispielsweise bei Gmail nicht. Nicole Merlin bietet hier ein gro\u00dfartiges Tutorial f\u00fcr responsive E-Mails:\u00a0<a href=\"http:\/\/webdesign.tutsplus.com\/series\/mastering-html-email--webdesign-17696\" target=\"_tabs\" rel=\"noopener noreferrer\">j.mp\/responsive-email-tut<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In Gmail kann der CTA direkt in der Betreffzeile stehen, sodass Nutzer die E-Mail nicht \u00f6ffnen m\u00fcssen, um das Thema zu sehen. Lesen Sie hier mehr:\u00a0<a href=\"https:\/\/developers.google.com\/gmail\/markup\/\" target=\"_tabs\" rel=\"noopener noreferrer\">developers.google.com\/gmail\/markup<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Preheader-Text, auch Vorschau-Text genannt, ist eine zus\u00e4tzliche Beschreibung in der Betreffzeile. F\u00fcgen Sie eine versteckte Inhaltszeile hinzu, die Nutzer beim \u00d6ffnen der E-Mail nicht sehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie Litmus zum Testen Ihrer E-Mails nutzen m\u00f6chten, verwenden Sie unbedingt\u00a0<a href=\"https:\/\/litmus.com\/lp\/mailgun\" target=\"_tabs\" rel=\"noopener noreferrer\">litmus.com\/lp\/mailgun<\/a>\u00a0um den Service einen Monat lang kostenlos zu testen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(33:20)<\/b><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Q&amp;A<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Bietet Grunt Support f\u00fcr GetResponse?<\/b><br>\nDas h\u00e4ngt davon ab, was Sie unter \u201eSupport\u201c verstehen. Kommunizieren Sie \u00fcber Grunt.js und das grunt-http-Plugin mit der API von GetResponse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Funktionieren Medienabfragen in der Webversion von Office 365?<\/b><br>\nIch glaube nicht. Das Rendering von Office 365 orientiert sich stark an dem von Outlook.com, das keinen Support f\u00fcr Medienabfragen bietet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Werden Preheader nur in Gmail unterst\u00fctzt?<\/b><br>\nPreheader-Text, auch Vorschau-Text genannt, wird in Gmail, AOL, Yahoo, Apple Mail, Outlook 2013 sowie in nativen iOS- und Android-Apps unterst\u00fctzt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Wie wird die Vorlage an Mailgun \u00fcbermittelt?<\/b><br>\nDie API von Mailgun erfordert einen HTML-Parameter, Sie senden also die vollst\u00e4ndige HTML-E-Mail. Mailgun selbst speichert keine Vorlagen. Wie Sie die E-Mail an unsere API senden, h\u00e4ngt davon ab, wie Sie Ihre Anwendung eingerichtet haben. Eine Ruby-on-Rails-Anwendung w\u00e4re beispielsweise etwas anders eingerichtet als eine Python-Anwendung. Wenn Sie den komplett demonstrierten Grunt-Workflow nutzen m\u00f6chten, k\u00f6nnten Sie das Gruntfile in Ihre Codebasis einbetten und als Teil Ihres Build-Systems ausf\u00fchren. Alternativ k\u00f6nnen Sie den Grunt-Workflow auch separat halten und die Vorlagen an anderer Stelle speichern.\u00a0<a href=\"https:\/\/www.sendwithus.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\">Sendwithus<\/a>\u00a0ist ein gro\u00dfartiger Service zum Speichern Ihrer E-Mail-Vorlagen, bei dem Sie weiterhin die API von Mailgun f\u00fcr den Versand nutzen k\u00f6nnen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gestern haben wir ein Google Hangout mit unserem Lead Digital Product Designer, Lee Munroe, veranstaltet. In diesem Hangout besch\u00e4ftigte sich Lee intensiv mit der Erstellung von HTML-Vorlagen, indem er zun\u00e4chst einen Blick auf den heutigen Stand von HTML-E-Mails warf<\/p>\n","protected":false},"author":13,"featured_media":4074,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"blog_category":[20],"class_list":["post-20827","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-email"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tipps f\u00fcr die Erstellung von Transaktions-HTML-E-Mails und Workflows - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"Ratschl\u00e4ge zur Verwendung von Vorlagen-Designern f\u00fcr die Erstellung von Transaktions-HTML-E-Mail-Vorlagen, um den E-Mail-Versand und die Zustellbarkeit zu verbessern. Weiterlesen \u2013\" \/>\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.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tipps f\u00fcr die Erstellung von Transaktions-HTML-E-Mails und Workflows - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"Ratschl\u00e4ge zur Verwendung von Vorlagen-Designern f\u00fcr die Erstellung von Transaktions-HTML-E-Mail-Vorlagen, um den E-Mail-Versand und die Zustellbarkeit zu verbessern. Weiterlesen \u2013\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T05:30:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/\",\"name\":\"Tipps f\u00fcr die Erstellung von Transaktions-HTML-E-Mails und Workflows - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"datePublished\":\"2019-07-16T00:00:00+00:00\",\"dateModified\":\"2026-09-15T05:30:36+00:00\",\"description\":\"Ratschl\u00e4ge zur Verwendung von Vorlagen-Designern f\u00fcr die Erstellung von Transaktions-HTML-E-Mail-Vorlagen, um den E-Mail-Versand und die Zustellbarkeit zu verbessern. Weiterlesen \u2013\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"width\":720,\"height\":448},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/email\\\/tipps-erstellung-html-e-mails-workflows\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tipps f\u00fcr die Erstellung von HTML-E-Mails und Workflows\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Leistungsstarke Transaktions-E-Mail-APIs, mit denen Sie E-Mails senden, empfangen und nachverfolgen k\u00f6nnen, speziell f\u00fcr Entwickler konzipiert. Erfahren Sie noch heute mehr!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Transactional Email API Service For Developers | Mailgun\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tipps f\u00fcr die Erstellung von Transaktions-HTML-E-Mails und Workflows - Transactional Email API Service For Developers | Mailgun","description":"Ratschl\u00e4ge zur Verwendung von Vorlagen-Designern f\u00fcr die Erstellung von Transaktions-HTML-E-Mail-Vorlagen, um den E-Mail-Versand und die Zustellbarkeit zu verbessern. Weiterlesen \u2013","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.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/","og_locale":"de_DE","og_type":"article","og_title":"Tipps f\u00fcr die Erstellung von Transaktions-HTML-E-Mails und Workflows - Transactional Email API Service For Developers | Mailgun","og_description":"Ratschl\u00e4ge zur Verwendung von Vorlagen-Designern f\u00fcr die Erstellung von Transaktions-HTML-E-Mail-Vorlagen, um den E-Mail-Versand und die Zustellbarkeit zu verbessern. Weiterlesen \u2013","og_url":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-09-15T05:30:36+00:00","og_image":[{"width":720,"height":448,"url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/","url":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/","name":"Tipps f\u00fcr die Erstellung von Transaktions-HTML-E-Mails und Workflows - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","datePublished":"2019-07-16T00:00:00+00:00","dateModified":"2026-09-15T05:30:36+00:00","description":"Ratschl\u00e4ge zur Verwendung von Vorlagen-Designern f\u00fcr die Erstellung von Transaktions-HTML-E-Mail-Vorlagen, um den E-Mail-Versand und die Zustellbarkeit zu verbessern. Weiterlesen \u2013","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/#primaryimage","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","width":720,"height":448},{"@type":"BreadcrumbList","@id":"https:\/\/www.mailgun.com\/de\/blog\/email\/tipps-erstellung-html-e-mails-workflows\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/de\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/de\/blog\/"},{"@type":"ListItem","position":3,"name":"Tipps f\u00fcr die Erstellung von HTML-E-Mails und Workflows"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/de\/#website","url":"https:\/\/www.mailgun.com\/de\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Leistungsstarke Transaktions-E-Mail-APIs, mit denen Sie E-Mails senden, empfangen und nachverfolgen k\u00f6nnen, speziell f\u00fcr Entwickler konzipiert. Erfahren Sie noch heute mehr!","publisher":{"@id":"https:\/\/www.mailgun.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/de\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.mailgun.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","width":512,"height":512,"caption":"Transactional Email API Service For Developers | Mailgun"},"image":{"@id":"https:\/\/www.mailgun.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog\/20827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/users\/13"}],"version-history":[{"count":1,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog\/20827\/revisions"}],"predecessor-version":[{"id":20828,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog\/20827\/revisions\/20828"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/media\/4074"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/media?parent=20827"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog_category?post=20827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}