> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brindehub.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Construtor de e-mails

> Editor visual de templates de e-mail baseado no Unlayer.

# 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`

Veja a lista completa e a sintaxe em [Variáveis e merge tags](./variables-and-merge-tags.mdx).

## Fluxo de trabalho

1. Edite o conteúdo visual.
2. Clique em **Salvar** para persistir design, HTML e thumbnail.
3. Revise com **Visualizar**.
4. Clique em **Publicar** para liberar o template em campanhas e automações.
5. Use **Enviar teste** para validar na sua caixa de entrada.

:::tip
Sempre salve antes de publicar. A publicação não salva alterações pendentes.
:::

## Sanitização

O HTML salvo passa por `sanitize-html` antes de ser persistido. Tags e atributos fora da lista permitida são removidos.

## Relacionado

* [Templates de e-mail](./email-templates.mdx)
* [Testes de envio](./testing-emails.mdx)
* [Variáveis e merge tags](./variables-and-merge-tags.mdx)