Confira neste artigo 5 dicas imperdíveis para a composição e construção de e-mails no Mautic para suas campanhas e newsletters com o template Blank

5 motivos para usar o template Blank em e-mails no Mautic

Confira neste artigo 5 dicas imperdíveis para a composição e construção de e-mails no Mautic para suas campanhas e newsletters com o template Blank
5 motivos para usar o template Blank em e-mails no Mautic
5 (100%) 3 vote[s]

Vamos conversar sobre o seu Mautic?
maio 2019
seg ter qua qui sex
2930123
678910
1314151617
2021222324
2728293031

Sempre que sou consultado sobre a estrutura de um e-mail, seja uma newsletter, um comunicado ou um simples e-mail transacional eu me deparo com alguns dilemas sobre layout, composição, usabilidade e outros tantos itens que devem ser abordados e o template blank auxilia a minha decisão.

Neste artigo listo cinco itens que estão na minha checklist e que talvez você não tenha notado no desenvolvimento dos seus e-mails com o template Blank nativo do Mautic. Vamos lá?

Seu e-mail e compatível com os principais clientes de e-mail?

Segundo o relatório do litmus após monitorar mais de 1,2 bilhões de e-mails em Abril de 2017, o cliente de e-mail do iPhone segue na liderança seguido com folga pelo Gmail e pelo cliente nativo do iPad. Incrivelmente o Outlook está com menos marketshare que o Apple Mail (para MacOS) seguido pelo cliente de e-mail nativo do Android. Estes números são baseados em estatísticas de todo o mundo. Recomendo que você adicione nos seus favoritos o website com o relatório que é atualizado mensalmente.

Com estes dados em mãos e baseado no cenário brasileiro onde Android e Outlook predominam, a pergunta é: Seu e-mail está compatível com os principais clientes de e-mail?

Para quem respondeu sim, reveja alguns pequenos itens:

  • Você alterou a família de fontes do seu e-mail? Lembre-se que a maioria dos usuários personalizam o tamanho, peso e familia de fontes dos clientes de e-mail. Você esta sobrescrevendo esta preferência.
  • Você está montando seu e-mail pensando no mobile? Lembre-se que um e-mail simples e bem formatado segue o padrão de renderização do cliente de e-mail. Não force a barra.
  • Você está utilizando links de cancelamento de inscrição como é solicitado pelas leis brasileiras? Lembre-se que muitos provedores barram e-mails que não possuem a possibilidade de cancelamento de inscrição.

Estes 3 itens são essenciais para a compatibilidade do seu e-mail. Não durma no ponto pois por padrão o template Blank cuida disso pra você 😉

O template blank nativo do Mautic centraliza o conteúdo e aplica um layout de 600px para o conteúdo. Caso você não queira esse layout com 600px você pode utilizar a nossa alternativa de layout que remove 100% do layout padrão do tema blank.

Baixe o Tema New Blank

Remova toda a formatação padrão dos e-mails do Mautic com este tema exclusivo desenvolvido pela Powertic.

Clique na imagem para Ampliar…

Você sabe como o Outlook e o Outlook.com funcionam? O Template Blank sabe!

Muitos sistemas de e-mail não prestam muita atenção no Outlook. O Template Blank do mautic é compatível com diversos padrões do outlook e se eu fosse você pensaria duas vezes antes de abandoná-lo. Mas se você não é conhecedor das limitações do outlook, sugiro que anote no seu checklist pessoal os seguintes itens:

  • Não há suporte para imagens em Background em DIV e TD (células)
  • Não há suporte para Float ou Positions através de CSS
  • Não há suporte para sombras em texto (ainda bem não é mesmo?)
  • Suporte precário e inconsistente para margin e padding
  • Suporte ainda mais precário para Largura e Altura através de CSS
  • Problemas com Backgrounds em geral

Sim, o outlook não é capaz da maioria dos itens que torna nossos e-mails mais bonitos. Por isso sempre opte pelo simples 😉

Fique atento com o bloqueio de imagens

Enquanto o Google agora permite que imagens vindas de ambientes seguros sejam exibidas automaticamente, as últimas versões do Outlook para Windows e Mac bloqueiam imagens por padrão. Portanto é aconselhável que você trate de escrever atributos ALT consistentes e úteis caso suas imagens sejam bloqueadas.

Veja um exemplo de um e-mail onde as imagens foram bloqueadas e nada pode ser aproveitado tornando o e-mail ilegível:

Veja um exemplo de um e-mail onde as imagens foram bloqueadas e nada pode ser aproveitado:

Agora com um pouco mais de cuidado, você consegue compor e-mails com mais de 70% de texto de modo que se suas imagens são bloqueadas a sua mensagem é consistente e não prejudica a experiência do usuário. Veja:

você consegue compor e-mails com mais de 70% de texto de modo que se suas imagens

Botões compatíveis com Mobile

O template blank do Mautic fornece 3 tamanhos de botões que são totalmente compatíveis com dispositivos móveis. Nada é mais irritante do que tentar tocar um link e acabar acessando o link ao lado.

Lembre-se também em dar área de respiro ao botão. Evite colocar texto logo acima ou abaixo para evitar uma seleção involuntária ou uma imagem muito próxima. Pense no seu usuário 😉

Cuidados com o Preview Text

Desde o Mautic 2.8 onde podemos utilizar um widget de código no Email Builder ficou ainda mais fácil incluir o texto de Preview nos seus e-mails. Existe uma dica muito interessante onde podemos inserir uma série de espaços em branco após o preview para que outros textos não sejam visualizados. Segue o código:

<div style="display: none; max-height: 0px; overflow: hidden;"> Aqui vai o seu preview text e abaixo os espaços </div> <div style="display: none; max-height: 0px; overflow: hidden;">  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  </div>

Assim você consegue uma série de espaços em branco no preview do e-mail. Veja este exemplo:

Cuidados com o Preview Text

Finalizando

Espero que estas 5 dicas auxiliem sua campanhas de e-mail marketing e que você veja o template Blank com bons olhos 😉

Um abraço e até mais!

Sobre o Autor

Assine nossa Newsletter

#60DiasMautic

O #60diasmautic é um projeto que visa apresentar diariamente por 60 dias os principais recursos do Mautic como formulários, dicas, plugins, gestão de contatos, configuração de SMTP e dicas para Hospedagem do Mautic.
Exclusivo

Powertic Cloud

Painel Exclusivo para Hospedagem e Administração do Mautic e SMTP
Hospedagem

Deixe um comentário

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Já ouviu o Podcast dessa semana?

Artigos relacionados

O que esperar do futuro do Mautic com a Aquisição pela Drupal (Acquia)

Aquisição do MAUTIC pela Drupal, e agora? Hoje foi anunciado em diversas fontes a aquisição do Mautic pela Drupal, ou melhor, pela Acquia que é a mantenedora do Drupal, até o próprio David Hurley fundador do Mautic se pronunciou a respeito: E a grande pergunta que fica, para onde vai o Mautic a partir de

Vantagens do uso do Mautic como Fonte de Dados

Vantagens do uso do Mautic como Fonte de Dados

Como a segmentação de lista é um impulsionador da capacidade de entrega, os profissionais de marketing têm ampla motivação para investir em recursos e tecnologia que será usada como fonte de dados suplementares pra segmentação.

Permissões e do Opt-in na estratégia de e-mail marketing

Permissões e do Opt-in na estratégia de e-mail marketing

O Relatório State of E-mail Engagement 2019 da Return Path mostrou um fator que, surpreendentemente, não impacta o engajamento dos contatos – ou pelo menos não mais – é a estratégia de opt-in (ou a Double Opt-in).