Introdução à linguagem de modelos de e-mail do Mailchimp
Use a linguagem de modelos do Mailchimp para criar o seu próprio modelo de e-mail. Aprenda a criar seções, usar etiquetas de mesclagem, testar o seu modelo e muito mais.
Realize seu trabalho de forma profissional
De treinamentos a marketing completo, nossa comunidade de parceiros pode ajudar você a fazer as coisas acontecerem.
Criar áreas de conteúdo editáveis com a linguagem de modelos do Mailchimp
Copie o URL do artigo
Copiado
Nota
As opções de modelo neste artigo estão disponíveis apenas para o Criador Clássico de e-mail. Para saber mais sobre modelos no Novo Criador de e-mails, confira Criar um e-mail no Novo Criador.
Ao codificar modelos personalizados com a linguagem de modelos do Mailchimp, use nossas convenções de nomes recomendadas para identificar quais áreas do seu modelo você gostaria de ser editável na seção Design do Construtor de campanhas. Recomendamos limitar o número de espaços editáveis para manter seu código limpo. É importante criar um nome exclusivo para cada valor de atributo e ser consistente para que você não perca seu conteúdo caso alterne modelos ao criar suas campanhas.
Áreas de conteúdo editável
O formato geral do atributo para criar áreas de conteúdo editável é: mc:edit="section"
Crie valores de atributo exclusivos e adicione aos elementos cujo conteúdo deve ser editável. Esta seção contém nomes de código de algumas áreas de conteúdo comuns que você pode incluir no código do seu modelo:
- mc:edit="header"
Usado para nomear o cabeçalho do seu e-mail. - mc:edit="header_image"
Usado para nomear uma imagem de cabeçalho editável. - mc:edit="sidecolumn"
Usado para nomear uma coluna editável do lado esquerdo ou direito. - mc:edit="body"
Usado para nomear o espaço do conteúdo principal do seu e-mail. - mc:edit="footer"
Usado para nomear o rodapé do seu e-mail.
No exemplo a seguir, uma seção do corpo editável é criada usando o atributo mc:edit="body".
<td class="defaultText" mc:edit="body">
<h2 class="title">Título principal</h2>
<p>Cópia de amostra. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id
pulvinar odio lorem non turpis.</p>
<h3 class="subTitle">Subtítulo</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</td>
Área de imagem editável
Para criar áreas de imagem editáveis, adicione o atributo a um elemento de imagem. Evite criar imagens editáveis em áreas de conteúdo editável para manter seu código limpo.
No exemplo a seguir, o atributo é adicionado a um elemento de imagem.
<img mc:edit="postcard" style="max-width:600px;" />
Cabeçalho de texto editável
Adicione o atributo mc:allowtext ao elemento de imagem da sua imagem de cabeçalho para permitir a inserção de texto em vez de uma imagem.
No exemplo a seguir, o atributo é adicionado a um elemento de imagem que é tornado editável com o atributo mc:edit="section".
<img mc:edit="header_image" mc:allowdesigner mc:allowtext />
Repetindo a área de conteúdo
Adicione o atributo mc:repeatable a qualquer área que inclua um atributo mc:edit para criar um bloco de conteúdo que possa ser adicionado repetidamente a um modelo. As áreas de conteúdo repetível ficam ocultas por padrão; portanto, elas só aparecem em um modelo se você as adicionar no Construtor de campanhas.
No exemplo a seguir, o atributo mc:repeatable é adicionado a uma área de conteúdo editável com o atributo mc:edit.
<div class="article" mc:repeatable>
<h3 mc:edit="article_title">Título</h3>
<p mc:edit="article_content">Conteúdo</p>
</div>
Cada instância do mc:repeatable cria um elemento-pai. Quando um bloco for repetido, o novo bloco será um filho desse pai. Os blocos filhos só podem ser reorganizados se estiverem associados ao mesmo elemento-pai. Por exemplo, se você tiver duas seções mc:repeatable em seu modelo, um bloco repetido da primeira instância não poderá ser reorganizado para aparecer entre os blocos repetidos associados à segunda instância.
Para mover blocos mais livremente, você deve criar várias instâncias do atributo mc:variant definido pelo mesmo nome mc:repeatable. Isso criará um elemento-pai mc:repeatable, para que todos os blocos repetidos sejam filhos do mesmo elemento-pai.
No exemplo a seguir, vários atributos mc:variant são usados com o mesmo nome mc:repeatable.
<table mc:repeatable="content" mc:variant="variant_1">
<tr><td mc:edit="section_1">
Conteúdo da variante 1
</td></tr>
</table>
<table mc:repeatable="content" mc:variant="variant_2">
<tr><td mc:edit="section_2">
Conteúdo da variante 2
</td></tr>
</table>
<table mc:repeatable="content" mc:variant="variant_3">
<tr><td mc:edit="section_3">
Conteúdo da variante 3
</td></tr>
</table>
Área de conteúdo ocultável
Adicione o atributo mc:hideable a uma área de conteúdo para permitir alternar o bloco entre oculto e visível ao criar suas campanhas. O atributo mc:hideable não pode ser usado em conjunto com o atributo mc:repeatable.
No exemplo a seguir, o atributo mc:hideable é adicionado a uma área de conteúdo tornada editável com o atributo mc:edit.
<div mc:edit="content" mc:hideable>
</div>
Área de conteúdo variável
Inclua o atributo mc:variant="somename" em uma área de conteúdo para permitir que você alterne entre vários layouts para esse bloco de conteúdo no Construtor de campanhas. O atributo mc:variant requer um nome de atributo e deve ser usado em conjunto com mc:repeatable.
No exemplo a seguir, o atributo mc:variant é adicionado a uma área de conteúdo que também usa o atributo mc:repeatable. Nesse caso, o nome do atributo é "conteúdo com a imagem esquerda."
<div mc:repeatable="product" mc:variant="content with left image"> </div>
Nota
- Se você estiver editando seções ocultáveis no construtor de campanhas usando o botão remover na sua campanha, a seção não desaparecerá na tela do construtor de campanhas. A seção que você quer remover será esmaecida, mas permanecerá caso você mude de ideia e queira usar o espaço. No entanto, quando você enviar o e-mail, a seção que você "removeu" não aparecerá na sua campanha. Você pode visualizar a mudança clicando em Preview (Visualizar) e depois em Enter Preview Mode (Entrar no modo de visualização).
- Os botões remove (remover) e hide this section (ocultar esta seção) não oferecem a mesma funcionalidade no editor de modelos. Na verdade, não é possível remover nenhum item enquanto trabalha no editor de modelos. Se precisar fazer esse tipo de alteração, sugerimos trabalhar no construtor de campanhas.
- Algumas edições de design variáveis ou repetíveis, como a adição de imagens a blocos variáveis, não serão mantidas quando os e-mails forem replicados ou salvos como modelos a partir do construtor de campanhas. Para proteger suas edições, recomendamos editar e salvar o conteúdo no construtor de modelos e exportar e salvar o seu código em um editor HTML, como o Bloco de notas ou o Editor de texto.
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.
Relacionados
Importar um modelo HTML personalizado
Com o Mailchimp, você pode importar, reutilizar e compartilhar os seus modelos de HTML personalizados. Saiba como importar arquivos ZIP ou HTML.
Usar blocos de conteúdo replicáveis ou variáveis
Se você programa o seu próprio modelo de e-mail, pode usar a linguagem de modelos do Mailchimp para adicionar blocos de conteúdo replicáveis e variáveis ao seu layout. Saiba quando e como usar cada tipo de bloco.