No painel de exportação do Emailify, selecione a opção Bloomreach na lista suspensa. Quando estiver tudo pronto, clique no botão Export For Bloomreach para exportar para HTML os e-mails selecionados no Figma.
Importar um template completo do Emailify
Use o HTML Builder do Bloomreach para importar um e-mail completo do Emailify:
- Descompacte a exportação do Emailify.
- Abra o arquivo
index.htmldo e-mail em um editor de texto ou de código. - Crie ou abra um e-mail no HTML Builder do Bloomreach.
- Mude para o modo Code e substitua o código existente por todo o conteúdo do
index.html, incluindo o<head>e o<body>. - Salve o e-mail e envie um teste antes de usá-lo em uma campanha.
Para importar uma exportação completa do Emailify, use o HTML Builder, e não um HTML content block dentro do Design Builder do Bloomreach.
O Emailify inclui CSS responsivo no <head> do e-mail para aplicar as larguras das colunas no desktop, além de marcação condicional em tabelas para as versões do Outlook que precisam de uma alternativa separada. O Design Builder do Bloomreach trata o HTML content block como um fragmento do corpo, então pode mover os estilos responsivos para o corpo do e-mail e remover a marcação específica do Outlook. Quando isso acontece, as colunas podem se empilhar no desktop em vez de aparecer lado a lado.
Consulte o guia do Bloomreach sobre como usar o HTML Builder para saber mais.
Usar uma seção do Emailify no Design Builder
Se precisar colocar uma seção do Emailify dentro de um e-mail do Design Builder, você pode tentar dividir o código exportado:
- Copie as tags
<style>do<head>exportado para Settings -> Custom Head HTML no Bloomreach. - Copie apenas o conteúdo entre as tags
<body>e</body>exportadas para o HTML content block do Design Builder.
Isso pode restaurar o CSS responsivo nos clientes de e-mail compatíveis, mas o Design Builder ainda pode remover a marcação condicional específica do Outlook gerada pelo Emailify. Teste o resultado no Gmail, no Apple Mail e no Outlook para desktop antes de enviar. Para ter a compatibilidade mais confiável, use a exportação completa no HTML Builder do Bloomreach.
Consulte o guia do Bloomreach sobre Custom Head HTML para saber mais.