Trabalhando com HTML personalizado

O bloco de conteúdo HTML personalizado permite que você adicione facilmente seu próprio código HTML a uma mensagem de e-mail que você está criando com o construtor de arrastar e soltar. É tão simples de usar quanto um bloco de texto.

Apenas especialistas em HTML
Usar seu próprio código pode afetar a forma como a mensagem é renderizada nos clientes de e-mail, impedindo que ela se ajuste ao tamanho da tela (ou seja, à "responsividade" da mensagem). Certifique-se de usar HTML que seja compatível com o e-mail e responsivo.

Por que usar código personalizado?

Existem muitos cenários em que faz sentido adicionar seu próprio código HTML:

Adicionando mais conteúdo personalizado

Você não está limitado por um conjunto de parâmetros pré-definidos e, portanto, pode ter um controle mais granular dos estilos aplicados.

Adicionando vídeo HTML 5, links âncora, etc

Agora você pode adicionar conteúdo que não está disponível como elemento padrão no editor (vídeo HTML 5, links âncora, etc.).

Adicionando efeitos avançados com CSS

Efeitos de animação não são amplamente suportados por todos os clientes de e-mail, mas quando gerenciados corretamente, podem ajudar sua mensagem a viralizar.

Adição de conteúdo ao vivo de provedores externos

Recomendações de produtos, anúncios dinâmicos, mapas personalizados, todo esse conteúdo avançado agora pode ser facilmente incluído em uma mensagem criada com o construtor de arrastar e soltar. Basta copiar e colar o código fornecido pelo fornecedor com quem você está trabalhando.

Adição de código HTML

Para adicionar seu código, arraste um elemento de conteúdo HTML para sua mensagem. Ele pode ser posicionado isoladamente, com outros itens de conteúdo HTML ou misturado com outros tipos de conteúdo.

O novo bloco de conteúdo inserido mostrará algum texto provisório padrão. Clique nele e o painel de propriedades do lado direito exibirá o painel de edição de código HTML, onde você encontrará um código provisório dentro da área de edição:

620

Cole seu próprio código HTML ou escreva diretamente na área de edição. O sistema vai destacar sua sintaxe e redentar seu código para torná-lo mais legível.

Conteúdo dinâmico é permitido?

Sim, você pode usar o bloco HTML para adicionar conteúdo dinâmico, veja nosso guia, Personalização e conteúdo dinâmico programável, para mais detalhes sobre como o conteúdo dinâmico funciona e como usá-lo.

No construtor de e-mails, a sintaxe dinâmica pode ser adicionada diretamente sem precisar ser ativada primeiro.

Tags HTML válidas

O conteúdo HTML corrige automaticamente alguns problemas, como tags HTML deixadas abertas, e remove códigos que não podem ser usados, como tags de script ou tags iframe (essas tags não são permitidas pela maioria dos clientes de e-mail, causando problemas de entregabilidade ou riscos de segurança). Revise a lista de tags e atributos HTML permitidos abaixo:

a, abbr, acronym, address, area,
b, bdo, big, blockquote, button,
caption, center, cite, code, colgroup,
dd, del, dfn, dir, div, dl, dt,
em,
fieldset, font, form,
h1, h2, h3, h4, h5, h6,
i, ins,
kbd,
label, legend, li,
map, menu,
ol, optgroup, option,
p, pre,
q,
s, samp, select, small, span, strike, strong, sub, sup,
table, tbody, td, textarea, tfoot, th, thead,
tr, tt,
u, ul,
var

general attributes: style, id, class, data-*, title
a: href, name, target
img: align, alt, border height, hspace, src, vspace, width, usemap
table: align, bgcolor, border, cellpadding, cellspacing, width
tbody: align, valign
td: align, bgcolor, colspan, height, rowspan, valign, width
tr: align, bgcolor, valign
tfoot: align, valign
th: align, bicolor, colspan, height, rowspan, valign, width
thead: align, valign
li: type
map: name
area: alt, coords, href, shape, target