(Opinião) Cuidado com o CSS e HTML no E-mail Marketing

O CSS que é essencial para a web pode se tornar um vilão nas suas campanhas de e-mail marketing. Veja algumas dicas para que ele não te atrapalhe.

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.

assine newsletter

Receba Conteúdo exclusivo por e-mail

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.

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!


Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

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