Perfeito. Agora tenho dados mais do que suficientes para escrever um artigo de blog abrangente e bem citado. Vou redigir o artigo.
Seu guia de design de email marketing Mailchimp começa aqui. Bom design não é decoração. É a diferença entre uma campanha que converte e outra que é deletada antes do segundo scroll.
Campanhas de email marketing têm um ROI médio de 36 vezes, o que significa que as empresas ganham 36 euros para cada euro gasto. Mas esse retorno depende inteiramente de seus emails serem abertos, lidos e gerarem ação. As escolhas de design que você faz dentro do Mailchimp determinam todos esses três aspectos.
Este guia aborda cada camada do guia de design de email marketing Mailchimp: desde dimensões de layout e tipografia até botões CTA, proporções de imagem, otimização mobile e ferramentas de design com IA do Mailchimp. Quer você esteja construindo a partir de um template ou codificando HTML customizado, estas são as decisões que movem suas métricas.
Pontos-chave
Entre 50 e 60% das aberturas de email vêm de dispositivos móveis em 2024, tornando o design mobile-first um requisito fundamental, não um upgrade opcional.
Os templates do Mailchimp são projetados para não ultrapassar 600px de largura, adequando-se às capacidades de exibição da maioria dos clientes de email.
Bom design de email é questão de hierarquia visual: os leitores devem saber em poucos segundos o que fazer, com um título principal claro, espaçamento bem definido, fontes legíveis, posicionamento óbvio da CTA e um layout mobile-friendly.
A regra 60/40 (60% texto, 40% imagens) é o guideline imagem-para-texto mais amplamente aceito, pois o SpamAssassin, um dos sistemas de detecção de spam mais usados, a reconhece como um limite geral.
O Brand Kit do Mailchimp permite salvar e atualizar seus logos, fontes, cores e personalidade da marca para que ferramentas com IA gerem rapidamente gráficos e layouts personalizados para seus emails e fluxos de automação.
1. Inicie Todo Design com um Objetivo Claro
Antes de abrir um template e começar a projetar, dê um passo atrás e defina o que deseja alcançar. Está direcionando tráfego para um artigo de blog? Encorajando destinatários a comprar sua última coleção? Promovendo um evento? Seu objetivo deve influenciar cada decisão de design que você tomar, do cabeçalho do email até a chamada para ação final. Quando seu design se alinha com um objetivo único e focado, sua mensagem de email marketing será mais clara e convincente.
Perfeito. Agora tenho dados mais do que suficientes para escrever um artigo de blog abrangente e bem citado. Vou redigir o artigo.
Seu guia de design de email marketing Mailchimp começa aqui. Bom design não é decoração. É a diferença entre uma campanha que converte e outra que é deletada antes do segundo scroll.
Campanhas de email marketing têm um ROI médio de 36 vezes, o que significa que as empresas ganham 36 euros para cada euro gasto. Mas esse retorno depende inteiramente de seus emails serem abertos, lidos e gerarem ação. As escolhas de design que você faz dentro do Mailchimp determinam todos esses três aspectos.
Este guia aborda cada camada do guia de design de email marketing Mailchimp: desde dimensões de layout e tipografia até botões CTA, proporções de imagem, otimização mobile e ferramentas de design com IA do Mailchimp. Quer você esteja construindo a partir de um template ou codificando HTML customizado, estas são as decisões que movem suas métricas.
Pontos-chave
Entre 50 e 60% das aberturas de email vêm de dispositivos móveis em 2024, tornando o design mobile-first um requisito fundamental, não um upgrade opcional.
Os templates do Mailchimp são projetados para não ultrapassar 600px de largura, adequando-se às capacidades de exibição da maioria dos clientes de email.
Bom design de email é questão de hierarquia visual: os leitores devem saber em poucos segundos o que fazer, com um título principal claro, espaçamento bem definido, fontes legíveis, posicionamento óbvio da CTA e um layout mobile-friendly.
A regra 60/40 (60% texto, 40% imagens) é o guideline imagem-para-texto mais amplamente aceito, pois o SpamAssassin, um dos sistemas de detecção de spam mais usados, a reconhece como um limite geral.
O Brand Kit do Mailchimp permite salvar e atualizar seus logos, fontes, cores e personalidade da marca para que ferramentas com IA gerem rapidamente gráficos e layouts personalizados para seus emails e fluxos de automação.
1. Inicie Todo Design com um Objetivo Claro
Antes de abrir um template e começar a projetar, dê um passo atrás e defina o que deseja alcançar. Está direcionando tráfego para um artigo de blog? Encorajando destinatários a comprar sua última coleção? Promovendo um evento? Seu objetivo deve influenciar cada decisão de design que você tomar, do cabeçalho do email até a chamada para ação final. Quando seu design se alinha com um objetivo único e focado, sua mensagem de email marketing será mais clara e convincente.
É aqui que a maioria das campanhas Mailchimp falha. Tentar dizer tudo em um email é geralmente a forma mais rápida de reduzir cliques.
Antes de construir qualquer coisa, responda três questões:
Qual é a ação única que quero que o leitor tome?
Quem exatamente está recebendo este email?
O que significa sucesso para este envio?
O resto de suas decisões de design, incluindo layout, imagens e comprimento do copy, deve servir essas respostas. Nada mais.
2. Fundamentos de Layout: Largura, Estrutura e Escolha de Colunas
O layout do seu email HTML deve ter entre 600 e 800 pixels de largura, já que muitos clientes de email fornecem uma janela de visualização que não é muito ampla. Na prática, os templates do Mailchimp são projetados para não ultrapassar 600px de largura a fim de se adequarem às capacidades de exibição da maioria dos clientes de email, sendo este o padrão mais seguro para máxima compatibilidade de renderização.
O layout escolhido estabelece a base para todo seu email. Um layout de coluna única funciona bem para visualização em dispositivos móveis e mantém o design simples, enquanto um design multicoluna pode exibir múltiplos produtos ou recursos de uma vez.
Aqui está como escolher entre eles:
Coluna única: Melhor para newsletters, anúncios, emails de onboarding e qualquer conteúdo onde a ordem de leitura importa. Renderiza perfeitamente em todos os tamanhos de tela.
Multicolunas: Funciona bem para grades de produtos, comparações de recursos ou compilações de conteúdo curado. Requer testes em mobile, pois designs multicoluna tipicamente quebram em telas pequenas de dispositivos móveis.
A hierarquia de informações é muito importante. Detalhes de eventos e conteúdo crítico devem estar sempre no topo e com tamanho proeminente. Se presente, a chamada para ação deve ser claramente definida e facilmente discernível à primeira vista.
Simplesmente importa. Não projete um email como você faria com um website. Geralmente, quanto mais curto seu email, melhor ele funcionará.
3. Tipografia: Fontes, Tamanho e Legibilidade
Tipografia é uma das alavancas mais negligenciadas no design de email. Más escolhas de fontes reduzem a legibilidade e prejudicam a impressão profissional que sua marca precisa causar.
Tipografia é importante. Tamanho de fonte e família de fonte fazem uma grande diferença na legibilidade. É importante ter seu "gancho" no topo do email, já que clientes de email móvel podem não baixar a mensagem inteira.
Para copy do corpo legível em mobile, um tamanho de fonte mínimo de 16px é recomendado. Apple recomenda 17 a 22px; Google recomenda 18 a 22px. O guia de referência do próprio Mailchimp encontrou 16px Georgia como legível e eficaz.
Regras práticas de tipografia para emails Mailchimp:
Use fontes web-safe (Arial, Georgia, Helvetica, Verdana) no corpo para garantir renderização em todos os clientes de email.
Limite-se a no máximo duas famílias de fonte: uma para títulos, outra para texto do corpo.
Defina altura da linha para 1,4 a 1,6 vezes o tamanho da fonte para leitura confortável.
Nunca embutir texto crítico dentro de imagens. Se imagens forem bloqueadas, esse texto desaparece completamente.
Use fontes web-safe com tamanho e peso claros para tornar seu botão CTA fácil de ler e chamativo.
4. Imagens: Como Usá-las Sem Prejudicar a Entregabilidade
Imagens tornam emails mais envolventes, mas precisam ser usadas com intenção.
Imagens são uma excelente forma de tornar o conteúdo mais envolvente, atraente e profissional. Porém, use imagens para fortalecer sua mensagem em vez de distraí-la.
A regra 60/40 na prática
Para emails de marketing ou promoção, a proporção sugerida é 60% texto para 40% imagem. Isso equilibra apelo visual com entregabilidade, usando copy convincente apoiado por visuais de produto fortes. Para newsletters, recomenda-se uma proporção de 70% texto para 30% imagem, onde o valor principal vem do conteúdo escrito enquanto imagens servem para melhorar e quebrar o texto.
Testes contra 23 dos filtros de spam mais populares descobriram que se um email tem 500 caracteres ou mais, a proporção conteúdo-para-imagem não afeta a entregabilidade. Dito isso, manter um equilíbrio saudável ainda é prática inteligente, particularmente para públicos B2B e usuários de Outlook.
Regras-chave de imagem para Mailchimp:
Sempre adicione texto alt descritivo. Falhar em fornecer texto alt descritivo torna seu email inacessível quando imagens são bloqueadas ou para usuários que dependem de leitores de tela.
Mantenha imagens abaixo de 200KB. Imagens grandes levam mais tempo para carregar e consomem dados valiosos.
Evite emails apenas com imagens. Um email composto inteiramente de imagens permanece uma bandeira vermelha significativa para entregabilidade, em grande parte devido a preocupações com contornar filtros baseados em texto, além de desafios de acessibilidade e experiência do usuário deficiente.
A maioria dos clientes de email agora mostra imagens por padrão. Litmus testou extensivamente downloads automáticos de imagens e descobriu que todos os clientes de email móvel permitem imagens por padrão.
5. Botões CTA: Escolhas de Design que Impulsionam Cliques
Seu botão de chamada para ação é o elemento funcional mais importante em qualquer email Mailchimp. Tudo mais no design existe para levar o leitor a esse clique.
Sem uma chamada para ação eficaz, clientes não sabem o que fazer uma vez que abrem seu email. Botões de email podem encorajar assinantes a agir, trazendo-os de volta ao seu website onde podem converter.
Projecte CTAs que se destaquem e impulsionem cliques. Use cores contrastantes e palavras de ação convincentes que comuniquem claramente o que acontece quando assinantes clicam. Mantenha CTAs simples e orientadas para ação focando em uma ação primária por email para evitar confundir seu público e diluir sua mensagem.
Para mobile, o tamanho do botão importa mais do que a maioria dos marketers percebe. Alvo de toque da chamada para ação, como botões, deve ser pelo menos 46px quadrado. Apple recomenda 44px quadrado; Google recomenda 48px quadrado.
Princípios adicionais de design CTA:
Botões HTML carregam mais rápido e se exibem em todos os clientes, mesmo quando imagens estão desligadas, tornando seu email mais eficaz porque usuários verão sua CTA e saberão o que fazer em seguida.
Sua CTA deve ter apenas algumas palavras para dizer aos clientes exatamente o que fazer.
Coloque sua CTA primária acima da dobra sempre que possível. Seu botão de chamada para ação deve estar visível sem scroll.
Em mobile, considere ter CTAs importantes como botões cobrindo a largura total do email, atendendo leitores destros e canhotos.
Para mais sobre escrever linhas de assunto que levem pessoas à CTA em primeiro lugar, leia nosso guia sobre Boas Práticas de Linha de Assunto de Email que Aumentam Taxas de Abertura em 27%.
6. Design Mobile-First no Mailchimp
Clientes mobile representam 41,6% das aberturas de email, seguidos por aberturas de webmail em 40,6% e aberturas de desktop em 16,2%. Projetar com foco em desktop e depois adaptar para mobile é uma abordagem retrógrada que custa seu engajamento.
A importância do design de email mobile-friendly é fundamental para campanhas de email marketing bem-sucedidas. Com a maioria dos emails agora sendo abertos em dispositivos móveis, garantir que seus emails pareçam bons em mobile não é apenas uma recomendação, é uma necessidade.
Empresas veem um aumento de 15% em cliques mobile ao criar um design de email mobile-responsivo.
Checklist de design mobile para campanhas Mailchimp:
Use layouts de coluna única como sua estrutura padrão.
Defina tamanhos de fonte mínimos para 16px em texto do corpo.
Use botões CTA de largura total em mobile para que sejam tocáveis com ambas as mãos.
Mantenha linhas de assunto abaixo de 40 caracteres. Desktops mostram 60 caracteres de linha de assunto de um email. Assinantes usando smartphones conseguem ver entre 25 e 30 caracteres, então coloque as informações mais essenciais primeiro.
Incluir um preheader convincente em um email dá aos leitores uma razão adicional para clicar e os leva suavemente para a introdução do conteúdo. Adicionar um preheader aumenta taxas de abertura em 13,72%.
Com o Mailchimp, você pode facilmente visualizar seus emails para garantir que fiquem bons em diferentes clientes de email web e mobile usando a ferramenta Inbox Preview integrada antes de enviar.
7. Usando o Brand Kit e Ferramentas de Design com IA do Mailchimp
O Mailchimp integrou IA em seu fluxo de trabalho de design de uma forma genuinamente útil para equipes sem designers dedicados.
O Brand Kit do Mailchimp permite salvar e atualizar seus logos, fontes, cores e personalidade da marca. Usa IA e ativos em seu brand kit para gerar rapidamente gráficos e layouts elegantes e personalizados para seus emails, posts sociais, fluxos de automação e muito mais.
A IA no backend disso é substancial. Um usuário simplesmente insere sua URL de website no Content Studio do Mailchimp, e a IA automaticamente detecta, analisa e classifica todos os elementos de marca descobertos. O serviço captura logos, cores da marca, emparelhamentos de cor de fundo e texto, fontes e estilos de fonte, imagens da marca e um guia completo de estilo de website incluindo estilos de botão, padrões de navegação e tratamentos de fundo.
Para feedback de copy e design, o Content Optimizer, alimentado por tecnologia similar ao ChatGPT, analisa seu copy e design e oferece sugestões para melhorar legibilidade, tom e chamadas para ação.
Em termos do que IA manipula bem: Creative Assistant pode construir um email de convite para webinar em cerca de 4 minutos comparado a 25 minutos construindo do zero. O layout gerado por IA está tipicamente 80% pronto, necessitando apenas de ajuste da imagem do cabeçalho e cor do botão CTA. Lutas com layouts multicoluna complexos, emails de ecommerce com grades de produto dinâmicas e qualquer coisa requerendo HTML ou CSS customizado.
Para manter uma marca consistente na caixa de entrada do seu público, é importante ter um template de email que você use para suas campanhas. Um brand kit forte combinado com um pequeno conjunto de templates reutilizáveis elimina a inconsistência que vem de construir cada campanha do zero.
Para uma análise mais profunda de personalização além de design, veja nosso guia sobre 7 Técnicas de Personalização de Email que Aumentam Conversões em 47%.
8. Testando, Visualizando e Enviando com Confiança
Trabalho de design não termina quando você clica em "salvar". As campanhas que você projeta no Mailchimp sempre parecerão um pouco diferentes quando visualizadas nas caixas de entrada dos destinatários. Diferentes clientes de email e dispositivos exibem emails HTML de acordo com seus mecanismos de renderização individuais.
Antes de enviar um email, teste seu conteúdo para não enviar emails com dados faltantes ou links quebrados. As ferramentas de visualização e teste do Mailchimp ajudam a garantir que suas imagens carreguem adequadamente e que todos os hiperlinks e botões funcionem. Envie alguns emails de teste para você mesmo para ter certeza de que tudo fica da forma desejada.
Checklist pré-envio:
Visualize em desktop e mobile usando Inbox Preview do Mailchimp.
Envie um email de teste para você mesmo e pelo menos outro dispositivo.
Verifique todos os links, especialmente botões CTA.
Confirme que as imagens se exibem corretamente e o texto alt está presente.
Confirme que sua linha de assunto e texto de preheader ficam bem em ambos os clientes.
Verifique que evitou todas as letras maiúsculas, pontos de exclamação em excesso e palavras ou frases gimmicky, que filtros de spam procuram.
Qual é a largura de email recomendada para templates Mailchimp?
Os templates do Mailchimp são projetados para não ultrapassar 600px de largura a fim de se adequarem às capacidades de exibição da maioria dos clientes de email. Enquanto você pode esticar um template mais amplo, este é o padrão que renderiza confiável em Gmail, Outlook, Apple Mail e clientes mobile.
Devo usar layouts de coluna única ou multicolunas no Mailchimp?
Depende do tipo de seu conteúdo. Um layout de coluna única funciona bem para visualização em dispositivos móveis e mantém o design simples, enquanto um design multicoluna pode exibir múltiplos produtos ou recursos de uma vez. Para a maioria dos casos de uso, coluna única é o padrão mais seguro porque renderiza previsível em cada tamanho de tela.
Que tamanho de fonte devo usar em emails Mailchimp para mobile?
Um tamanho de fonte mínimo de 16px é recomendado para mobile. Apple recomenda 17 a 22px e Google recomenda 18 a 22px. Qualquer coisa menor que 16px requer que usuários façam pinch-zoom, o que significativamente reduz o engajamento.
Como manter consistência de marca em campanhas de email Mailchimp?
Salve seus logos, fontes, cores e personalidade da marca no Brand Kit do Mailchimp. A plataforma usará IA e esses ativos para gerar rapidamente gráficos e layouts elegantes e personalizados para seus emails, posts sociais e fluxos de automação. Combine isso com um pequeno conjunto de templates de campanha reutilizáveis e seu output de design permanecerá consistente sem começar do zero cada vez.
É aqui que a maioria das campanhas Mailchimp falha. Tentar dizer tudo em um email é geralmente a forma mais rápida de reduzir cliques.
Antes de construir qualquer coisa, responda três questões:
Qual é a ação única que quero que o leitor tome?
Quem exatamente está recebendo este email?
O que significa sucesso para este envio?
O resto de suas decisões de design, incluindo layout, imagens e comprimento do copy, deve servir essas respostas. Nada mais.
2. Fundamentos de Layout: Largura, Estrutura e Escolha de Colunas
O layout do seu email HTML deve ter entre 600 e 800 pixels de largura, já que muitos clientes de email fornecem uma janela de visualização que não é muito ampla. Na prática, os templates do Mailchimp são projetados para não ultrapassar 600px de largura a fim de se adequarem às capacidades de exibição da maioria dos clientes de email, sendo este o padrão mais seguro para máxima compatibilidade de renderização.
O layout escolhido estabelece a base para todo seu email. Um layout de coluna única funciona bem para visualização em dispositivos móveis e mantém o design simples, enquanto um design multicoluna pode exibir múltiplos produtos ou recursos de uma vez.
Aqui está como escolher entre eles:
Coluna única: Melhor para newsletters, anúncios, emails de onboarding e qualquer conteúdo onde a ordem de leitura importa. Renderiza perfeitamente em todos os tamanhos de tela.
Multicolunas: Funciona bem para grades de produtos, comparações de recursos ou compilações de conteúdo curado. Requer testes em mobile, pois designs multicoluna tipicamente quebram em telas pequenas de dispositivos móveis.
A hierarquia de informações é muito importante. Detalhes de eventos e conteúdo crítico devem estar sempre no topo e com tamanho proeminente. Se presente, a chamada para ação deve ser claramente definida e facilmente discernível à primeira vista.
Simplesmente importa. Não projete um email como você faria com um website. Geralmente, quanto mais curto seu email, melhor ele funcionará.
3. Tipografia: Fontes, Tamanho e Legibilidade
Tipografia é uma das alavancas mais negligenciadas no design de email. Más escolhas de fontes reduzem a legibilidade e prejudicam a impressão profissional que sua marca precisa causar.
Tipografia é importante. Tamanho de fonte e família de fonte fazem uma grande diferença na legibilidade. É importante ter seu "gancho" no topo do email, já que clientes de email móvel podem não baixar a mensagem inteira.
Para copy do corpo legível em mobile, um tamanho de fonte mínimo de 16px é recomendado. Apple recomenda 17 a 22px; Google recomenda 18 a 22px. O guia de referência do próprio Mailchimp encontrou 16px Georgia como legível e eficaz.
Regras práticas de tipografia para emails Mailchimp:
Use fontes web-safe (Arial, Georgia, Helvetica, Verdana) no corpo para garantir renderização em todos os clientes de email.
Limite-se a no máximo duas famílias de fonte: uma para títulos, outra para texto do corpo.
Defina altura da linha para 1,4 a 1,6 vezes o tamanho da fonte para leitura confortável.
Nunca embutir texto crítico dentro de imagens. Se imagens forem bloqueadas, esse texto desaparece completamente.
Use fontes web-safe com tamanho e peso claros para tornar seu botão CTA fácil de ler e chamativo.
4. Imagens: Como Usá-las Sem Prejudicar a Entregabilidade
Imagens tornam emails mais envolventes, mas precisam ser usadas com intenção.
Imagens são uma excelente forma de tornar o conteúdo mais envolvente, atraente e profissional. Porém, use imagens para fortalecer sua mensagem em vez de distraí-la.
A regra 60/40 na prática
Para emails de marketing ou promoção, a proporção sugerida é 60% texto para 40% imagem. Isso equilibra apelo visual com entregabilidade, usando copy convincente apoiado por visuais de produto fortes. Para newsletters, recomenda-se uma proporção de 70% texto para 30% imagem, onde o valor principal vem do conteúdo escrito enquanto imagens servem para melhorar e quebrar o texto.
Testes contra 23 dos filtros de spam mais populares descobriram que se um email tem 500 caracteres ou mais, a proporção conteúdo-para-imagem não afeta a entregabilidade. Dito isso, manter um equilíbrio saudável ainda é prática inteligente, particularmente para públicos B2B e usuários de Outlook.
Regras-chave de imagem para Mailchimp:
Sempre adicione texto alt descritivo. Falhar em fornecer texto alt descritivo torna seu email inacessível quando imagens são bloqueadas ou para usuários que dependem de leitores de tela.
Mantenha imagens abaixo de 200KB. Imagens grandes levam mais tempo para carregar e consomem dados valiosos.
Evite emails apenas com imagens. Um email composto inteiramente de imagens permanece uma bandeira vermelha significativa para entregabilidade, em grande parte devido a preocupações com contornar filtros baseados em texto, além de desafios de acessibilidade e experiência do usuário deficiente.
A maioria dos clientes de email agora mostra imagens por padrão. Litmus testou extensivamente downloads automáticos de imagens e descobriu que todos os clientes de email móvel permitem imagens por padrão.
5. Botões CTA: Escolhas de Design que Impulsionam Cliques
Seu botão de chamada para ação é o elemento funcional mais importante em qualquer email Mailchimp. Tudo mais no design existe para levar o leitor a esse clique.
Sem uma chamada para ação eficaz, clientes não sabem o que fazer uma vez que abrem seu email. Botões de email podem encorajar assinantes a agir, trazendo-os de volta ao seu website onde podem converter.
Projecte CTAs que se destaquem e impulsionem cliques. Use cores contrastantes e palavras de ação convincentes que comuniquem claramente o que acontece quando assinantes clicam. Mantenha CTAs simples e orientadas para ação focando em uma ação primária por email para evitar confundir seu público e diluir sua mensagem.
Para mobile, o tamanho do botão importa mais do que a maioria dos marketers percebe. Alvo de toque da chamada para ação, como botões, deve ser pelo menos 46px quadrado. Apple recomenda 44px quadrado; Google recomenda 48px quadrado.
Princípios adicionais de design CTA:
Botões HTML carregam mais rápido e se exibem em todos os clientes, mesmo quando imagens estão desligadas, tornando seu email mais eficaz porque usuários verão sua CTA e saberão o que fazer em seguida.
Sua CTA deve ter apenas algumas palavras para dizer aos clientes exatamente o que fazer.
Coloque sua CTA primária acima da dobra sempre que possível. Seu botão de chamada para ação deve estar visível sem scroll.
Em mobile, considere ter CTAs importantes como botões cobrindo a largura total do email, atendendo leitores destros e canhotos.
Para mais sobre escrever linhas de assunto que levem pessoas à CTA em primeiro lugar, leia nosso guia sobre Boas Práticas de Linha de Assunto de Email que Aumentam Taxas de Abertura em 27%.
6. Design Mobile-First no Mailchimp
Clientes mobile representam 41,6% das aberturas de email, seguidos por aberturas de webmail em 40,6% e aberturas de desktop em 16,2%. Projetar com foco em desktop e depois adaptar para mobile é uma abordagem retrógrada que custa seu engajamento.
A importância do design de email mobile-friendly é fundamental para campanhas de email marketing bem-sucedidas. Com a maioria dos emails agora sendo abertos em dispositivos móveis, garantir que seus emails pareçam bons em mobile não é apenas uma recomendação, é uma necessidade.
Empresas veem um aumento de 15% em cliques mobile ao criar um design de email mobile-responsivo.
Checklist de design mobile para campanhas Mailchimp:
Use layouts de coluna única como sua estrutura padrão.
Defina tamanhos de fonte mínimos para 16px em texto do corpo.
Use botões CTA de largura total em mobile para que sejam tocáveis com ambas as mãos.
Mantenha linhas de assunto abaixo de 40 caracteres. Desktops mostram 60 caracteres de linha de assunto de um email. Assinantes usando smartphones conseguem ver entre 25 e 30 caracteres, então coloque as informações mais essenciais primeiro.
Incluir um preheader convincente em um email dá aos leitores uma razão adicional para clicar e os leva suavemente para a introdução do conteúdo. Adicionar um preheader aumenta taxas de abertura em 13,72%.
Com o Mailchimp, você pode facilmente visualizar seus emails para garantir que fiquem bons em diferentes clientes de email web e mobile usando a ferramenta Inbox Preview integrada antes de enviar.
7. Usando o Brand Kit e Ferramentas de Design com IA do Mailchimp
O Mailchimp integrou IA em seu fluxo de trabalho de design de uma forma genuinamente útil para equipes sem designers dedicados.
O Brand Kit do Mailchimp permite salvar e atualizar seus logos, fontes, cores e personalidade da marca. Usa IA e ativos em seu brand kit para gerar rapidamente gráficos e layouts elegantes e personalizados para seus emails, posts sociais, fluxos de automação e muito mais.
A IA no backend disso é substancial. Um usuário simplesmente insere sua URL de website no Content Studio do Mailchimp, e a IA automaticamente detecta, analisa e classifica todos os elementos de marca descobertos. O serviço captura logos, cores da marca, emparelhamentos de cor de fundo e texto, fontes e estilos de fonte, imagens da marca e um guia completo de estilo de website incluindo estilos de botão, padrões de navegação e tratamentos de fundo.
Para feedback de copy e design, o Content Optimizer, alimentado por tecnologia similar ao ChatGPT, analisa seu copy e design e oferece sugestões para melhorar legibilidade, tom e chamadas para ação.
Em termos do que IA manipula bem: Creative Assistant pode construir um email de convite para webinar em cerca de 4 minutos comparado a 25 minutos construindo do zero. O layout gerado por IA está tipicamente 80% pronto, necessitando apenas de ajuste da imagem do cabeçalho e cor do botão CTA. Lutas com layouts multicoluna complexos, emails de ecommerce com grades de produto dinâmicas e qualquer coisa requerendo HTML ou CSS customizado.
Para manter uma marca consistente na caixa de entrada do seu público, é importante ter um template de email que você use para suas campanhas. Um brand kit forte combinado com um pequeno conjunto de templates reutilizáveis elimina a inconsistência que vem de construir cada campanha do zero.
Para uma análise mais profunda de personalização além de design, veja nosso guia sobre 7 Técnicas de Personalização de Email que Aumentam Conversões em 47%.
8. Testando, Visualizando e Enviando com Confiança
Trabalho de design não termina quando você clica em "salvar". As campanhas que você projeta no Mailchimp sempre parecerão um pouco diferentes quando visualizadas nas caixas de entrada dos destinatários. Diferentes clientes de email e dispositivos exibem emails HTML de acordo com seus mecanismos de renderização individuais.
Antes de enviar um email, teste seu conteúdo para não enviar emails com dados faltantes ou links quebrados. As ferramentas de visualização e teste do Mailchimp ajudam a garantir que suas imagens carreguem adequadamente e que todos os hiperlinks e botões funcionem. Envie alguns emails de teste para você mesmo para ter certeza de que tudo fica da forma desejada.
Checklist pré-envio:
Visualize em desktop e mobile usando Inbox Preview do Mailchimp.
Envie um email de teste para você mesmo e pelo menos outro dispositivo.
Verifique todos os links, especialmente botões CTA.
Confirme que as imagens se exibem corretamente e o texto alt está presente.
Confirme que sua linha de assunto e texto de preheader ficam bem em ambos os clientes.
Verifique que evitou todas as letras maiúsculas, pontos de exclamação em excesso e palavras ou frases gimmicky, que filtros de spam procuram.
Qual é a largura de email recomendada para templates Mailchimp?
Os templates do Mailchimp são projetados para não ultrapassar 600px de largura a fim de se adequarem às capacidades de exibição da maioria dos clientes de email. Enquanto você pode esticar um template mais amplo, este é o padrão que renderiza confiável em Gmail, Outlook, Apple Mail e clientes mobile.
Devo usar layouts de coluna única ou multicolunas no Mailchimp?
Depende do tipo de seu conteúdo. Um layout de coluna única funciona bem para visualização em dispositivos móveis e mantém o design simples, enquanto um design multicoluna pode exibir múltiplos produtos ou recursos de uma vez. Para a maioria dos casos de uso, coluna única é o padrão mais seguro porque renderiza previsível em cada tamanho de tela.
Que tamanho de fonte devo usar em emails Mailchimp para mobile?
Um tamanho de fonte mínimo de 16px é recomendado para mobile. Apple recomenda 17 a 22px e Google recomenda 18 a 22px. Qualquer coisa menor que 16px requer que usuários façam pinch-zoom, o que significativamente reduz o engajamento.
Como manter consistência de marca em campanhas de email Mailchimp?
Salve seus logos, fontes, cores e personalidade da marca no Brand Kit do Mailchimp. A plataforma usará IA e esses ativos para gerar rapidamente gráficos e layouts elegantes e personalizados para seus emails, posts sociais e fluxos de automação. Combine isso com um pequeno conjunto de templates de campanha reutilizáveis e seu output de design permanecerá consistente sem começar do zero cada vez.