Criação de Templates de E-mail

Os Templates de E-mail do Invenio Center permitem criar modelos personalizados e reutilizáveis para campanhas. Dois modos de criação disponíveis:

Modo	Indicado para	Nível técnico
🎨 Construtor Visual	Criação rápida com drag-and-drop	Iniciante
💻 HTML Direto	Controle total do layout	Avançado

Acessar Templates de E-mail

Caminho: Invenio Center > Converter > Campanhas > E-mail > Templates

Acesso direto: Painel de Templates de E-mail

Na tela de templates, você pode:

📋 Visualizar a lista de templates criados
📣 Acessar Campanhas de e-mail pelo botão no canto superior direito
➕ Criar novo template com ”+ Criar Template”

Criar Template

Ao clicar em ”+ Criar Template”, escolha o modo de criação:

Seleção do modo de criação: Construtor ou HTML Direto

Construtor Visual
HTML Direto

Construtor Invenio

Editor drag-and-drop para criar e-mails sem necessidade de código. Interface dividida em 3 abas:

Aba: Configurações Gerais

Nome do template

Defina um nome interno para identificação e organização do template.

Assunto do e-mail

Informe o assunto exibido na caixa de entrada do destinatário. Impacta diretamente na taxa de abertura.

E-mail para teste

Informe um endereço para receber o preview do template ao testar.

Aba: Construtor

Monte o e-mail de forma modular combinando layout e componentes.Layout:

Escolha a divisão em colunas: 1 a 4 colunas por seção
Combine seções com divisões variadas conforme o conteúdo

Componentes disponíveis:

Componente	Configurações
📝 Texto	Negrito, itálico, sublinhado, links, alinhamento, cores, bordas, padding, tamanho de fonte
🖼️ Imagem	Upload, descrição, link, cor de fundo, largura, padding, alinhamento, bordas

Padding: Espaçamento interno entre o conteúdo e as bordas do elemento, aplicado em pixels na ordem: Superior → Direita → Inferior → Esquerda (top, right, bottom, left).

Para remover um conteúdo de coluna, clique no ícone vermelho de exclusão à esquerda da coluna.

Editor visual do Construtor com layout e componentes

Estilos Globais:Configure o estilo padrão de todo o e-mail:

🎨 Cor de fundo do corpo e do conteúdo
🔤 Fonte e tamanho padrão
🎨 Cores de texto e links
📐 Padding do corpo do e-mail

Aba: Tags (variáveis dinâmicas)

Personalize o conteúdo com informações específicas de cada contato. As tags são substituídas automaticamente no envio:

Tag	Descrição
`@NomePessoa`	Nome completo do contato
`@PrimeiroNome`	Primeiro nome do contato
`@CPFCNPJ`	CPF ou CNPJ do contato
`@ChaveCliente`	Código identificador do cliente
`@Hashtag`	Hashtag vinculada ao contato no Invenio
`@Coringa1` a `@Coringa5`	Informações adicionais personalizadas

Como usar: Insira a tag no texto do template (ex: Olá, @PrimeiroNome!). No envio, será substituída automaticamente pelo valor do contato.

HTML Direto

Insira seu código HTML para controle total do design. A plataforma exibe dois painéis lado a lado:

Esquerda: Campo para colar ou escrever o código HTML
Direita: Preview visual com renderização em tempo real

Editor HTML com pré-visualização lado a lado

As abas Configurações Gerais e Tags também estão disponíveis no modo HTML Direto. Use as mesmas tags dinâmicas (@NomePessoa, @Coringa1, etc.) no código HTML.

Vantagens do HTML Direto:

✅ Personalização completa do layout
✅ Compatível com templates HTML externos
✅ Suporte a CSS customizado
✅ Ideal para layouts complexos ou templates já prontos

Preview, Ações e Gerenciamento

Testar e Salvar

Após finalizar o template:

Ação	O que faz
Preview	Envia e-mail de teste para o endereço configurado em Configurações Gerais
Salvar	Salva o progresso sem enviar preview

Botão de pré-visualização e envio de teste

E-mail de preview recebido no endereço de teste

Clique nos três pontos à direita de cada template na listagem:

Ação	Descrição
👁️ Visualizar	Exibe prévia da estrutura do template
✏️ Editar	Abre o editor para ajustar o conteúdo
📋 Duplicar	Cria novo template com base no modelo (ideal para layouts similares)
🗑️ Deletar	Remove permanentemente o template

Pré-visualização do template na listagem

Deletar remove o template permanentemente. Essa ação não pode ser desfeita.

Links Relacionados

Campanhas de E-mail

Usar templates nas campanhas

Cadastro de Conta de E-mail

Configurar canal de e-mail

Importação de Público

Cadastrar público para campanhas

Variáveis de Sistema

Referência de variáveis dinâmicas

Canais de Atendimento

Todos os canais disponíveis

⁉️ Perguntas Frequentes (FAQ)

📍 Onde acesso os templates de e-mail?

Caminho: Invenio Center > Converter > Campanhas > E-mail > TemplatesOu acesse diretamente: painel de templates

🔀 Qual a diferença entre Construtor Visual e HTML Direto?

Característica	Construtor Visual	HTML Direto
Conhecimento técnico	❌ Não precisa	✅ HTML/CSS
Interface	Drag-and-drop	Editor de código
Flexibilidade	Moderada	Total
Pré-visualização	Automática	Lado a lado
Responsividade	Automática	Manual

Recomendação:

Equipes de marketing → Construtor Visual
Desenvolvedores ou templates corporativos → HTML Direto

💻 É necessário saber HTML para criar templates?

Não. O Construtor Visual permite criar e-mails completos sem nenhum conhecimento técnico, usando drag-and-drop.O HTML Direto é uma opção adicional para quem deseja controle total do design.

🏷️ O que são as Tags e como usá-las?

Tags são variáveis dinâmicas que personalizam o conteúdo por contato automaticamente no envio.Como usar:

No editor, escreva a tag no texto: Olá, @PrimeiroNome!
No envio, @PrimeiroNome será substituído pelo primeiro nome de cada contato

Tags disponíveis:

@NomePessoa → Nome completo
@PrimeiroNome → Primeiro nome
@CPFCNPJ → CPF ou CNPJ
@ChaveCliente → Código do cliente
@Hashtag → Hashtag do contato
@Coringa1 a @Coringa5 → Campos personalizados

👁️ Como testar o template antes de salvar?

Clique em Preview para enviar um e-mail de teste para o endereço configurado em Configurações Gerais.Pré-requisito: E-mail de teste deve estar preenchido em: Construtor > Configurações Gerais > E-mail para testeO preview exibe exatamente como o e-mail será renderizado no cliente de e-mail do destinatário.

📋 Posso criar templates com base em um existente?

Sim! Use a opção Duplicar no menu de ações (três pontinhos).Caminho: Templates > Três pontinhos > DuplicarO template duplicado é criado com o mesmo layout e conteúdo, pronto para edição. Ideal para criar variações de um template já aprovado.

🌐 As Tags funcionam no modo HTML Direto?

Sim! As mesmas tags (@NomePessoa, @Coringa1, etc.) podem ser inseridas diretamente no código HTML.Exemplo no HTML:

<p>Olá, @PrimeiroNome! Seu código é @ChaveCliente.</p>

As abas Configurações Gerais e Tags ficam disponíveis no painel lateral mesmo no modo HTML.

📐 O que é o Padding e como configurar?

Padding é o espaçamento interno entre o conteúdo e as bordas do elemento.Ordem de configuração (em pixels):

Superior (top)
Lateral direita (right)
Inferior (bottom)
Lateral esquerda (left)

Exemplo: padding: 16 24 16 24 → 16px acima/abaixo, 24px nas laterais.Disponível para componentes de Texto, Imagem e no Estilo Global do e-mail.

🗑️ É possível recuperar um template deletado?

Não. A ação Deletar remove o template permanentemente da plataforma.Recomendação: Antes de deletar, use Duplicar para manter uma cópia de segurança do template.Caminho: Templates > Três pontinhos > Duplicar (antes de excluir)

🔁 Como usar um template criado em uma campanha?

Caminho: Invenio Center > Converter > Campanhas > E-mail > Criar campanha > Conteúdo da Mensagem > Selecionar template existenteO template criado ficará disponível na lista de seleção durante a criação da campanha.Consulte: Campanhas de E-mail

Acesso

Configurações Gerais

Invenio Live

Invenio Center

Maestro

Carteiro Digital

Robbu APIs

Orion

Positus

Atualizações

Criação de Templates de E-mail

Acessar Templates de E-mail