{"id":15609,"date":"2021-03-28T17:11:00","date_gmt":"2021-03-28T20:11:00","guid":{"rendered":"http:\/\/blog.locaweb.com.br\/?p=15609"},"modified":"2023-10-09T16:03:55","modified_gmt":"2023-10-09T19:03:55","slug":"dicas-de-layout-e-design-para-seu-e-mail-marketing","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/produtos\/email\/dicas-de-layout-e-design-para-seu-e-mail-marketing\/","title":{"rendered":"Dicas de layout e design para seu E-mail Marketing"},"content":{"rendered":"\n<p class=\"has-text-align-center\"><em>Veja quais s\u00e3o os principais pontos a serem analisados na hora de pensar em uma campanha de e-mail marketing e confira o que \u00e9 preciso para criar a sua!<\/em><\/p>\n\n\n<p style=\"text-align: justify;\">Quando voc\u00ea entra em um mercado para comprar molho de tomate, por exemplo, e se depara com diversas embalagens semelhantes, qual voc\u00ea escolhe? E um livro? Voc\u00ea escolhe somente pelo nome da obra, do autor, ou quando v\u00ea uma capa que se destaca no meio de todos os outros livros pega por curiosidade de ao menos ver sobre qual assunto se trata?<\/p>\n<p style=\"text-align: justify;\">Os exemplos citados acima s\u00e3o algumas amostras de que nos dias de hoje o <a href=\"https:\/\/blog.locaweb.com.br\/temas\/marketing-e-seo\/design-system-o-que-e-e-como-funciona\/\">design<\/a> deixou de ser somente um \u201ctrabalho art\u00edstico\u201d, e se tornou parte <strong>importante da estrat\u00e9gia de comunica\u00e7\u00e3o<\/strong> de um produto ou servi\u00e7o.\u00a0O layout \u00e9 a principal forma de chamar a aten\u00e7\u00e3o do p\u00fablico-alvo e se destacar no meio de tantas ofertas existentes no mercado.<\/p>\n<p style=\"text-align: justify;\">No caso da <strong>cria\u00e7\u00e3o de um e-mail marketing<\/strong> n\u00e3o \u00e9 diferente. Investir em um bom layout, com design pensado no impacto visual que voc\u00ea quer causar aos clientes \u00e9 fundamental no conjunto de a\u00e7\u00f5es para que uma campanha de e-mail marketing seja bem sucedida e tenha um bom retorno. Veja, ent\u00e3o, algumas dicas e cuidados com layout e design desej\u00e1veis para criar e-mails marketing de sucesso:<\/p>\n<h2 style=\"text-align: left;\"><strong>Boas pr\u00e1ticas para cria\u00e7\u00e3o de um e-mail marketing<\/strong><\/h2>\n<h2 style=\"text-align: left;\"><strong>Cria\u00e7\u00e3o em HTML<\/strong><\/h2>\n<p style=\"text-align: justify;\">Todos os grandes provedores de e-mail t\u00eam algum tipo de prote\u00e7\u00e3o\/bloqueio contra mensagens que contenham apenas imagens. <a href=\"https:\/\/blog.locaweb.com.br\/produtos\/tipos-de-email\/\">Criar um e-mail marketing<\/a> em HTML \u00e9 fundamental para aumentar a entregabilidade e taxa de visualiza\u00e7\u00e3o das suas campanhas. Para isso voc\u00ea pode contar com os <strong>templates prontos<\/strong> ou com o editor de\u00a0conte\u00fado, que est\u00e3o dispon\u00edveis no <a href=\"https:\/\/www.locaweb.com.br\/email-marketing-locaweb\/\">Email Marketing Locaweb<\/a>. As duas op\u00e7\u00f5es criam os e-mails na linguagem HTML de forma simples e r\u00e1pida.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Tamanho da arte de email marketing<\/strong><\/h2>\n<p style=\"text-align: justify;\">Alguns provedores como o Hotmail e Gmail usavam janelas de tamanhos diferentes que acabavam escondendo partes importantes do layout como as barras de rolagem horizontais, por isso antigamente o formato padr\u00e3o era de 600 pixels.<\/p>\n<p style=\"text-align: justify;\">Atente-se para usar um tamanho que seja leg\u00edvel em diferentes tamanhos de tela, inclusive em dispositivos m\u00f3veis. A maioria das empresas envia emails com a largura entre 600 e 700 pixels, mas outras empresas tamb\u00e9m fazem experimentos com formatos mais largos.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Personalize<\/strong><\/h2>\n<p style=\"text-align: justify;\">J\u00e1 pensou em enviar um e-mail para uma grande base e poder chamar cada contato pelo nome ou cargo? Usando essas vari\u00e1veis, voc\u00ea pode aumentar o relacionamento com esse contato, em contrapartida a sua taxa de clique e abertura tamb\u00e9m podem aumentar. Al\u00e9m disso, campanhas segmentadas s\u00e3o ideais para engajar o p\u00fablico, como e-mail de anivers\u00e1rio, datas sazonais e lan\u00e7amentos de produtos.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Assunto do email<\/strong><\/h2>\n<p style=\"text-align: justify;\">O assunto \u00e9 a parte mais importante do email, pois \u00e9 a primeira coisa que o destinat\u00e1rio l\u00ea. Use no <strong>m\u00e1ximo 20 a 41 caracteres<\/strong>, caso sejam mais longos do que isso, a chance de aparecer cortado na vers\u00e3o mobile da caixa de entrada do destinat\u00e1rio \u00e9 grande. Evite os caracteres especiais (!@#$%\u00a8&amp;), pense no conte\u00fado que o e-mail ir\u00e1 divulgar e seja coerente na cria\u00e7\u00e3o do t\u00edtulo com o texto do corpo do e-mail. Lembre-se que conte\u00fados confusos n\u00e3o vendem.<\/p>\n<h2 style=\"text-align: justify;\"><strong><span style=\"color: revert; font-size: revert;\">Propor\u00e7\u00e3o de imagens e texto no e-mail<\/span><\/strong><\/h2>\n<p style=\"text-align: justify;\">Use poucas imagens para evitar os efeitos do bloqueio autom\u00e1tico, a refer\u00eancia de mercado \u00e9 de no <strong>m\u00ednimo 60% texto e 40% imagens<\/strong>. Para atrair o interesse do destinat\u00e1rio escolha imagens que remetam a emo\u00e7\u00e3o que quer provocar com o conte\u00fado.<\/p>\n<p style=\"text-align: justify;\">O tamanho aceito pelos provedores de email \u00e9 pequeno: 100kbs por imagem \u00fanica e, somando-se todas as imagens presentes no email, de 500kbs. Por isso, \u00e9 importante colocar poucas imagens e reduzir o tamanho delas.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-34758\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2014\/03\/e-mail-marketing.png\" alt=\"tamanho ideal email marketing\" width=\"812\" height=\"500\" \/><\/p>\n<h2 style=\"text-align: justify;\"><strong>Cores<\/strong><\/h2>\n<p style=\"text-align: justify;\">Use cores contrastantes e texturas diferentes para despertar o interesse, mas evite cores berrantes e contrastes que possam tirar a aten\u00e7\u00e3o da leitura do e-mail. Recomenda-se que utilize uma paleta de no m\u00e1ximo duas cores sempre com um fundo claro e uma cor de texto escura.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Fontes<\/strong><\/h2>\n<p style=\"text-align: justify;\">O objetivo da mensagem \u00e9 comunicar atrav\u00e9s de palavras, portanto evite o uso de fontes pequenas e o excesso de tipos de fontes. Utilize no m\u00e1ximo dois tipos diferentes de fontes, e procure usar fontes que sejam comuns a todos os computadores, para n\u00e3o correr o risco de desconfigurar a mensagem.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Call to action<\/strong><\/h2>\n<p style=\"text-align: justify;\">Deixe claro no e-mail qual a a\u00e7\u00e3o que voc\u00ea deseja que o remetente fa\u00e7a (comprar algo,<strong> preencher um formul\u00e1rio<\/strong>, ir para um site), para isso explore diferentes formas de chamar a aten\u00e7\u00e3o como links sublinhados, setas e no m\u00ednimo 1 bot\u00e3o de a\u00e7\u00e3o, usando sempre textos que entreguem uma solu\u00e7\u00e3o e cores que possam destacar.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Testes<\/strong><\/h2>\n<p style=\"text-align: justify;\">Antes de enviar a mensagem para a lista completa, envie um teste para o seu e-mail. Verifique se todos os links est\u00e3o corretos, se todas as imagens est\u00e3o carregando e n\u00e3o deixe de fazer aquela \u00faltima revis\u00e3o no texto, enviar um e-mail com algum erro de portugu\u00eas ou erro de digita\u00e7\u00e3o pode afetar e muito a sua campanha.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Ferramentas de Email Marketing<\/strong><\/h2>\n<p style=\"text-align: justify;\">Uma ferramenta perfeita para criar email marketing de maneira f\u00e1cil e de forma inteligente, f\u00e1cil de usar e muito pr\u00e1tica. A <a href=\"http:\/\/www.locaweb.com.br\/solucoes-de-envio\/email-marketing-locaweb\/#funcionalidades\">ferramenta de e-mail marketing<\/a> funciona com o sistema arrasta e solta, basta escolher o <strong>template do email marketing<\/strong> que mais te agrada e come\u00e7ar a criar e-mails marketing do seu jeito e com a cara da sua empresa.<\/p>\n<p style=\"text-align: justify;\">Al\u00e9m dessas dicas, lembre-se de sempre enviar conte\u00fados relevantes para o seu mailing, o que significa redobrar aten\u00e7\u00e3o sobre os assuntos que os seus clientes mais se interessam. Uma forma de obter essa informa\u00e7\u00e3o \u00e9 <strong>analisar o comportamento dos visitantes<\/strong> do seu site \u2013 onde mais clicam, p\u00e1gina que tem maior visita\u00e7\u00e3o, tempo de visita\u00e7\u00e3o e fluxo de acesso s\u00e3o informa\u00e7\u00f5es que podem ajudar a enriquecer a sua base de contatos.<\/p>\n<h2 style=\"text-align: justify;\">Com a ferramenta de Email Marketing da Locaweb voc\u00ea pode contar com essas vantagens em todos os planos:<\/h2>\n<ul>\n<li style=\"text-align: justify;\"><strong>Classifica\u00e7\u00e3o de contatos:<\/strong> contatos classificados conforme o engajamento e intera\u00e7\u00e3o dos e-mails enviados;<\/li>\n<li style=\"text-align: justify;\"><strong>Datas comemorativas:<\/strong> consulte sugest\u00f5es da ferramenta e programe seus envios;<\/li>\n<li style=\"text-align: justify;\"><strong>Campos personaliz\u00e1veis:<\/strong> customize seus envios com nome, data ou outras informa\u00e7\u00f5es;<\/li>\n<li style=\"text-align: justify;\"><strong>Testes de envio:<\/strong> antes de enviar suas campanhas, visualize a apar\u00eancia de sua entrega;<\/li>\n<li style=\"text-align: justify;\"><strong>Relat\u00f3rios:<\/strong> dados para analisar suas campanhas sem complica\u00e7\u00e3o;<\/li>\n<li style=\"text-align: justify;\"><strong>Formul\u00e1rio opt-in:<\/strong> pronto para se integrar ao seu site ou e-commerce e captar novos contatos;<\/li>\n<li style=\"text-align: justify;\"><strong>Criador de email marketing:<\/strong> crie e personalize suas mensagens ou utilize um dos nossos modelos prontos;<\/li>\n<li style=\"text-align: justify;\"><strong>Segmenta\u00e7\u00e3o:<\/strong> escolha seus envios por tipo de comportamento.<\/li>\n<\/ul>\n<p>E ai, gostou do conte\u00fado? Continue acompanhando o nosso blog e fique por dentro de mais dicas para alavancar \u00e0s vendas do seu neg\u00f3cio!<\/p>\n\n\n<div class=\"user-cta-block\" style=\"background-color:#2E333C;\"><p>Fa\u00e7a um teste gr\u00e1tis na ferramenta de E-mail Marketing da Locaweb!<\/p><a class=\"user-cta\" style=\"background-color: #F00842\n;\" href=\"https:\/\/emailmarketing.locaweb.com.br\/trial_subscriptions\/new\" target=\"_blank\" rel=\"noopener\">CLIQUE AQUI<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Veja quais s\u00e3o os principais pontos a serem analisados na hora de pensar em uma campanha de e-mail marketing e confira o que \u00e9 preciso para criar a sua! Quando voc\u00ea entra em um mercado para comprar molho de tomate, por exemplo, e se depara com diversas embalagens semelhantes, qual voc\u00ea escolhe? E um livro? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":34757,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44],"tags":[],"class_list":["post-15609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/15609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=15609"}],"version-history":[{"count":2,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/15609\/revisions"}],"predecessor-version":[{"id":40052,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/15609\/revisions\/40052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/34757"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=15609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=15609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=15609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}