Colar código HTML para criar um e-mail

Se você já criou e programou o e-mail em HTML em outro programa ou recebeu o HTML de um designer, você pode usar o recurso Paste in Code (Colar código) para criar o seu e-mail.

Neste artigo, você vai aprender a colar o código HTML para criar um e-mail.

Antes de começar

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

• Este recurso está disponível para usuários com plano Standard ou superior. Para obter mais informações sobre quais recursos estão incluídos em cada plano, confira nossa página de preços.
• Modelos com código personalizado estão disponíveis apenas no Criador Clássico. Se estiver usando o Novo Criador, você será solicitado a continuar com o Criador Clássico.
• No seu código HTML, todas as imagens devem ser hospedas em um servidor público, e todos os links devem ser caminhos absolutos que ligam diretamente ao servidor público. Você também pode usar o Estúdio de Conteúdo da sua conta do Mailchimp para hospedar imagens e inserir URLs das imagens no seu código HTML.
• 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.

Colar código

Para criar um e-mail colando código HTML, siga estas etapas:

1. Clique no botão Create (Criar) .
2. Clique no menu suspenso Email (E-mail) e, em seguida, clique em Regular (Normal).
3. Insira um nome para o seu e-mail e clique em Begin (Iniciar).
4. Na seção Content (Conteúdo) do criador, clique em Design Email (Criar e-mail).
5. Na etapa Select a template (Selecionar um modelo), clique na guia Code Your Own (Programado por você).
6. EscolhaPaste in Code (Colar código).
   
7. Se você estiver usando o Novo Criador, clique em Apply (Aplicar), e, então, clique em Yes, continue to Classic (Sim, continuar para Clássico) no modal pop-up.
8. Cole o seu HTML no editor e clique em Save (Salvar).

Analisar as configurações

Aqui estão algumas opções importantes de CSS e snippets de código que você encontrará na guia Settings (Configurações) do painel de edição.

• CSS Inliner
  Marque a caixa Automatic CSS-Inliner (CSS Inliner automático) para ajudar o seu código a ser exibido de forma mais correta em diversas caixas de entrada.
• Link de cancelamento de assinatura
  Copie o link de cancelamento de assinatura e cole-o no seu código. A etiqueta de mesclagem *|UNSUB|* é obrigatória em todos os e-mails.
• Selo de indicação
  Copie a etiqueta de mesclagem do selo de indicação e cole-a no seu código onde quer que o selo apareça. A etiqueta de mesclagem *|REWARDS|* é obrigatória para contas gratuitas. Clique em Change Image (Alterar imagem) para escolher entre um plano de fundo de imagem claro ou escuro.
• Tema do editor de código
  Clique no menu suspenso do Editor theme (Tema do editor) para alterar a aparência do editor de códigos.

Comentários

Use a guia Comments (Comentários) para enviar um e-mail de teste, pedir feedback aos colaboradores e adicionar seu próprio comentário. Para saber mais, confira nosso artigo Colaboração em campanhas.