Usar blocos de conteúdo de código

Use o bloco de conteúdo de código para adicionar código HTML diretamente ao seu e-mail. Esse bloco será útil se você quiser ter mais controle sobre o design do que o oferecido pelos nossos outros blocos de conteúdo.

Neste artigo, você aprenderá a usar blocos de conteúdo de código no Criador Clássico.

Antes de começar

Algumas coisas que você deve saber antes de iniciar esse processo:

• Este artigo mostra como usar blocos de conteúdo de código para o Criador Clássico. Para obter mais informações sobre blocos de conteúdo semelhantes no Novo Criador, confira nosso artigo sobre blocos de conteúdo de código.
• A equipe de suporte do Mailchimp não é treinada para solucionar problemas de codificação personalizada. Entre em contato com seu desenvolvedor ou contrate um especialista do Mailchimp se precisar de ajuda com esse recurso avançado.
• Recomendamos enviar e-mails de teste ou usar nossa ferramenta Inbox Preview para ter uma ideia da aparência da sua campanha em clientes de e-mail distintos.

Adicionar blocos de conteúdo de código ao seu layout

Para adicionar um bloco de conteúdo de código, siga estas etapas:

1. Clique e arraste o bloco Code (Código) para o layout.
   
2. Na janela de edição, digite ou cole o código.
   
3. Clique em Save & Close (Salvar e fechar).

Dicas sobre o bloco de código

Veja aqui algumas dicas sobre como usar o bloco de conteúdo de código.

• Não use JavaScript.
  Como a maioria dos clientes de e-mail bloqueia JavaScript como proteção contra vírus, nós removemos automaticamente todo o JavaScript que detectamos no seu código.
• Não use programas de processamento de palavras para criar o conteúdo do HTML.
  Os programas como o Microsoft Word ou Publisher podem incluir códigos de estilo extra que distorcem sua campanha. Recomendamos escrever o código HTML em um editor de texto simples e colar no bloco de código.
• Use CSS incorporado ou alinhado.
  Na maioria dos casos, os arquivos de CSS externos não funcionam em e-mails em HTML. Você pode incluir CSS incorporado ou inline em um bloco de código, de preferência, acima da seção do corpo do layout da sua campanha. Para alcançar os melhores resultados, recomendamos usar o CSS inline.
• Use consultas de mídia para garantir um design adaptável.
  Se quiser que o seu código se adapte ao dispositivo móvel, você precisará incluir consultas de mídia. As consultas de mídia são um componente do CSS que permite que o conteúdo se adapte a diferentes dispositivos. Para mais informações, consulte as Recomendações da W3C para consultas de mídia e o Guia Litmus sobre como programar e-mails de resposta do zero.
• Use o Estúdio de Conteúdo ou caminhos absolutos para imagens e arquivos.
  Use o nosso Estúdio de Conteúdo para hospedar os arquivos e as imagens da sua campanha. Pegue a URL do arquivo do Estúdio de conteúdo e cole-a no seu código no bloco de código. Se hospedar suas imagens em seu próprio servidor, use caminhos absolutos.

Habilitar conteúdo dinâmico

Quando cria um e-mail, você pode transformar qualquer bloco de conteúdo em conteúdo dinâmico que exiba conteúdo diferente para destinatários com base nas condições definidas. Isso ajuda a segmentar diferentes tipos de contatos ao mesmo tempo com um único e-mail.

Para saber mais sobre Conteúdo Dinâmico e como habilitá-lo em seu bloco de conteúdo, confira Sobre o Conteúdo Dinâmico.