(Opinião) Cuidado com o CSS e HTML no E-mail Marketing
O HTML e o CSS são essenciais para a web mas podem se tornar os vilões das suas campanhas de e-mail marketing. Veja algumas dicas para que eles não te atrapalhem.
Vivemos na era do excesso no e-mail marketing, onde muitas vezes nossas peças de e-mail são mais elaboradas do que nosso próprio site. Veja, grandes players da web estão indo em direção ao minimalismo focando essencialmente no conteúdo.
Grandes players estão removendo o excesso
Podemos dar como exemplo as páginas AMP do Google e o Instant Articles do Facebook, que removem totalmente o layout do website e foca somente no conteúdo oferecido visando a experiência do usuário.
Aqui na Powertic nós recomendamos sempre o minimalismo no que diz respeito ao envio de e-mail. Foque no conteúdo, no assunto e nas chamadas. Crie um botão visível e pronto. Se seu conteúdo é bom o contato vai clicar … esqueça a história de “chamar a atenção”, isso já não cola mais.
Um dos grandes problemas com Layout de e-mail é como lidar com a renderização nos diversos clientes de e-mail que circulam por aí. Temos os webmails como o Yahoo, aplicativos Desktop como o Outlook e os Apps para dispositivos móveis como o Inbox do Google. Cada um se comporta de uma maneira e renderiza o e-mail de modo diferente.
A dor de cabeça do Outlook
A microsoft conseguiu fazer o aplicativo que ao mesmo tempo é o mais amado e odiado de todos: O Outlook.
Receba Conteúdo exclusivo
Newsletter Exclusiva sobre Mautic, n8n, Entregabilidade e Ferramentas de NoCode / LowCode para Marketing.
Cada nova versão do Outlook tem uma nova firula que atrapalha nós que criamos peças para e-mail marketing. Seja um novo motor de renderização baseado no Word (acredite, é verdade) ou uma nova opção de privacidade que não vai carregar nosso tracking. O Outlook é uma dor de cabeça e por isso recomendamos e-mails em texto, sem muitas imagens e com o foco no conteúdo.
Mais trabalho para compilar o CSS
Outro ponto muito importante que muitos esquecem é que um e-mail bem feito não tem CSS embutido, pois a maioria dos Clientes não aceitam tais regras. Por padrão toda a formatação de um e-mail deve ser inline, dentro do próprio elementor HTML com o atributo style. Nada de CSS.
Você pode ver uma lista completa de itens CSS aceitos pelos principais clientes aqui.
Em Design, Menos é mais
Todo mundo tem um amigo Designer e este sempre fala: Menos é mais. A mesma regra se aplica ao e-mail marketing. Sabe aquela longa newsletter com 10 produtos do seu e-commerce? Esqueça. Ou aquele texto do seu blog que você manda 4 parágrafos por e-mail. Ninguém Lê.
Faça e-mails curtos, pessoais, onde a pessoa vai ler não por ser uma armadilha mas por que você realmente conseguiu captar a atenção dela com algo que vale a pena.
Cansei de ver campanhas onde os primeiros e-mails chegavam a 80% de abertura e 4 ou 5 e-mails depois não chegava nem em 5%. A culpa é do SMTP? do Mautic? do Serviços de Hospedagem? Não, a culpa é do seu e-mail que não encanta mais. As pessoas estão mais espertas com isso.
Um grande abraço e até a próxima!
Responses