{"id":63904,"date":"2023-09-08T17:44:41","date_gmt":"2023-09-08T15:44:41","guid":{"rendered":"https:\/\/blog.mailfence.com\/layout-de-e-mail-definicao-tipos-e-componentes\/"},"modified":"2025-09-16T16:12:27","modified_gmt":"2025-09-16T14:12:27","slug":"layout-de-e-mail-definicao-tipos-e-componentes","status":"publish","type":"post","link":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/","title":{"rendered":"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes"},"content":{"rendered":"\n<p>Embora muita gente ache que o conte\u00fado \u00e9 o componente mais importante em um e-mail, existem outros elementos que podem fazer toda a diferen\u00e7a na hora de atrair e prender a aten\u00e7\u00e3o do leitor.<\/p>\n\n\n\n<p>E-mails formados por um \u00fanico e longo paragrafo de texto podem ser chatos e dif\u00edceis de ler. Felizmente, um bom layout de e-mail pode ajudar a facilitar a leitura.<\/p>\n\n\n\n<p>Neste artigo, vamos explicar o que \u00e9 layout de e-mail, seus tipos, componentes e a diferen\u00e7a entre layout, template e formato.<\/p>\n\n\n\t\t<div data-elementor-type=\"section\" data-elementor-id=\"100849\" class=\"elementor elementor-100849 elementor-100761\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-124e1725 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"124e1725\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-654e4e21\" data-id=\"654e4e21\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a3b1a23 elementor-widget elementor-widget-text-editor\" data-id=\"3a3b1a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Mailfence &#8211; Sua su\u00edte de produtividade segura<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c004279 elementor-widget elementor-widget-text-editor\" data-id=\"2c004279\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Recupere sua privacidade com<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83e0dd6 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"83e0dd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope-open-text\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 216h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16zm-16 80c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16zm96 121.13c-16.42 0-32.84-5.06-46.86-15.19L0 250.86V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V250.86L302.86 401.94c-14.02 10.12-30.44 15.19-46.86 15.19zm237.61-254.18c-8.85-6.94-17.24-13.47-29.61-22.81V96c0-26.51-21.49-48-48-48h-77.55c-3.04-2.2-5.87-4.26-9.04-6.56C312.6 29.17 279.2-.35 256 0c-23.2-.35-56.59 29.17-73.41 41.44-3.17 2.3-6 4.36-9.04 6.56H96c-26.51 0-48 21.49-48 48v44.14c-12.37 9.33-20.76 15.87-29.61 22.81A47.995 47.995 0 0 0 0 200.72v10.65l96 69.35V96h320v184.72l96-69.35v-10.65c0-14.74-6.78-28.67-18.39-37.77z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Mensagens<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-calendar-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Calend\u00e1rios<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-folder\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 128H272l-54.63-54.63c-6-6-14.14-9.37-22.63-9.37H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zm0 272H48V112h140.12l54.63 54.63c6 6 14.14 9.37 22.63 9.37H464v224z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Documentos<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-users-cog\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M610.5 341.3c2.6-14.1 2.6-28.5 0-42.6l25.8-14.9c3-1.7 4.3-5.2 3.3-8.5-6.7-21.6-18.2-41.2-33.2-57.4-2.3-2.5-6-3.1-9-1.4l-25.8 14.9c-10.9-9.3-23.4-16.5-36.9-21.3v-29.8c0-3.4-2.4-6.4-5.7-7.1-22.3-5-45-4.8-66.2 0-3.3.7-5.7 3.7-5.7 7.1v29.8c-13.5 4.8-26 12-36.9 21.3l-25.8-14.9c-2.9-1.7-6.7-1.1-9 1.4-15 16.2-26.5 35.8-33.2 57.4-1 3.3.4 6.8 3.3 8.5l25.8 14.9c-2.6 14.1-2.6 28.5 0 42.6l-25.8 14.9c-3 1.7-4.3 5.2-3.3 8.5 6.7 21.6 18.2 41.1 33.2 57.4 2.3 2.5 6 3.1 9 1.4l25.8-14.9c10.9 9.3 23.4 16.5 36.9 21.3v29.8c0 3.4 2.4 6.4 5.7 7.1 22.3 5 45 4.8 66.2 0 3.3-.7 5.7-3.7 5.7-7.1v-29.8c13.5-4.8 26-12 36.9-21.3l25.8 14.9c2.9 1.7 6.7 1.1 9-1.4 15-16.2 26.5-35.8 33.2-57.4 1-3.3-.4-6.8-3.3-8.5l-25.8-14.9zM496 368.5c-26.8 0-48.5-21.8-48.5-48.5s21.8-48.5 48.5-48.5 48.5 21.8 48.5 48.5-21.7 48.5-48.5 48.5zM96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm224 32c1.9 0 3.7-.5 5.6-.6 8.3-21.7 20.5-42.1 36.3-59.2 7.4-8 17.9-12.6 28.9-12.6 6.9 0 13.7 1.8 19.6 5.3l7.9 4.6c.8-.5 1.6-.9 2.4-1.4 7-14.6 11.2-30.8 11.2-48 0-61.9-50.1-112-112-112S208 82.1 208 144c0 61.9 50.1 112 112 112zm105.2 194.5c-2.3-1.2-4.6-2.6-6.8-3.9-8.2 4.8-15.3 9.8-27.5 9.8-10.9 0-21.4-4.6-28.9-12.6-18.3-19.8-32.3-43.9-40.2-69.6-10.7-34.5 24.9-49.7 25.8-50.3-.1-2.6-.1-5.2 0-7.8l-7.9-4.6c-3.8-2.2-7-5-9.8-8.1-3.3.2-6.5.6-9.8.6-24.6 0-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h255.4c-3.7-6-6.2-12.8-6.2-20.3v-9.2zM173.1 274.6C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Grupos<\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-436babb elementor-align-center elementor-widget elementor-widget-button\" data-id=\"436babb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/mailfence.com\/pt\/#pricing\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Crie sua conta gratuita no Mailfence<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-que-e-layout-de-e-mail\">O que \u00e9 layout de e-mail?<\/h2>\n\n\n\n<p>O layout de e-mail determina a apar\u00eancia do e-mail para o leitor, definindo onde diferentes elementos, como texto, imagens e v\u00eddeos, ser\u00e3o posicionados.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-tipos-de-layout-de-e-mail\">Tipos de layout de e-mail<\/h2>\n\n\n\n<p>De modo geral, existem dois tipos de e-mail quando se trata de layout:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>E-mails de texto simples<\/li>\n\n\n\n<li>E-mails gr\u00e1ficos<\/li>\n<\/ul>\n\n\n\n<p>Os e-mails de texto simples incluem apenas conte\u00fado de texto e n\u00e3o possuem outros elementos, como imagens e v\u00eddeos.<\/p>\n\n\n\n<p>Aqui est\u00e1 um exemplo de e-mail de texto simples:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-1024x490.png\" alt=\"Plain text email\" class=\"wp-image-37213\" srcset=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-1024x490.png 1024w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-300x144.png 300w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-768x367.png 768w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38-1536x735.png 1536w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.04.38.png 1559w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Embora sejam f\u00e1ceis de criar, os e-mails de texto simples podem n\u00e3o ser t\u00e3o cativantes.<\/p>\n\n\n\n<p>Os e-mails gr\u00e1ficos, por outro lado, costumam ser mais atraentes. No entanto, eles exigem conhecimentos sobre HTML para serem criados.<\/p>\n\n\n\n<p>Aqui est\u00e1 um exemplo de e-mail gr\u00e1fico:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.13.31-1024x543.png\" alt=\"Graphical email\" class=\"wp-image-37214\" style=\"width:840px;height:445px\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-qual-a-diferenca-entre-layout-e-template\">Qual a diferen\u00e7a entre layout e template?<\/h2>\n\n\n\n<p>O layout determina o template do e-mail, que nada mais \u00e9 do que uma c\u00f3pia reutiliz\u00e1vel formada por elementos de p\u00e1gina espec\u00edficos.<\/p>\n\n\n\n<p>Com isso em mente, existem tr\u00eas tipos de templates de e-mail baseados em layout:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Coluna \u00fanica<\/strong><\/li>\n\n\n\n<li><strong>M\u00faltiplas colunas<\/strong><\/li>\n\n\n\n<li><strong>H\u00edbrido<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Os e-mails de coluna \u00fanica seguem geralmente a seguinte hierarquia:<\/p>\n\n\n\n<p><em>nome do remetente &gt; imagem &gt; corpo do e-mail &gt; CTA &gt; rodap\u00e9<\/em><\/p>\n\n\n\n<p>Gra\u00e7as a isso, estes e-mails s\u00e3o mais f\u00e1cies de ler, possuem CTAs mais chamativos e se adaptam a qualquer tipo de dispositivo m\u00f3vel.<\/p>\n\n\n\n<p>No entanto, talvez seja necess\u00e1rio um pouco mais de rolagem at\u00e9 que o link ou CTA apare\u00e7a na tela, como ilustrado neste exemplo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-1024x477.png\" alt=\"Single-column email layout\" class=\"wp-image-37215\" srcset=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-1024x477.png 1024w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-300x140.png 300w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49-768x358.png 768w, https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-01-at-09.39.49.png 1531w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Os e-mails m\u00faltiplas colunas, por outro lado, podem ser mais desafiadores do ponto de vista do design, e voc\u00ea pode precisar de um designer profissional para cri\u00e1-los. Ainda assim, eles permitem a inclus\u00e3o de mais conte\u00fado em menos espa\u00e7o e v\u00e1rios CTAs.<\/p>\n\n\n\n<p>Finalmente, o layout de e-mail h\u00edbrido mistura layouts de coluna \u00fanica e m\u00faltipla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-qual-a-diferenca-entre-layout-e-formato\">Qual a diferen\u00e7a entre layout e formato?<\/h2>\n\n\n\n<p>O formato de e-mail estabelece a ordem em que o conte\u00fado \u00e9 distribu\u00eddo. Geralmente ele possui os seguintes elementos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Assunto<\/li>\n\n\n\n<li>Sauda\u00e7\u00e3o<\/li>\n\n\n\n<li>Abertura<\/li>\n\n\n\n<li>Corpo<\/li>\n\n\n\n<li>CTA<\/li>\n\n\n\n<li>Assinatura<\/li>\n<\/ol>\n\n\n\n<p>Falaremos mais sobre isso em um artigo dedicado ao assunto.<\/p>\n\n\n\n<p>O layout, por sua vez, determina como estes elementos ser\u00e3o posicionados, organizando texto, imagens, tabelas, colunas, barra laterais, bot\u00f5es, etc. de forma concisa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusao\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Um layout de e-mail bem estruturado pode cativar o leitor e lev\u00e1-lo a agir, evitando que o conte\u00fado seja marcado como spam ou enviado diretamente para a lixeira.<\/p>\n\n\n\n<p>No entanto, n\u00e3o h\u00e1 uma receita \u00fanica de layout que sirva para todas as ocasi\u00f5es. Por este motivo, \u00e9 importante que voc\u00ea entenda o seu p\u00fablico antes de criar ou escolher o seu.<\/p>\n\n\n\n<p>Aprenda mais sobre <a href=\"https:\/\/blog.mailfence.com\/pt\/etiqueta-de-email-o-guia-definitivo-para-criar-emails-profissionais\/\">etiqueta de e-mail<\/a> para dominar a comunica\u00e7\u00e3o formal por correiro eletr\u00f4nico.<\/p>\n\n\n\n<p>Quer deixar a sua caixa de entrada mais protegida? <a href=\"https:\/\/mailfence.com\/pt\/inscricao\/\">Experimento o Mailfence<\/a> e recupere a sua privacidade de e-mail.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embora muita gente ache que o conte\u00fado \u00e9 o componente mais importante em um e-mail, existem outros elementos que podem fazer toda a diferen\u00e7a na hora de atrair e prender a aten\u00e7\u00e3o do leitor. E-mails formados por um \u00fanico e longo paragrafo de texto podem ser chatos e dif\u00edceis de ler. Felizmente, um bom layout [&hellip;]<\/p>\n","protected":false},"author":43,"featured_media":85256,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18582,18574],"tags":[],"class_list":["post-63904","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias-do-mailfence","category-produtividade"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Layout de e-mail: defini\u00e7\u00e3o e componentes | Mailfence Blog<\/title>\n<meta name=\"description\" content=\"Interessado em otimizar as suas convers\u00f5es e engajamento de e-mail? Comece aprendendo mais sobre layout de e-mail, seus tipos e componentes.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes | Mailfence Blog\" \/>\n<meta property=\"og:description\" content=\"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes | Mailfence Blog\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/\" \/>\n<meta property=\"og:site_name\" content=\"Mailfence Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mailfence\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-08T15:44:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-16T14:12:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Simon Haven\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mailfence\" \/>\n<meta name=\"twitter:site\" content=\"@mailfence\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simon Haven\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/\"},\"author\":{\"name\":\"Simon Haven\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#\\\/schema\\\/person\\\/7c696c144245600fafc3c44d1d652d2f\"},\"headline\":\"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes\",\"datePublished\":\"2023-09-08T15:44:41+00:00\",\"dateModified\":\"2025-09-16T14:12:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/\"},\"wordCount\":596,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"articleSection\":[\"Not\u00edcias do Mailfence\",\"Produtividade\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/\",\"name\":\"Layout de e-mail: defini\u00e7\u00e3o e componentes | Mailfence Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"datePublished\":\"2023-09-08T15:44:41+00:00\",\"dateModified\":\"2025-09-16T14:12:27+00:00\",\"description\":\"Interessado em otimizar as suas convers\u00f5es e engajamento de e-mail? Comece aprendendo mais sobre layout de e-mail, seus tipos e componentes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"contentUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/2.png\",\"width\":600,\"height\":600,\"caption\":\"\\\"\\\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/layout-de-e-mail-definicao-tipos-e-componentes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Not\u00edcias do Mailfence\",\"item\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/category\\\/noticias-do-mailfence\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/\",\"name\":\"Mailfence Blog\",\"description\":\"Mailfence Blog. Get the latest news about secure email and Internet privacy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#organization\",\"name\":\"Mailfence\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Mailfence_logo_pict_and_word_BOUNDED_small.png\",\"contentUrl\":\"https:\\\/\\\/blog.mailfence.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/Mailfence_logo_pict_and_word_BOUNDED_small.png\",\"width\":1812,\"height\":358,\"caption\":\"Mailfence\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mailfence\\\/\",\"https:\\\/\\\/x.com\\\/mailfence\",\"https:\\\/\\\/www.reddit.com\\\/r\\\/Mailfence\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/mailfence\",\"https:\\\/\\\/www.instagram.com\\\/mailfence_\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@mailfence\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Mailfence\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/#\\\/schema\\\/person\\\/7c696c144245600fafc3c44d1d652d2f\",\"name\":\"Simon Haven\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g\",\"caption\":\"Simon Haven\"},\"description\":\"Simon crafts informative and engaging content that empowers users to take control of their online privacy. His areas of expertise include SEO, content creation and social media management.\",\"url\":\"https:\\\/\\\/blog.mailfence.com\\\/pt\\\/author\\\/simon\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Layout de e-mail: defini\u00e7\u00e3o e componentes | Mailfence Blog","description":"Interessado em otimizar as suas convers\u00f5es e engajamento de e-mail? Comece aprendendo mais sobre layout de e-mail, seus tipos e componentes.","robots":{"index":"noindex","follow":"follow"},"og_locale":"pt_BR","og_type":"article","og_title":"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes | Mailfence Blog","og_description":"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes | Mailfence Blog","og_url":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/","og_site_name":"Mailfence Blog","article_publisher":"https:\/\/www.facebook.com\/mailfence\/","article_published_time":"2023-09-08T15:44:41+00:00","article_modified_time":"2025-09-16T14:12:27+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","type":"image\/png"}],"author":"Simon Haven","twitter_card":"summary_large_image","twitter_creator":"@mailfence","twitter_site":"@mailfence","twitter_misc":{"Escrito por":"Simon Haven","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/#article","isPartOf":{"@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/"},"author":{"name":"Simon Haven","@id":"https:\/\/blog.mailfence.com\/pt\/#\/schema\/person\/7c696c144245600fafc3c44d1d652d2f"},"headline":"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes","datePublished":"2023-09-08T15:44:41+00:00","dateModified":"2025-09-16T14:12:27+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/"},"wordCount":596,"publisher":{"@id":"https:\/\/blog.mailfence.com\/pt\/#organization"},"image":{"@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","articleSection":["Not\u00edcias do Mailfence","Produtividade"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/","url":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/","name":"Layout de e-mail: defini\u00e7\u00e3o e componentes | Mailfence Blog","isPartOf":{"@id":"https:\/\/blog.mailfence.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/#primaryimage"},"image":{"@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","datePublished":"2023-09-08T15:44:41+00:00","dateModified":"2025-09-16T14:12:27+00:00","description":"Interessado em otimizar as suas convers\u00f5es e engajamento de e-mail? Comece aprendendo mais sobre layout de e-mail, seus tipos e componentes.","breadcrumb":{"@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/#primaryimage","url":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","contentUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2023\/09\/2.png","width":600,"height":600,"caption":"\"\""},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mailfence.com\/pt\/layout-de-e-mail-definicao-tipos-e-componentes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage","item":"https:\/\/blog.mailfence.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Not\u00edcias do Mailfence","item":"https:\/\/blog.mailfence.com\/pt\/category\/noticias-do-mailfence\/"},{"@type":"ListItem","position":3,"name":"Layout de e-mail: defini\u00e7\u00e3o, tipos e componentes"}]},{"@type":"WebSite","@id":"https:\/\/blog.mailfence.com\/pt\/#website","url":"https:\/\/blog.mailfence.com\/pt\/","name":"Mailfence Blog","description":"Mailfence Blog. Get the latest news about secure email and Internet privacy.","publisher":{"@id":"https:\/\/blog.mailfence.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mailfence.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/blog.mailfence.com\/pt\/#organization","name":"Mailfence","url":"https:\/\/blog.mailfence.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/blog.mailfence.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2022\/08\/Mailfence_logo_pict_and_word_BOUNDED_small.png","contentUrl":"https:\/\/blog.mailfence.com\/wp-content\/uploads\/2022\/08\/Mailfence_logo_pict_and_word_BOUNDED_small.png","width":1812,"height":358,"caption":"Mailfence"},"image":{"@id":"https:\/\/blog.mailfence.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mailfence\/","https:\/\/x.com\/mailfence","https:\/\/www.reddit.com\/r\/Mailfence\/","https:\/\/www.linkedin.com\/company\/mailfence","https:\/\/www.instagram.com\/mailfence_\/","https:\/\/www.youtube.com\/@mailfence","https:\/\/en.wikipedia.org\/wiki\/Mailfence"]},{"@type":"Person","@id":"https:\/\/blog.mailfence.com\/pt\/#\/schema\/person\/7c696c144245600fafc3c44d1d652d2f","name":"Simon Haven","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aa01160a49095a6d9753e38702ea2778680af310e4a9e030b40ae5450ddf79ad?s=96&d=blank&r=g","caption":"Simon Haven"},"description":"Simon crafts informative and engaging content that empowers users to take control of their online privacy. His areas of expertise include SEO, content creation and social media management.","url":"https:\/\/blog.mailfence.com\/pt\/author\/simon\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/posts\/63904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/comments?post=63904"}],"version-history":[{"count":2,"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/posts\/63904\/revisions"}],"predecessor-version":[{"id":103242,"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/posts\/63904\/revisions\/103242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/media\/85256"}],"wp:attachment":[{"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/media?parent=63904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/categories?post=63904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mailfence.com\/pt\/wp-json\/wp\/v2\/tags?post=63904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}