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:
Na seção Conteúdo da lista de verificação de e-mail, clique em Criar e-mail.
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.
Na etapa Código , cole seu código HTML.
Clique na guia Settings (Configurações).
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.
Nota
Ao ativar a opção Inliner, você não verá uma alteração imediata em seu código. Depois que sua mensagem for enviada para a fila, converteremos os estilos antes de entregá-la ao seu público. No entanto, você pode visualizar o e-mail em um visualizador lado a lado e verificar se nossas alterações estão boas antes de enviar.
O Inliner não "corrige" problemas de compatibilidade de CSS, apenas os que são seguros para uso em e-mails em massa. Por exemplo, você não deve usar etiquetas DIV para posicionar o seu conteúdo.
Servicio técnico
Está com alguma dúvida?
Os usuários de planos pagos podem fazer login para acessar o suporte via e-mail e chat.
Saiba sobre e-mails em HTML e obtenha dicas sobre como criar seu e-mail em HTML.
Mailchimp uses cookies for our website to function properly; some are optional and help deliver a personalized and enhanced experience. By clicking “Dismiss”, you consent to store cookies on your device in accordance with our cookie statement. We may collect anonymized data from your browser independent of your cookie preferences. Preferences can be updated at any time.Cookie Statement.
Mailchimp Sites may request cookies to be set on your device. We use cookies to let us know when you visit our Mailchimp Sites, to understand how you interact with us, to enrich and personalize your user experience, to enable social media functionality and to customize your relationship with Mailchimp, including providing you with more relevant advertising. Click on the different category headings to find out more. You can also change your cookie preferences at any time. Note that blocking some types of cookies may impact your experience on our Mailchimp Sites and the services we are able to offer.
More information
Manage Consent Preferences
Essential Website Cookies
Always Active
These cookies are strictly necessary to provide you with the services and features available through our site. Because these cookies are strictly necessary to deliver the site, you cannot refuse them without impacting how the site functions.
Performance and Functionality Cookies
These cookies are used to enhance the functionality and performance of the site. They help us to customize the site and application for you in order to enhance your experience. While these cookies are not needed for a basic website experience, certain functionalities such as personalization and video would become unavailable.
Advertising (Targeting) Cookies
These cookies are used to make advertising messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.
Analytics and Customization Cookies
These cookies collect information to help us understand how the site is being used or how effective our marketing campaigns are. They help us to know which pages are the most and least popular and to see how visitors move around the site. These cookies may be set by us or by third-party providers whose services we have added to our pages.