Introdução à linguagem de modelos de e-mail do Mailchimp

Ao criar modelos de e-mail personalizados com o idioma do modelo de e-mail do Mailchimp, existem algumas diretrizes básicas que você deve seguir. Essas diretrizes visam servir como base para as melhores práticas ao usar a linguagem de modelos do Mailchimp.

Neste artigo, você vai aprender a usar a linguagem de modelos do Mailchimp.

Informações úteis

• Dependendo do seu plano, talvez você não tenha acesso a modelos com programação personalizada. Para saber quais recursos estão inclusos em cada plano, confira a nossa página de preços. Para alterar o tipo de plano, visite a página de planos em sua conta.
• 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.

Estilos CSS

Recomendamos que os seus layouts de e-mail tenham 600 pixels ou 640 pixels de largura para permitir a visualização adequada em vários clientes de e-mail. A página de suporte a CSS por cliente de e-mail na nossa Referência sobre modelos de e-mail oferece uma lista completa de estilos CSS compatíveis com diferentes tipos de clientes de e-mail.

Como regra geral, evite usar os seguintes CSS nos seus modelos:

• Floats
• Posicionamento
• Imagens de plano de fundo (elas não funcionam no Microsoft Outlook nem no Gmail)

Lembre-se de definir a declaração @theme no seu CSS para o plano de fundo, cabeçalho, rodapé e espaço de conteúdo da página para que os modelos possam ser personalizados rapidamente com os temas de cores do Mailchimp. Consulte o artigo Estilos de modelos para obter a sintaxe correta dos nomes que podem ser usados.

Seções editáveis

Limite o número de espaços editáveis no modelo para mantê-lo simples e nomeie todos os espaços editáveis de forma consistente. O nome atribuído via mc:edit=" somename" é usado para criar um campo no banco de dados para armazenar conteúdo exclusivo. Se você trocar de modelo depois de escrever o conteúdo, poderá perder a cópia se os nomes dos espaços editáveis não forem consistentes. Use as convenções a seguir para áreas de conteúdo comuns. Veja mais exemplos.

• 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 do corpo do seu e-mail.
• mc:edit="footer" usado para nomear o rodapé do seu e-mail.

Você não deve colocar imagens editáveis em um contêiner de conteúdo editável.

Se você estiver editando seções ocultáveis no Campaign Builder (Construtor de campanhas) usando o botão remover no seu modelo, observe que a seção não desaparecerá na tela do editor, mas será exibida esmaecida como um espaço reservado caso você decida usar o espaço. A seção não aparecerá na sua campanha enviada. Para visualizar a campanha, clique em Preview and Test (Visualizar e testar) e depois em Enter Preview Mode (Entrar no modo de visualização).

Os botões remover e 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.

Etiquetas de mesclagem

Você deve ser criativo com o uso de etiquetas de mesclagem.

• Use etiquetas de mesclagem social para fornecer aos seus contatos novas maneiras de se conectar com você pelo Facebook e X (anteriormente Twitter) e compartilhar facilmente seu conteúdo.
• Use a etiqueta de mesclagem do índice ( *|MC:TOC|*) para criar uma lista automática de links para os <h1> and <h2> cabeçalhos em um e-mail.
• Você pode consultar Personalizar o conteúdo do rodapé para obter uma visão geral rápida das etiquetas de mesclagem que você pode incluir.

Sempre inclua as informações necessárias do CAN-SPAM no rodapé. Caso contrário, sua campanha de e-mail poderá ser rejeitada. Essas etiquetas necessárias também estão anotadas em Personalizar o conteúdo do rodapé.

• *|UNSUB|*
• *|LIST:DESCRIPTION|*
• *|LIST:ADDRESS|*

Links externos

Ao usar links em seu e-mail, inclua o atributo target="_blank" nos elementos âncora para garantir que eles abram uma nova janela ou guia do navegador quando os e-mails forem visualizados nos clientes de e-mail baseados em navegador. Faça um esforço para incluir esses links úteis em seu e-mail:

• Um link para que os usuários atualizem suas preferências de assinatura:
  <a href="*|UPDATE_PROFILE|*" target="_blank">alterar preferências de assinatura</a>
• Um link para que os usuários visualizem o e-mail no navegador:
  <a href="*|ARCHIVE|*" target="_blank">visualizar este e-mail em um navegador</a>
• Um link para o seu site:
  <a href="*|LIST:URL|*" target="_blank">visitar nosso site</a>
• Um link para que os usuários encaminhem o e-mail a um amigo, geralmente em um lugar de destaque:
  <a href="*|FORWARD|*" target="_blank">encaminhar para um amigo</a>

(Sempre que possível, é uma boa ideia fazer isso com um botão bacana, para incentivar o compartilhamento!)

Testes

Teste seus modelos criando uma campanha de e-mail e depois personalizando o modelo. Esse teste de estresse pode ajudar você a garantir que o modelo funcione bem para outras pessoas que possam usá-lo em diferentes situações.

Links rápidos

• Idioma do modelo: criando estilos de modelo editáveis
• Idioma do modelo: criando áreas de conteúdo editável
• Idioma do modelo: trabalhando com seletores de variantes
• Modelos do tipo programe você mesmo