Menu
Feedback
Comece aqui


Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Central de mensagens
Templates
Qual estilo de CSS deve ser usado nos e-mails?

A seguinte regra vale para qualquer tipo de e-mail, seja e-mail marketing, template do Message Center ou Master Data: use sempre CSS inline.

Isto porque diversos servidores de e-mail ignoram código CSS no head, assim como arquivos de estilo externos ao HTML. Portanto, para que seu código seja lido e renderizado, é preciso inserir o CSS no body do HTML.

Dica! Sempre que quiser esconder alguma característica de um elemento que o controle da VTEX traz automaticamente, altere a cor desse elemento para a cor de fundo de seu e-mail. Ex.: No carrinho abandonado, a prateleira de itens é montada em uma estrutura ul > li. Essa estrutura exibe pontos (•) no HTML. Para esconder esses pontos, basta alterar essa propriedade.

Antes de chamar a prateleira, torne tudo branco (ou a cor de fundo de seu e-mail). No template de prateleira, volte a aplicar a cor (preto ou qualquer outra cor de seu texto) no conteúdo. Dessa forma, a ul e as li serão brancas (invisíveis), mas dentro delas, os textos serão aplicados com cor (visíveis).

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Templates
« Previous
Desabilitar um e-mail transacional
Next »
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback