Criar Modelos de Documentos

Aprenda a criar modelos de documentos profissionais com o editor visual do Interflow.

Criando um Novo Modelo

Passo 1: Acessar Modelos

1. No menu lateral, acesse Modelos de Documentos
2. Clique em "+ Novo Modelo"
3. Preencha as informações básicas:
   • Nome: Identificação do modelo (ex: "Contrato de Prestação de Serviços")
   • Descrição: Detalhes sobre o uso do modelo
   • Tipo de Entidade: Selecione Cliente ou outro tipo

Passo 2: Editor HTML

O editor oferece ferramentas completas de formatação:

Formatação de Texto

• Negrito (Ctrl/Cmd + B)
• Itálico (Ctrl/Cmd + I)
• Sublinhado (Ctrl/Cmd + U)
• Tachado
• Cores de texto e fundo
• Tamanhos de fonte

Estrutura

• Títulos (H1 a H6)
• Listas ordenadas e não ordenadas
• Tabelas
• Divisores horizontais
• Blocos de citação

Alinhamento

• Esquerda
• Centro
• Direita
• Justificado

Inserindo Variáveis

Variáveis do Sistema

Use a sintaxe {{variavel}} para inserir dados dinâmicos:

Nome: {{customer.name}}
Email: {{customer.email}}
Telefone: {{customer.phone}}
Data: {{date.current_date}}

Painel de Variáveis

O painel lateral direito exibe todas as variáveis disponíveis:

Dados do Cliente

{{customer.name}} // João Silva
{{customer.email}} // joao@email.com
{{customer.phone}} // (11) 98765-4321
{{customer.document}} // CPF/CNPJ
{{customer.address.street}} // Rua das Flores
{{customer.address.city}} // São Paulo
{{customer.address.state}} // SP
{{customer.address.zip_code}} // 01234-567

Dados do Sistema

{{date.current_date}} // 2026-02-24
{{date.current_time}} // 14:30:00
{{organization.name}} // Nome da Empresa
{{user.name}} // Nome do Usuário

Variáveis Customizadas

Clique em "Configurar Variáveis Customizadas" para criar campos específicos:

{{custom.valor}} // Valor personalizado
{{custom.prazo}} // Prazo em dias
{{custom.desconto}} // Percentual de desconto

Tipos de variáveis customizadas:

• text - Texto livre
• number - Números
• date - Datas
• boolean - Verdadeiro/Falso

Configurações Avançadas

Marca d'Água

Marca d'Água de Texto

1. Ative "Habilitar marca d'água"
2. Selecione Tipo: "Texto"
3. Configure:
   • Texto: "CONFIDENCIAL", "RASCUNHO", etc.
   • Opacidade: 0.1 a 1.0 (recomendado: 0.2-0.3)
   • Rotação: -45° a 45° (padrão: -45°)

Exemplo:

Texto: CONFIDENCIAL
Opacidade: 0.2
Rotação: -45°

Marca d'Água de Imagem

1. Selecione Tipo: "Imagem"
2. Cole a URL da imagem
3. Configure:
   • Página Completa: Cobrir toda a página
   • Opacidade: 0.1 a 1.0
   • Largura/Altura: Dimensões personalizadas (vw/vh ou px)

Exemplo:

URL: https://exemplo.com/logo.png
Página Completa: Sim
Opacidade: 0.15

Configuração de Página (PDF)

Margens

Configure as margens do documento em milímetros:

Superior: 20mm
Inferior: 20mm
Esquerda: 20mm
Direita: 20mm

Valores recomendados:

• Padrão: 20mm em todas as margens
• Documento Formal: 25mm superior/inferior, 30mm laterais
• Sem Margens: 0mm (para designs customizados)

Margens menores aproveitam melhor o espaço, mas podem dificultar a impressão. Use no mínimo 10mm para documentos que serão impressos.

Salvando o Modelo

1. Revise todo o conteúdo no editor
2. Verifique as variáveis e helpers
3. Teste as configurações de marca d'água e margens
4. Clique em "Salvar Modelo"

Boas Práticas

Design

• Use títulos claros para organizar o conteúdo
• Mantenha espaçamento consistente entre seções
• Escolha fontes legíveis (Helvetica, Arial, Times New Roman)
• Use tabelas para organizar dados estruturados

Variáveis

• Teste com dados reais antes de finalizar
• Use valores padrão para variáveis opcionais
• Adicione contexto ao redor das variáveis (ex: "CPF: {{customer.document}}")

Formatação

• Use estilos inline para garantir que a formatação seja preservada
• Evite fontes externas que possam não estar disponíveis na exportação
• Teste em ambos os formatos (PDF e DOCX) para garantir compatibilidade

Performance

• Otimize imagens antes de usar como marca d'água (max 2MB)
• Evite templates muito complexos (>5000 linhas de HTML)
• Use condicionais para exibir apenas dados relevantes

Atenção

Alguns estilos CSS podem não ser suportados igualmente em PDF e DOCX. Sempre teste a geração em ambos os formatos.

Próximo Passo

Agora que você sabe criar modelos, aprenda a usar Variáveis e Helpers para tornar seus documentos ainda mais dinâmicos e poderosos!