Realize seu trabalho de forma profissional
De treinamentos a marketing completo, nossa comunidade de parceiros pode ajudar você a fazer as coisas acontecerem.
Usar blocos de conteúdo de código no Novo Criador
Use blocos de código para adicionar HTML personalizado 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 Novo Criador de e-mail.
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 Novo Criador. Para obter mais informações sobre blocos de conteúdo de código no Criador Clássico, confira Usar blocos de conteúdo de código no Criador Clássico.
- Esse é um recurso avançado, recomendado para usuários familiarizados com programação personalizada. Se precisar de ajuda, entre em contato com o desenvolvedor ou contrate um Especialista em Mailchimp.
- Recomendamos a você visualizar e testar seu e-mail para ver como sua campanha será exibida no desktop e no celular.
- Os blocos de conteúdo Cabeçalho e Parágrafo também têm um editor de código. Para saber mais, confira Usar blocos de conteúdo de cabeçalho no Novo Criador e Usar blocos de conteúdo de parágrafo no Novo Criador.
Nota
Para obter mais informações sobre cada criador de e-mail e seus blocos de conteúdo, consulte Sobre os criadores de e-mail do Mailchimp.
Usar blocos de conteúdo de código para seu e-mail
Para usar um bloco de conteúdo de código, siga estas etapas:
- Clique em um bloco Code (Código) ou clique e arraste um bloco Code (Código) para seu layout no painel lateral.
- No menu Code (Código) , digite ou cole o código.
Dicas sobre o bloco de código
Veja aqui algumas dicas sobre como usar o bloco 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.
Geralmente, 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 Recomendação para consultas de mídia da W3C 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 você hospeda suas imagens em seu próprio servidor, use caminhos absolutos.
Elementos e atributos de HTML compatíveis
Limparemos automaticamente qualquer elemento que não seja compatível com o editor de código.
| Elemento | Atributo aceito |
|---|---|
<span> | `span` |
<code> | |
<sub> | `id` , `class` e `style` |
<sup> | `id` , `class` e `style` |
<del> | `id` , `class` , `title` e `style` |
<ins> | |
<small> | `id` , `class` e `style` |
<font> converte-se em <span> | `class` , `id` , `color` , `size` , `face` e `style` |
<a> | `href` , `title` , `target` e `style` |
<em> ou <i> | |
<strong> ou <b> | |
<p> | `id` , `class` e `style` |
<img /> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` e `height` |
<table> | `class` , `id` , `src` , `alt` , `title` , `style` , `width` e `height` |
<tr> | `class` , `id` , `align` , `valignestyle`` |
<th> | `class` , `id` , `colspan` , `rowspan` , `style` , `width` e `height` |
<td> | `class` , `id` , `colspan` , `rowspan` , `valign` , `style` , `width` e `height` |
<h1> | `id` , `class` e `style` |
<h2> | `id` , `class` e `style` |
<h3> | `id` , `class` e `style` |
<h4> | `id` , `class` e `style` |
<br> | |
<ol> | |
<ul> | |
<li> | |
<dl> | `id` , `class` e `style` |
<dt> | `id` , `class` e `style` |
<dd> | `id` , `class` e `style` |
<pre> | |
<link /> | `href` , `rel` , `type` e `media` |
<style> | `media` e `type` |
<u> converte-se em <span> | |
<s> converte-se em <span> |
Habilitar conteúdo dinâmico
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.
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.