{"id":20722,"date":"2019-07-16T00:00:00","date_gmt":"2019-07-16T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/dicas-criacao-e-mail-html-fluxo-trabalho\/"},"modified":"2026-09-15T04:47:54","modified_gmt":"2026-09-15T04:47:54","slug":"dicas-criacao-e-mail-html-fluxo-trabalho","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/","title":{"rendered":"Dicas de cria\u00e7\u00e3o de e-mail em HTML e fluxo de trabalho"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Ontem realizamos um Google Hangout com o nosso designer l\u00edder de produtos digitais, Lee Munroe. Neste hangout, Lee se aprofundou na cria\u00e7\u00e3o de modelos em HTML, come\u00e7ando com uma reflex\u00e3o sobre o estado atual do e-mail em HTML.<\/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-4311\"><p class=\"h5 m-0\" id=\"toc-title-4311\">\u00cdndice<\/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=\"#voce-sabia-os-modelos-de-e-mail-agora-fazem-parte-da-nossa-api-e-ui-saiba-mais\">Voc\u00ea sabia? Os modelos de e-mail agora fazem parte da nossa API e UI! Saiba mais.<\/a><a class=\"scrollme link-body-color\" href=\"#perguntas-e-respostas\">Perguntas e respostas<\/a><\/div><\/div><\/nav>\n\n\n<h2 class=\"wp-block-heading\">Voc\u00ea sabia? Os modelos de e-mail agora fazem parte da nossa API e UI! <a href=\"\/?blog_category=responsive-email-templates-you-can-get-creative-with\" target=\"_tabs\" rel=\"noopener noreferrer\">Saiba mais<\/a>.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ontem, realizamos um Google Hangout com nosso designer l\u00edder de produtos digitais,\u00a0<a href=\"https:\/\/twitter.com\/leemunroe\" target=\"_tabs\" rel=\"noopener noreferrer\">Lee Munroe<\/a>. Neste hangout, Lee se aprofundou na cria\u00e7\u00e3o de modelos em HTML, come\u00e7ando com uma reflex\u00e3o sobre o estado atual do e-mail em HTML e, em seguida, demonstrou como criar, fazer o design e automatizar seus modelos em HTML usando ferramentas como o Litmus e o Grunt. Abaixo est\u00e1 o v\u00eddeo com os minutos, incluindo uma sess\u00e3o de perguntas e respostas. Voc\u00ea tamb\u00e9m pode salvar a apresenta\u00e7\u00e3o do Lee para refer\u00eancia\u00a0<a href=\"https:\/\/speakerdeck.com\/leemunroe\/building-html-email-and-workflow-tips-from-mailgun\" target=\"_tabs\" rel=\"noopener noreferrer\">aqui<\/a>. Aproveite.<\/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=\"pt\" 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>\u00a0Introdu\u00e7\u00e3o e pauta<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por que o Lee tem sotaque? Bem, porque ele \u00e9 de Belfast, na Irlanda do Norte. H\u00e1 tr\u00eas coisas not\u00e1veis que tornam Belfast famosa: 1) \u00e9 onde o Titanic foi constru\u00eddo, 2) o Europa, supostamente o hotel mais bombardeado da Europa, fica em Belfast, onde muitos pol\u00edticos se hospedaram, incluindo Bill Clinton nos anos 90, e 3) \u00e9 onde muitas cenas de Game of Thrones foram gravadas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ok, vamos ao verdadeiro motivo de voc\u00ea ter participado deste hangout. O Lee \u00e9 mais conhecido por seu trabalho com design e experi\u00eancia do usu\u00e1rio. Recentemente, ele disponibilizou em c\u00f3digo aberto uma s\u00e9rie de modelos de e-mail e um fluxo de trabalho para facilitar a sua vida; voc\u00ea pode <a href=\"https:\/\/github.com\/mailgun\/transactional-email-templates\/tree\/master\/templates\" target=\"_tabs\" rel=\"noopener noreferrer\">acess\u00e1-los aqui<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(4:40)<\/b>\u00a0O estado do e-mail em HTML em 2015<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quando o Lee come\u00e7ou na Mailgun, todos os e-mails eram e-mails em texto simples, ent\u00e3o um dos seus primeiros projetos foi criar e-mails em HTML. Ele come\u00e7ou a usar o Litmus para testar o e-mail em todos os clientes de e-mail. As regras e a renderiza\u00e7\u00e3o diferem em v\u00e1rios clientes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(10:50)<\/b>\u00a0Solu\u00e7\u00f5es para a cria\u00e7\u00e3o de e-mail em HTML<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Com todos os obst\u00e1culos e bloqueios na cria\u00e7\u00e3o de e-mails em HTML para que funcionem em v\u00e1rios clientes, por onde come\u00e7amos? 1) Use tabelas em HTML. 2) Use CSS inline. 3) Segmente o Outlook com instru\u00e7\u00f5es condicionais. 4) Segmente o webkit e dispositivos menores com consultas de m\u00eddia. O Lee aborda a chamada &#8220;melhoria progressiva&#8221;, oferecendo uma base que funciona para todo mundo e uma experi\u00eancia aprimorada para quem tem suporte a ela.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(17:55)<\/b>\u00a0Fluxo de trabalho e um sistema<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A maioria das empresas de software n\u00e3o envia apenas um e-mail; elas enviam v\u00e1rios e-mails por meio de diversas plataformas. A programa\u00e7\u00e3o manual, um por um, n\u00e3o \u00e9 uma solu\u00e7\u00e3o escal\u00e1vel. Trate o seu e-mail como um site, com m\u00f3dulos, e n\u00e3o p\u00e1ginas. Geradores de sites est\u00e1ticos recomendados incluem: Jekyll, Middleman e Assemble. Por fim, teste com o 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>\u00a0Automa\u00e7\u00e3o (use algo como o Grunt)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depois de configurar seus e-mails em HTML, voc\u00ea vai querer automatiz\u00e1-los. Executores de tarefas como o Grunt podem fazer todas essas tarefas por n\u00f3s. Voc\u00ea pode adicionar v\u00e1rios plugins ao seu arquivo Grunt, por exemplo, para hospedar imagens em uma CDN como Rackspace Cloud Files ou Amazon CloudFront. N\u00e3o se esque\u00e7a de enviar os modelos para a sua base de c\u00f3digo.<\/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\">Demonstra\u00e7\u00e3o<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(26:55)<\/b>\u00a0Considera\u00e7\u00f5es finais \u2013 e-mail responsivo, a\u00e7\u00f5es do Gmail e texto de pr\u00e9-cabe\u00e7alho<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As consultas de m\u00eddia n\u00e3o funcionam no Gmail, por exemplo. Nicole Merlin tem um \u00f3timo tutorial sobre e-mail responsivo aqui:\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\">Voc\u00ea pode colocar o CTA na linha de assunto no Gmail para que o usu\u00e1rio n\u00e3o precise abrir o e-mail para ver do que se trata. Leia mais aqui:\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\">O texto de pr\u00e9-cabe\u00e7alho, tamb\u00e9m conhecido como texto de pr\u00e9-visualiza\u00e7\u00e3o, \u00e9 uma descri\u00e7\u00e3o extra na linha de assunto. Voc\u00ea pode adicionar uma linha de conte\u00fado oculta que o usu\u00e1rio n\u00e3o ver\u00e1 ao abrir o e-mail.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea tiver interesse em usar o Litmus para testar seus e-mails, n\u00e3o se esque\u00e7a de usar\u00a0<a href=\"https:\/\/litmus.com\/lp\/mailgun\" target=\"_tabs\" rel=\"noopener noreferrer\">litmus.com\/lp\/mailgun<\/a>\u00a0para ganhar um m\u00eas de teste gr\u00e1tis e usar o servi\u00e7o deles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(33:20)<\/b><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Perguntas e respostas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><b>O Grunt tem suporte ao GetResponse?<\/b><br>\nIsso depende do que voc\u00ea quer dizer com &#8220;suporte&#8221;. Voc\u00ea pode se comunicar com a API do GetResponse usando o Grunt.js e o plugin grunt-http.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>As consultas de m\u00eddia funcionam na vers\u00e3o web do Office 365?<\/b><br>\nAcredito que n\u00e3o. A renderiza\u00e7\u00e3o do Office 365 est\u00e1 muito alinhada com a do Outlook.com, que n\u00e3o tem suporte a consultas de m\u00eddia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Os pr\u00e9-cabe\u00e7alhos s\u00e3o compat\u00edveis apenas com o Gmail?<\/b><br>\nO texto de pr\u00e9-cabe\u00e7alho, tamb\u00e9m conhecido como texto de pr\u00e9-visualiza\u00e7\u00e3o, \u00e9 compat\u00edvel com Gmail, AOL, Yahoo, Apple Mail, Outlook 2013, al\u00e9m de aplicativos nativos do iOS e do Android.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Como o modelo \u00e9 enviado para a Mailgun?<\/b><br>\nA API da Mailgun aceita um par\u00e2metro de HTML; assim, voc\u00ea envia o e-mail em HTML completo. A Mailgun n\u00e3o armazena os modelos por conta pr\u00f3pria. A forma como voc\u00ea envia o e-mail para a nossa API depende de como voc\u00ea configurou a sua aplica\u00e7\u00e3o. Por exemplo, a configura\u00e7\u00e3o de uma aplica\u00e7\u00e3o Ruby on Rails seria um pouco diferente da configura\u00e7\u00e3o de uma aplica\u00e7\u00e3o em Python. Se voc\u00ea quisesse usar o fluxo de trabalho completo do Grunt que foi demonstrado, poderia incorporar o Gruntfile na sua base de c\u00f3digo e execut\u00e1-lo como parte do seu sistema de compila\u00e7\u00e3o. Ou voc\u00ea pode preferir manter o fluxo de trabalho do Grunt separado e armazenar os modelos em outro lugar.\u00a0<a href=\"https:\/\/www.sendwithus.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\">O Sendwithus<\/a>\u00a0\u00e9 um \u00f3timo servi\u00e7o para armazenar seus modelos de e-mail e ainda usar a API da Mailgun para fazer o envio.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ontem realizamos um Google Hangout com o nosso designer l\u00edder de produtos digitais, Lee Munroe. Neste hangout, Lee se aprofundou na cria\u00e7\u00e3o de modelos em HTML, come\u00e7ando com uma reflex\u00e3o sobre o estado atual do e-mail em HTML<\/p>\n","protected":false},"author":13,"featured_media":4074,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"blog_category":[20],"class_list":["post-20722","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>Dicas de cria\u00e7\u00e3o de e-mail em HTML transacional e fluxo de trabalho - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"Orienta\u00e7\u00f5es sobre como usar os designers de modelo para criar modelos de e-mail em HTML transacionais a fim de aprimorar o envio de e-mails e a entregabilidade. Leia mais \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\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dicas de cria\u00e7\u00e3o de e-mail em HTML transacional e fluxo de trabalho - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"Orienta\u00e7\u00f5es sobre como usar os designers de modelo para criar modelos de e-mail em HTML transacionais a fim de aprimorar o envio de e-mails e a entregabilidade. Leia mais \u2013\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T04:47:54+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 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/\",\"name\":\"Dicas de cria\u00e7\u00e3o de e-mail em HTML transacional e fluxo de trabalho - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/#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-15T04:47:54+00:00\",\"description\":\"Orienta\u00e7\u00f5es sobre como usar os designers de modelo para criar modelos de e-mail em HTML transacionais a fim de aprimorar o envio de e-mails e a entregabilidade. Leia mais \u2013\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/#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\\\/pt\\\/blog\\\/email\\\/dicas-criacao-e-mail-html-fluxo-trabalho\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/inicio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dicas de cria\u00e7\u00e3o de e-mail em HTML e fluxo de trabalho\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#\\\/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\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dicas de cria\u00e7\u00e3o de e-mail em HTML transacional e fluxo de trabalho - Transactional Email API Service For Developers | Mailgun","description":"Orienta\u00e7\u00f5es sobre como usar os designers de modelo para criar modelos de e-mail em HTML transacionais a fim de aprimorar o envio de e-mails e a entregabilidade. Leia mais \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\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/","og_locale":"pt_BR","og_type":"article","og_title":"Dicas de cria\u00e7\u00e3o de e-mail em HTML transacional e fluxo de trabalho - Transactional Email API Service For Developers | Mailgun","og_description":"Orienta\u00e7\u00f5es sobre como usar os designers de modelo para criar modelos de e-mail em HTML transacionais a fim de aprimorar o envio de e-mails e a entregabilidade. Leia mais \u2013","og_url":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-09-15T04:47:54+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 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/","url":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/","name":"Dicas de cria\u00e7\u00e3o de e-mail em HTML transacional e fluxo de trabalho - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/#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-15T04:47:54+00:00","description":"Orienta\u00e7\u00f5es sobre como usar os designers de modelo para criar modelos de e-mail em HTML transacionais a fim de aprimorar o envio de e-mails e a entregabilidade. Leia mais \u2013","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/#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\/pt\/blog\/email\/dicas-criacao-e-mail-html-fluxo-trabalho\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/pt\/inicio\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/pt\/blog\/"},{"@type":"ListItem","position":3,"name":"Dicas de cria\u00e7\u00e3o de e-mail em HTML e fluxo de trabalho"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/pt\/#website","url":"https:\/\/www.mailgun.com\/pt\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!","publisher":{"@id":"https:\/\/www.mailgun.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/pt\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/#\/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\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/users\/13"}],"version-history":[{"count":1,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20722\/revisions"}],"predecessor-version":[{"id":20723,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20722\/revisions\/20723"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media\/4074"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media?parent=20722"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog_category?post=20722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}