Editor de Modelos

Crie modelos de faturas e orçamentos personalizados com arrastar e largar

Visão Geral do Editor de Modelos

O Editor de Modelos é um editor visual poderoso que lhe permite criar layouts personalizados para faturas e orçamentos. Usando uma interface de arrastar e largar com um sistema baseado em blocos, pode criar documentos profissionais e com a sua marca sem qualquer código.

O Que os Modelos Controlam: - Layout e estrutura do documento - Posições e tamanhos dos blocos numa grelha precisa - Que elementos aparecem no documento (e quais não) - Estilo visual de cada bloco - Aspeto geral e identidade visual do documento

Benefícios dos Modelos: - Identidade visual consistente em todos os documentos - Aspeto profissional que reflete a sua marca - Troca rápida de modelo ao criar documentos - Designs reutilizáveis para diferentes fins - Sem necessidade de código ou competências de design

Nota: O Editor de Modelos está disponível em todos os planos.

Editor Visual

Interface de arrastar e largar para design fácil e intuitivo

Sistema de Grelha

Posicionamento preciso com uma grelha de 24 colunas

Biblioteca de Blocos

22 tipos de blocos pré-construídos cobrindo cada parte de uma fatura

Pré-visualização ao Vivo

Veja as alterações em tempo real enquanto design numa tela A4, mais uma pré-visualização PDF com dados de amostra

Interface do Editor

O Editor de Modelos usa um layout de três painéis concebido para criação eficiente de modelos.

Painel Esquerdo - Paleta de Blocos: - Os tipos de bloco disponíveis para o tipo de documento atual (fatura ou orçamento) - Blocos agrupados por categoria: Cliente, Artigos e Produtos, Totais, Informação da Fatura, Geral - Uma caixa de pesquisa para encontrar rapidamente um bloco pelo nome - Arraste blocos para a tela (ou, em dispositivos móveis, toque para adicionar) - Cada bloco tem um ícone, um nome e uma descrição em tooltip

Painel Central - Tela: - Tela de tamanho A4 que se adapta ao ecrã mantendo a proporção A4 - Uma sobreposição de grelha para alinhamento preciso - Arraste e largue blocos para os posicionar; redimensione arrastando bordas ou cantos; mova com teclas de seta - Clique em qualquer bloco para o selecionar e abrir as definições - Apresenta uma pré-visualização ao vivo com dados de amostra localizados

Painel Direito - Configuração: Quando um bloco está selecionado, mostra as definições desse bloco; sem nada selecionado, mostra as Definições de Página: - Posição do bloco (coluna, linha na grelha) e tamanho (largura em colunas, altura em linhas) - Separadores de Campos e Estilos específicos do bloco (mostrar ou ocultar campos individuais sem eliminar o bloco) - Botões Repor (reverter para predefinições) e Eliminar - Definições de Página: margens, fundo da página, escala de texto e paginação

Controlos do Cabeçalho: - Botão Voltar (sair do editor; é apresentado um aviso se tiver alterações não guardadas) - Campo de entrada do nome do modelo - Botão Configuração de Página (mudar o painel direito para definições a nível de página) - Botão Limpar (remover todos os blocos da tela, com confirmação) - Pré-visualizar PDF (gerar uma pré-visualização PDF com dados de amostra numa modal) - Botão Guardar (os novos modelos pedem primeiro um nome)

Sugestões
  • Use a sobreposição de grelha e as teclas de seta para alinhar blocos com precisão
  • Use "Pré-visualizar PDF" para ver o PDF final renderizado com dados de amostra
  • Guarde frequentemente para evitar perder trabalho
  • Dê nomes descritivos aos modelos para fácil identificação (p. ex. "Azul Moderno", "Minimal", "Detalhado")

Blocos Disponíveis

O Editor de Modelos inclui 22 tipos de blocos. Cada fatura ou orçamento é composto por estes blocos — escolhe quais incluir e onde ficam na grelha. Na paleta estão agrupados em Cliente, Artigos e Produtos, Totais, Informação da Fatura e Geral.

Abaixo os blocos estão agrupados por finalidade para facilitar a leitura:

Blocos de identidade descrevem de quem é o documento e para quem é. Blocos de documento contêm metadados — números, datas, referências. Blocos de conteúdo incluem o corpo: linhas de artigos, texto, imagens, notas. Blocos de valores mostram totais, dados de pagamento e condições. Blocos de layout dão estrutura — divisores, carimbos, códigos.

Todos os blocos são opcionais, redimensionáveis e podem ser estilizados de forma independente.

Marca / Logótipo

O logótipo e nome da empresa. Quatro opções de layout (cima/baixo/esquerda/direita do logótipo). Obtido das Definições.

De

Nome da empresa, morada, NIF, telefone e e-mail. Preenchido a partir das Definições.

Faturar A

Dados de faturação do cliente. Preenche automaticamente a partir do cliente selecionado com uma linha de NIF ativável.

Enviar Para

Morada de envio separada — destinatário, rua, cidade, código postal, país.

Número da Fatura

Número gerado automaticamente com base nas regras de numeração (prefixo, preenchimento, reinício anual).

Data de Emissão

A data em que o documento foi criado. Etiqueta personalizada e formato de data.

Data de Vencimento

Prazo de pagamento, obtido da data de vencimento do documento. Etiqueta personalizada.

Período de Serviço

Uma data de início e fim descrevendo quando o trabalho foi realizado.

Número de OC

Referência da ordem de compra do cliente. Etiqueta ativável.

Campos Personalizados

Quaisquer pares chave-valor que o seu fluxo de trabalho requeira — referência de projeto, código de trabalho, nome de marco.

Linhas de Artigos

Tabela de linhas totalmente configurável. Ative/desative colunas (descrição, qtd, preço unitário, desconto, imposto, valor). Selecione produtos do catálogo; os totais calculam automaticamente.

Bloco de Texto

Conteúdo em rich-text com negrito, itálico, cor e alinhamento. Use para mensagens personalizadas ou instruções de pagamento.

Notas e Termos

Notas estruturadas e termos e condições com etiquetas independentes ativáveis.

Imagem

Carregue qualquer imagem com texto alternativo, legenda e modos de ajuste (conter / cobrir / preencher).

Valor em Dívida

Número total em destaque. Alinhado à esquerda, ao centro ou à direita — o elemento central do documento.

Dados de Pagamento

Nome do banco, IBAN, SWIFT/BIC. Tudo o que o cliente precisa para uma transferência.

Condições de Pagamento

Líquido 7, 15, 30, 60, 90, À receção ou texto personalizado. Mostra a política de mora se ativada.

Assinatura

Nome do signatário, título, data de assinatura e imagem de assinatura opcional com linha de assinatura.

Divisor

Linha horizontal ou vertical para separar secções.

Carimbo de Estado

Sobreposição de marca de água — PAGO, RASCUNHO, EM ATRASO, CANCELADO, ENVIADO. Opacidade, rotação e posicionamento configuráveis.

Código de Barras

Código de barras CODE128 ou CODE39. Obtenha o valor a partir do número de fatura, número de OC ou um campo personalizado.

Código QR

Código QR dinâmico com link para uma página de pagamento, um URL ou qualquer valor personalizado.

Personalizar Blocos

Cada bloco pode ser personalizado usando o painel de configuração no lado direito do editor quando selecionado.

Definições Comuns (todos os blocos): - Posição X - Posição horizontal na grelha de 24 colunas (coluna 1-24) - Posição Y - Posição vertical (número da linha) - Largura - Quantas colunas o bloco ocupa (1-24) - Altura - Quantas linhas o bloco ocupa

Definições Específicas do Bloco: Diferentes blocos têm diferentes opções de configuração: - Bloco de Texto - Editar o conteúdo do texto, tamanho de tipo, alinhamento do texto - Linhas de Artigos - Larguras de colunas, mostrar/ocultar colunas específicas - Bloco de Data - Formato de data, texto de etiqueta personalizado - Logótipo/Marca - Tamanho, alinhamento dentro do bloco - De/Faturar A - Campos a apresentar, personalização de etiquetas

Visibilidade de campos: Use o separador Campos de um bloco para mostrar ou ocultar os seus campos individuais (etiquetas, datas, colunas, linhas de endereço e mais) sem remover o bloco. Útil quando quer um aspeto mais simples mantendo o bloco no design.

Estilo: Alguns blocos suportam estilo personalizado: - Tamanho de tipo - Alinhamento de texto (esquerda, centro, direita) - Estilos de borda - Cores de fundo

Sugestões
  • Comece com as posições predefinidas e ajuste conforme necessário
  • Use a definição de largura para controlar quanto espaço horizontal um bloco ocupa
  • Oculte campos individuais no separador Campos em vez de eliminar um bloco que possa precisar mais tarde
  • Teste o modelo com dados reais de fatura pré-visualizando no editor
  • A grelha de 24 colunas permite layouts precisos com múltiplas colunas

Modelos Pré-construídos

O Invotify inclui doze modelos pré-construídos profissionalmente que pode usar como ponto de partida ou diretamente como layout de fatura. Estão disponíveis em todos os planos.

Cinco designs de estilo (aspetos de uso geral): - Classic Business - Layout tradicional e corporativo com aspeto limpo - Modern Minimal - Design contemporâneo com muito espaço em branco e acentos subtis - Professional Corporate - Layout abrangente com todos os campos empresariais (número de OC, código QR, etc.) - Creative Bold - Design chamativo com acentos em negrito para empresas criativas - Compact Efficient - Layout eficiente em espaço para faturas rápidas de uma página

Sete designs por tipo de empresa (cada um adaptado a uma indústria, usando diferentes blocos): - Consulting - Layout limpo de serviços profissionais - Legal & Law - Layout formal com campos de matéria/referência - Creative Studio - Layout ousado e orientado para o design para estúdios e agências - Tech & SaaS - Layout moderno adequado para software e subscrições - Construction & Trades - Layout orientado para trabalho com detalhes de local e termos - Accounting & Finance - Layout preciso, com foco em valores - Architecture - Layout orientado para projeto com períodos de serviço

Cada um é um layout distinto que destaca diferentes blocos (dados de pagamento, notas e termos, período de serviço, assinatura, campos personalizados, carimbo de estado, número de OC, enviar para, …) — não o mesmo esqueleto recolorido.

Loja de Designs: A página de Modelos tem uma secção "Designs Profissionais" com estes designs selecionados: - Navegue pelos designs disponíveis - Clique em Pré-visualizar em qualquer design para ver como fica com dados de amostra - Clique em Adicionar para copiar um design para a sua coleção - Edite os designs adicionados para personalizar ainda mais

Adicionar um design: Quando encontrar um design pré-construído de que gosta: 1. Clique em Pré-visualizar para o ver em tamanho real 2. Clique em Adicionar (muda para "Adicionado" uma vez copiado) 3. É adicionada uma cópia à sua biblioteca de modelos pessoal 4. Edite a cópia para personalizar cores, blocos e layout

Sugestões
  • Consulte os designs pré-construídos para inspiração mesmo que planeie criar os seus
  • Adicione um design pré-construído que esteja próximo do que quer e depois personalize-o
  • Pode ter múltiplos modelos para diferentes fins (p. ex. um para serviços, outro para produtos)

Guardar e Usar Modelos

Depois de criar o modelo, guarde-o para o disponibilizar para uso em faturas e orçamentos.

Guardar: 1. Dê ao modelo um nome descritivo 2. Clique no botão Guardar 3. O modelo fica guardado na sua conta 4. O modelo aparece no seletor de modelos ao criar documentos

Usar Modelos: Ao criar uma fatura ou orçamento: 1. Clique no seletor de modelos no editor 2. Navegue pelos modelos disponíveis 3. Clique para selecionar um modelo 4. O layout do documento atualiza para usar esse modelo

Gerir Modelos: - A lista de modelos mostra todos os modelos guardados e as opções pré-construídas - Edite qualquer modelo abrindo-o no editor - Adicione novamente um design pré-construído para outro ponto de partida - Elimine modelos que já não necessita

Modelo Predefinido: Ao criar novos documentos, o modelo mais recentemente atualizado é pré-selecionado, e o seletor de modelos mostra todas as opções disponíveis.

Sugestões
  • Crie diferentes modelos para diferentes tipos de documentos ou categorias de clientes
  • Teste os modelos com dados reais antes de os usar com clientes
  • Mantenha um modelo predefinido simples para faturação rápida
  • Dê nomes claros aos modelos (p. ex. "Azul Moderno", "Branco Minimal", "Detalhado com Enviar Para")