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. Acesse a etapa Design para selecionar um modelo de e-mail para começar.

3. O procedimento para criar um modelo ou uma campanha de e-mail é diferente:

   Campanha de e-mail Modelo de e-mail

   Clique em Start designing (Começar a projetar) e em Start from scratch > HTML custom code (Começar do zero > Código HTML personalizado).

   

   Acesse a guia Code your own (Crie seu próprio código) e clique em Paste your Code (Colar seu código).

   

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ê conseguirá selecionar seus e-mails criados anteriormente nas categorias Your emails (Seus e-mails) (campanha) ou My templates/Campaigns (Meus modelos/campanhas) (modelo). 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 seção Design da criação de 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 após salvá-lo como modelo não serão refletidas no modelo.
6. Clique em Save & quit (Salvar e sair).
7. Uma pequena pré-visualização da sua campanha é exibida na seção Design da criação de e-mail.

Agora você pode pré-visualizar e testar sua campanha de e-mail, para ver se ela 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.