Usar HTML com o editor de emails

Com o Editor de emails da ActiveCampaign, você pode usar facilmente HTML em seu design de email. Isso dá total flexibilidade para criar uma campanha que melhor se adapte aos seus objetivos de negócios e permita uma solução de problemas mais fácil. 

Observação

•  Este artigo refere-se ao Editor de emails lançado em 2022. Se você quiser saber como usar as opções HTML para o Designer Clássico, consulte Classic Designer: Use o bloco de conteúdo HTML com campanhas
• Você deve estar confortável com HTML e CSS para usar essa opção
• Nossa equipe de CX não pode ajudar você a criar ou solucionar problemas de qualquer código criado no editor de emails
• Iframes não são suportados em campanhas de email

Para adicionar o bloco de conteúdo HTML:

Uma maneira de adicionar HTML à sua campanha é com o bloco de conteúdo HTML. Com esta opção, você está adicionando apenas código HTML ao bloco de conteúdo. Ele não se aplica ao resto dos blocos de conteúdo no Editor de emails. 

1. No Editor de emails, clique na lista suspensa "Blocos" no menu à direita.
2. Role para baixo até a opção de bloco HTML.
3. Arraste o bloco de conteúdo "Produtos" para o seu email. O bloco HTML será exibido na janela Editor de emails.
4. Clique no bloco HTML para trazer o editor de código.
5. Adicione seu HTML personalizado ao editor de código.
6. Para sair do editor de código, clique em qualquer bloco no Editor de emails. 

Acesse a opção de código

Para maior controle sobre o Editor de emails, você pode editar o HTML do seu email com o botão de código.

1. No Editor de emails, clique no botão "Código". Isso está localizado no topo da página.
   
2. O painel de código será carregado na parte inferior do Designer. Aqui você pode ver o código do seu email. Observe que o editor de código exibirá HTML e CSS para qualquer bloco de conteúdo que você clicar. Se você não selecionar um bloco de conteúdo, o editor exibirá código para todo o email.
3. Para ajustar o código, clique na área que deseja atualizar e adicione ou edite o código.
4. Para sair da visualização de código, clique no botão de código novamente.

Criar um novo modelo com o editor de emails e o código personalizado

Você pode criar um modelo no editor de emails que usa código personalizado.

1. Na página Campanhas, clique em "Modelos de campanha".
2. Clique no botão "Criar um modelo".
3. Clique na opção "Email Designer" e, em seguida , clique em "Continuar".
4. Na página seguinte, clique na opção "Começar do zero".
5. O Email Designer será carregado. Clique no botão "Código".
   
6. O painel de código será aberto na parte inferior da página e exibirá HTML e CSS.
   • Adicione ou edite o HTML no editor de código
     
   • Para adicionar CSS personalizado, clique em "CSS" para expandir a caixa e, em seguida, adicione seu CSS. 
     
7. Quando terminar, clique no botão "Código" para visualizar seu trabalho. Você também pode usar as opções de arrastar e soltar para concluir seu email (se necessário). 

Solucionar problemas de design

Se algum texto ou botões não estiverem sendo renderizados corretamente, você poderá visualizar o código de email e ajustá-lo clicando no botão "Código". Ter acesso fácil ao código ajuda a solucionar problemas e personalizar o estilo do email.

Certifique-se de que seu código HTML não inclua as seguintes tags, pois elas não são suportadas em clientes de email (como Gmail, Yahoo e muito mais):

• <button>
• <form>
• <input>
• <select>
• <textarea>
• <iframe>
• <script>
• <video>