Construtor de e-mails
O construtor de e-mails fica dentro da página de edição de um template (/marketing/emails/[id]). Ele utiliza o react-email-editor (Unlayer) para edição visual.
Carregamento
- Se o template possui
design, ele carrega o JSON do design. - Se possui apenas
html, carrega no modo clássico.
Recursos
- Editor drag-and-drop de blocos.
- Textos, imagens, botões, tabelas e outros componentes.
- Visualização adaptada.
- Exportação de HTML, design e imagem de thumbnail.
Merge tags
O editor exibe um painel de merge tags baseado nas variáveis do sistema. As tags agrupam variáveis por contexto:- Pedido —
order.id,order.number,order.status,order.total,order.customer.* - Orçamento —
estimate.id,estimate.number,estimate.status,estimate.total,estimate.customer.* - Lead —
lead.id,lead.name,lead.email,lead.phone - Produto —
product.id,product.name,product.price
Fluxo de trabalho
- Edite o conteúdo visual.
- Clique em Salvar para persistir design, HTML e thumbnail.
- Revise com Visualizar.
- Clique em Publicar para liberar o template em campanhas e automações.
- Use Enviar teste para validar na sua caixa de entrada.
Sanitização
O HTML salvo passa porsanitize-html antes de ser persistido. Tags e atributos fora da lista permitida são removidos.