Usar o CSS Inliner

Para obter os melhores resultados ao trabalhar com CSS no e-mail em HTML, mantenha o código simples e embutido no CSS. A ferramenta Automatic CSS Inliner do Mailchimp converte estilos do código colado para embutido, assim você não precisa programar manualmente.

Neste artigo, você aprenderá como ativar o Automatic CSS Inliner em um modelo Programado por você e quais seletores são aceitos.

Ativar o Inliner

Para ativar o CSS Inliner em um modelo programado por você, siga estas etapas:

1. Na seção Conteúdo da lista de verificação de e-mail, clique em Criar e-mail.
2. Na etapa Modelo, clique na guia Programado por você e selecione Colar no código. Se você estiver usando o Novo Criador, clique em Sim, continuar para Clássico no modal pop-up.
3. Na etapa Código , cole seu código HTML.
4. Clique na guia Settings (Configurações).
5. Marque a caixa ao lado de Automatic CSS Inliner (CSS Inliner automático).
   

Seletores suportados pelo CSS Inliner

O Automatic CSS Inliner permite incluir um estilo CSS sofisticado no seu e-mail em HTML, incluindo atributos, pseudo-classes, descendentes e muito mais. Estes são os seletores aceitos pelo Inliner.

• nome da etiqueta
• classe
• tem atributo
• o valor do atributo é igual a
• o valor do atributo é um dos
• o valor do atributo contém
• o valor do hífen do atributo
• o valor do atributo começa com
• o valor do atributo termina com
• pseudo-classes primeiro filho
• último filho
• filho único
• vazio
• não
• enésimo filho
• filho
• descendente
• irmão

Depois de ativar o Inliner e o restante do seu código estiver pronto, continue configurando seu e-mail.