Limpar estilos na sua campanha

O conteúdo colado nos seus e-mails e páginas de destino a partir de uma origem externa, como um site ou processador de texto, pode aplicar código HTML extra, que altera seu layout ou restringe sua capacidade de fazer alterações.

A ferramenta Clear Styles (Limpar estilos) da barra de ferramentas do editor do Mailchimp ajuda a remover códigos de estilo extra do seu conteúdo após colado em seu layout. Abra o código-fonte do seu texto para remover outros códigos que a ferramenta Clear Styles (Limpar estilos) não consegue remover.

Neste artigo, você vai aprender mais sobre a ferramenta Clear Styles (Limpar estilos) e como excluir o código HTML extra dos seus e-mails e páginas de destino que a função Limpar estilos não consegue remover.

Como funciona o Limpar estilos

A ferramenta Limpar estilos remove o código de estilo do seu código HTML do texto, como negrito, itálico e cor. Embora você possa querer que esses estilos sejam aplicados ao seu texto, os estilos colados de sites e processadores de texto podem ser exibidos de modo incorreto nos clientes de e-mail.

Limpar estilos foi projetado para remover o código de estilo e não pode remover código como etiquetas <p> and <div>. Você precisará acessar o código-fonte para removê-las manualmente do seu texto.

Usar a ferramenta Limpar estilos

Recomendamos que você digite e estilize seu conteúdo diretamente no criador novo ou antigo. O editor do Mailchimp foi projetado para criar conteúdo em HTML que funciona com a maioria dos clientes de e-mail.

No entanto, se você criou o conteúdo fora da sua conta e já o adicionou ao seu e-mail ou página de destino, use Clear Styles (Limpar estilos) para remover o código de estilo extra. Em seguida, aplique os estilos novamente ao seu texto no criador.

Limpar estilos no Novo Criador

Para usar Clear Styles (Limpar estilos) no Novo Criador, siga estas etapas:

1. Na seção Content (Conteúdo) do criador, clique em Edit Design (Editar design) ou Resolve (Resolver).
2. Destaque o texto com o qual deseja trabalhar e clique no ícone (Limpar estilos) .
   

Se o layout estiver bom, adicione novos estilos ao texto com as ferramentas de edição do Mailchimp.

Estilos claros no criador antigo

Para usar Limpar estilos no Criador herdado, siga estas etapas.

1. Na seção Content (Conteúdo) do criador, clique em Edit Design (Editar design) ou Resolve (Resolver).
2. Na etapa Design, clique para editar o bloco de conteúdo com o qual você quer trabalhar.
   
3. Destaque o texto no painel lateral e clique em Clear Styles (Limpar estilos).
   
4. Clique em Save & Close (Salvar e fechar).

Se o layout estiver bom, adicione novos estilos ao texto com as ferramentas de edição do Mailchimp. É importante seguir a nossa hierarquia de estilos sugerida quando você aplicar estilos ao seu texto, para que as configurações de estilo em uma área não substituam os estilos de outra seção.

Se mesmo assim você notar problemas com o seu layout, veja o código-fonte para encontrar o código adicional que a ferramenta Limpar estilos não conseguiu remover.

Visualizar e remover o código extra

Você pode excluir o código HTML adicional que Clear Styles (Limpar estilos) não possa remover. Você encontrará esse código extra usando o código-fonte do texto, porque não está visível no designer visual.

Exibir e remover código extra no Novo Criador

Para exibir e remover o código extra usando o código-fonte no Novo Criador, siga estas etapas:

1. Na seção Content (Conteúdo) do criador, clique em Edit Design (Editar design) ou Resolve (Resolver).
2. Destaque o texto com o qual deseja trabalhar.
3. Clique na guia Code (Código).
   

4. Encontre o código extra e exclua-o. As etiquetas contêm uma etiqueta de abertura e fechamento, portanto, se você excluir uma etiqueta <p> tag, also find and delete the </p>. Este é um exemplo com algum código HTML destacado que você deve excluir.
   

   Etiquetas comuns que devem ser excluídas
   <p> </p> <div> </div>

   Caracteres comuns que devem ser substituídos
   &nbsp; substitua por um espaço
   &rsquo; substitua por um apóstrofo (')
   &rdquo; substitua por um apóstrofo (')
   &quot; substitua por aspas (")

Visualizar e remover código extra no criador herdado

Para visualizar e remover o código extra usando o código-fonte no Criador herdado, siga estas etapas.

1. Na seção Content (Conteúdo) do Criador de Campanhas, clique em Edit Design (Editar design) ou Resolve (Resolver).
2. Na etapa Design, clique para editar o bloco de conteúdo com o qual você quer trabalhar.
   

3. Clique no ícone < > Source (Origem).
   
   Encontre o código extra e exclua-o. As etiquetas contêm uma etiqueta de abertura e fechamento, portanto, se você excluir uma etiqueta <p> tag, also find and delete the </p>. Este é um exemplo com algum código HTML destacado que você deve excluir.
   
   Etiquetas comuns que devem ser excluídas
   <p> </p> <div> </div>

   Caracteres comuns que devem ser substituídos
   &nbsp; substitua por um espaço
   &rsquo; substitua por um apóstrofo (')
   &rdquo; substitua por um apóstrofo (')
   &quot; substitua por aspas (")

4. Clique em Save & Close (Salvar e fechar).

Depois da remoção do código HTML extra, você pode adicionar estilos ao seu texto com as ferramentas de estilo do Mailchimp. É importante seguir a nossa hierarquia de estilos sugerida quando você aplicar estilos ao seu texto, para que as configurações de estilo em uma área não substituam os estilos de outra seção.