{"id":21001,"date":"2019-07-16T00:00:00","date_gmt":"2019-07-16T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/"},"modified":"2026-09-15T07:50:47","modified_gmt":"2026-09-15T07:50:47","slug":"consejos-crear-emails-en-html-y-flujo-de-trabajo","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/","title":{"rendered":"Consejos para crear emails en HTML y flujo de trabajo"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Ayer organizamos un Google Hangout con nuestro dise\u00f1ador principal de productos digitales, Lee Munroe. En este hangout, Lee analiz\u00f3 a fondo la creaci\u00f3n de plantillas en HTML; para ello, primero repas\u00f3 el estado actual de los emails en 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-1791\"><p class=\"h5 m-0\" id=\"toc-title-1791\">\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=\"#sabias-que-las-plantillas-de-email-ya-forman-parte-de-nuestra-api-y-de-la-interfaz-de-usuario-mas-informacion\">\u00bfSab\u00edas que? \u00a1Las plantillas de email ya forman parte de nuestra API y de la interfaz de usuario! M\u00e1s informaci\u00f3n.<\/a><a class=\"scrollme link-body-color\" href=\"#preguntas-y-respuestas\">Preguntas y respuestas<\/a><\/div><\/div><\/nav>\n\n\n<h2 class=\"wp-block-heading\">\u00bfSab\u00edas que? \u00a1Las plantillas de email ya forman parte de nuestra API y de la interfaz de usuario! <a href=\"https:\/\/www.mailgun.com\/es\/?blog_category=responsive-email-templates-you-can-get-creative-with\" target=\"_tabs\" rel=\"noopener noreferrer\">M\u00e1s informaci\u00f3n<\/a>.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ayer organizamos un Google Hangout con nuestro dise\u00f1ador principal de productos digitales,\u00a0<a href=\"https:\/\/twitter.com\/leemunroe\" target=\"_tabs\" rel=\"noopener noreferrer\">Lee Munroe<\/a>. En este hangout, Lee analiz\u00f3 a fondo la creaci\u00f3n de plantillas en HTML; para ello, primero repas\u00f3 el estado actual de los emails en HTML y, a continuaci\u00f3n, demostr\u00f3 c\u00f3mo crear, dise\u00f1ar y automatizar tus plantillas en HTML utilizando herramientas como Litmus y Grunt. A continuaci\u00f3n tienes el v\u00eddeo con los minutos, que incluye un turno de preguntas y respuestas. Tambi\u00e9n puedes guardar la presentaci\u00f3n de Lee como referencia\u00a0<a href=\"https:\/\/speakerdeck.com\/leemunroe\/building-html-email-and-workflow-tips-from-mailgun\" target=\"_tabs\" rel=\"noopener noreferrer\">aqu\u00ed<\/a>. Que lo disfrutes.<\/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=\"es\" data-thumb=\"https:\/\/img.youtube.com\/vi\/yx_PD4gVs_U\/maxresdefault.jpg\" title=\"V\u00eddeo de Sinch\">\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>\u00a0Introducci\u00f3n y agenda<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfPor qu\u00e9 Lee tiene acento? Pues porque es de Belfast (Irlanda del Norte). Hay tres cosas importantes por las que Belfast es famosa: 1) es donde se construy\u00f3 el Titanic; 2) el Europa, supuestamente el hotel m\u00e1s bombardeado de Europa, est\u00e1 en Belfast y en \u00e9l se han alojado muchos pol\u00edticos, como Bill Clinton en los 90, y 3) es donde se ruedan muchas escenas de Juego de Tronos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vale, pasemos al verdadero motivo por el que te has unido a este hangout. A Lee se le conoce principalmente por su trabajo de dise\u00f1o y experiencia de usuario. Hace poco public\u00f3 como c\u00f3digo abierto una serie de plantillas de email y un flujo de trabajo para facilitarte la vida; puedes <a href=\"https:\/\/github.com\/mailgun\/transactional-email-templates\/tree\/master\/templates\" target=\"_tabs\" rel=\"noopener noreferrer\">acceder aqu\u00ed<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(4:40)<\/b>\u00a0Estado de los emails en HTML en 2015<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando Lee empez\u00f3 a trabajar en Mailgun, todos los emails eran de texto sin formato, as\u00ed que uno de sus primeros proyectos fue crear emails en HTML. Empez\u00f3 a utilizar Litmus para probar el email en todos los clientes de email. Las reglas y el renderizado var\u00edan en los distintos clientes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(10:50)<\/b>\u00a0Soluciones para crear emails en HTML<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con todos los obst\u00e1culos y dificultades que supone crear emails en HTML para que funcionen en los distintos clientes, \u00bfpor d\u00f3nde empezamos? 1) Utilizar tablas en HTML; 2) CSS en l\u00ednea; 3) orientarse a Outlook con declaraciones condicionales; 4) orientarse a webkit y dispositivos m\u00e1s peque\u00f1os con consultas de medios. Lee explica lo que se conoce como \u201cmejora progresiva\u201d, que ofrece una base que funciona para todo el mundo y una experiencia mejorada para aquellos que la admiten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(17:55)<\/b>\u00a0Flujo de trabajo y un sistema<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La mayor\u00eda de las empresas de software no env\u00edan solo un email, sino muchos a trav\u00e9s de varias plataformas. La programaci\u00f3n a mano, uno por uno, no es una soluci\u00f3n escalable. Trata tu email como un sitio web: con m\u00f3dulos, no p\u00e1ginas. Entre los generadores de sitios est\u00e1ticos recomendados se incluyen: Jekyll, Middleman y Assemble. Por \u00faltimo, haz pruebas con 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>\u00a0Automatizaci\u00f3n (utiliza algo como Grunt)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez que tengas tus emails en HTML configurados, querr\u00e1s automatizarlos. Los ejecutores de tareas como Grunt pueden hacer todas estas tareas por nosotros. Puedes a\u00f1adir un mont\u00f3n de plugins a tu archivo de Grunt, por ejemplo, para alojar im\u00e1genes en una CDN como Rackspace Cloud Files o Amazon CloudFront. Aseg\u00farate de enviar las plantillas a tu c\u00f3digo base.<\/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>\u00a0Reflexiones finales: email responsive, acciones de Gmail, texto de preencabezado<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las consultas de medios no funcionan en Gmail, por ejemplo. Nicole Merlin tiene un fant\u00e1stico tutorial sobre emails responsive aqu\u00ed:\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\">Puedes incluir la CTA en la l\u00ednea de asunto en Gmail para que los usuarios no tengan que abrir el email para ver el asunto. Lee m\u00e1s aqu\u00ed:\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\">El texto de preencabezado, tambi\u00e9n conocido como texto de previsualizaci\u00f3n, es una descripci\u00f3n adicional en la l\u00ednea de asunto. Puedes a\u00f1adir una l\u00ednea de contenido oculta que el usuario no ver\u00e1 al abrir el email.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si te interesa usar Litmus para hacer pruebas con tus emails, aseg\u00farate de utilizar\u00a0<a href=\"https:\/\/litmus.com\/lp\/mailgun\" target=\"_tabs\" rel=\"noopener noreferrer\">litmus.com\/lp\/mailgun<\/a>\u00a0para conseguir un mes de prueba gratis de su servicio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>(33:20)<\/b><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Preguntas y respuestas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><b>\u00bfAdmite Grunt GetResponse?<\/b><br>\\nDepende de lo que entiendas por \u201cadmitir\u201d. Puedes comunicarte con la API de GetResponse mediante Grunt.js y el plugin grunt-http.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>\u00bfFuncionan las consultas de medios en la versi\u00f3n web de Office 365?<\/b><br>\nCreo que no. La renderizaci\u00f3n de Office 365 es muy parecida a la de Outlook.com, que no admite las consultas de medios.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>\u00bfSon compatibles los preencabezados solo en Gmail?<\/b><br>\nEl texto de preencabezado, tambi\u00e9n conocido como texto de previsualizaci\u00f3n, es compatible con Gmail, AOL, Yahoo, Apple Mail, Outlook 2013, aplicaciones nativas de iOS y aplicaciones nativas de Android.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>\u00bfC\u00f3mo se env\u00eda la plantilla a Mailgun?<\/b><br>\nLa API de Mailgun acepta un par\u00e1metro HTML, de modo que env\u00edas el email en HTML completo. Mailgun no almacena plantillas por s\u00ed mismo. La forma de enviar el email a nuestra API depende de c\u00f3mo hayas configurado tu aplicaci\u00f3n. Por ejemplo, una aplicaci\u00f3n de Ruby on Rails se configurar\u00eda de forma ligeramente distinta a una de Python. Si quisieras utilizar todo el flujo de trabajo de Grunt de la demo, podr\u00edas integrar el archivo Gruntfile en tu c\u00f3digo base y ejecutarlo como parte de tu sistema de compilaci\u00f3n. O quiz\u00e1s prefieras mantener el flujo de trabajo de Grunt por separado y almacenar las plantillas en otro lugar.\u00a0<a href=\"https:\/\/www.sendwithus.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\">Sendwithus<\/a>\u00a0es un gran servicio para almacenar tus plantillas de email y seguir usando la API de Mailgun para realizar los env\u00edos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ayer organizamos un Google Hangout con nuestro dise\u00f1ador principal de productos digitales, Lee Munroe. En este hangout, Lee analiz\u00f3 a fondo la creaci\u00f3n de plantillas en HTML; para ello, primero repas\u00f3 el estado actual de los emails en 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-21001","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>Consejos sobre flujo de trabajo y creaci\u00f3n de emails en HTML transaccionales - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"Consejos sobre c\u00f3mo utilizar dise\u00f1adores de plantillas para crear plantillas de email en HTML transaccionales con el fin de mejorar el env\u00edo de emails y la entregabilidad. M\u00e1s informaci\u00f3n \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\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consejos sobre flujo de trabajo y creaci\u00f3n de emails en HTML transaccionales - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"Consejos sobre c\u00f3mo utilizar dise\u00f1adores de plantillas para crear plantillas de email en HTML transaccionales con el fin de mejorar el env\u00edo de emails y la entregabilidad. M\u00e1s informaci\u00f3n \u2013\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T07:50:47+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\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/\",\"name\":\"Consejos sobre flujo de trabajo y creaci\u00f3n de emails en HTML transaccionales - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/#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-15T07:50:47+00:00\",\"description\":\"Consejos sobre c\u00f3mo utilizar dise\u00f1adores de plantillas para crear plantillas de email en HTML transaccionales con el fin de mejorar el env\u00edo de emails y la entregabilidad. M\u00e1s informaci\u00f3n \u2013\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/#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\\\/es\\\/blog\\\/email\\\/consejos-crear-emails-en-html-y-flujo-de-trabajo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Consejos para crear emails en HTML y flujo de trabajo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Potentes API de email transaccional que te permiten enviar, recibir y hacer seguimiento de emails, creadas pensando en los desarrolladores. \u00a1Descubre m\u00e1s!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/es\\\/#\\\/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\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consejos sobre flujo de trabajo y creaci\u00f3n de emails en HTML transaccionales - Transactional Email API Service For Developers | Mailgun","description":"Consejos sobre c\u00f3mo utilizar dise\u00f1adores de plantillas para crear plantillas de email en HTML transaccionales con el fin de mejorar el env\u00edo de emails y la entregabilidad. M\u00e1s informaci\u00f3n \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\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/","og_locale":"es_ES","og_type":"article","og_title":"Consejos sobre flujo de trabajo y creaci\u00f3n de emails en HTML transaccionales - Transactional Email API Service For Developers | Mailgun","og_description":"Consejos sobre c\u00f3mo utilizar dise\u00f1adores de plantillas para crear plantillas de email en HTML transaccionales con el fin de mejorar el env\u00edo de emails y la entregabilidad. M\u00e1s informaci\u00f3n \u2013","og_url":"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-09-15T07:50:47+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\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/","url":"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/","name":"Consejos sobre flujo de trabajo y creaci\u00f3n de emails en HTML transaccionales - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/#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-15T07:50:47+00:00","description":"Consejos sobre c\u00f3mo utilizar dise\u00f1adores de plantillas para crear plantillas de email en HTML transaccionales con el fin de mejorar el env\u00edo de emails y la entregabilidad. M\u00e1s informaci\u00f3n \u2013","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.mailgun.com\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/#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\/es\/blog\/email\/consejos-crear-emails-en-html-y-flujo-de-trabajo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/es\/blog\/"},{"@type":"ListItem","position":3,"name":"Consejos para crear emails en HTML y flujo de trabajo"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/es\/#website","url":"https:\/\/www.mailgun.com\/es\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Potentes API de email transaccional que te permiten enviar, recibir y hacer seguimiento de emails, creadas pensando en los desarrolladores. \u00a1Descubre m\u00e1s!","publisher":{"@id":"https:\/\/www.mailgun.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/es\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.mailgun.com\/es\/#\/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\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/blog\/21001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/users\/13"}],"version-history":[{"count":2,"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/blog\/21001\/revisions"}],"predecessor-version":[{"id":21051,"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/blog\/21001\/revisions\/21051"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/media\/4074"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/media?parent=21001"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/es\/wp-json\/wp\/v2\/blog_category?post=21001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}