O editor de código HTML personalizado permite que você carregue seu próprio arquivo HTML para criar e-mails totalmente personalizados. É ideal se você já tiver um e-mail codificado por uma agência, criado fora da plataforma Brevo.  

Antes de começar

• Alguns clientes de e-mail não são compatíveis com todo o conteúdo HTML, pois o HTML do e-mail não é tão desenvolvido quanto o HTML da Web. Para evitar problemas com seu código no editor e bloco de HTML, consulte nosso artigo dedicado Limitações ao usar HTML para designs de e-mail.
• Recomendamos adicionar imagens usando o atributo <img src= [...] > em vez de incorporá-las diretamente no e-mail.
  💡 É bom saber

  Se precisar incorporar uma imagem, insira-a primeiro e depois ative a opção correspondente nas configurações adicionais da sua campanha. O conteúdo incorporado conta para o limite de tamanho do e-mail e só pode usar até 1 MB do máximo de 5 MB.

🧑‍💻 Acesse o editor de código HTML personalizado 

Para começar a criar designs com o editor de HTML:

1. Crie uma campanha de e-mail ou um modelo de e-mail e configure-o. 
2. Clique em Start designing (Iniciar design) ou Add content (Adicionar conteúdo) para abrir o menu de seleção do editor.
3. Clique em Start from scratch > Simple editor (Começar do zero > Editor simples).
   

O editor de HTML será aberto, onde você poderá carregar seu próprio arquivo HTML para criar o design do e-mail. Na próxima vez, você poderá selecionar os e-mails que criou anteriormente na categoria Your emails (Seus e-mails). Use os e-mails criados com o editor de HTML em campanhas de e-mail, automações e conversas! 

</> Carregar um arquivo HTML 

Depois de abrir o editor de HTML: 

1. Abra o arquivo HTML para visualizar o código. Você pode: 
   • Abrir o arquivo em um editor de texto se tiver um, ou
   • Abrir o arquivo em seu navegador, clique na página e selecione View Page Source (Visualizar fonte da página). 
     
2. Selecione todo o código e o copie.
3. Na criação do e-mail, acesse o editor de código HTML personalizado.
4. Cole o código no editor de código HTML personalizado.
5. (Opcional) Clique em Actions (Ações) > Save as template (Salvar como modelo) para salvar seu design HTML como um modelo e reutilizá-lo em futuras campanhas ou automações. Dê um nome para encontrá-lo e reconhecê-lo facilmente em sua lista de modelos de e-mail e clique em Save as template (Salvar como modelo). 
   
   ❗️ Importante

   As alterações feitas no design depois de salvá-lo como modelo não serão refletidas no modelo.
6. Clique em Save & quit (Salvar e sair).

Agora você pode pré-visualizar e testar seu e-mail, para ver se ele está funcionando.

⏭️ O que vem a seguir?

• Pré-visualizar e testar seu e-mail
• Limitações ao usar HTML para designs de e-mail

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar à agência parceira da Brevo certa.