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.
Interface de arrastar e largar para design fácil e intuitivo
Posicionamento preciso com uma grelha de 24 colunas
22 tipos de blocos pré-construídos cobrindo cada parte de uma fatura
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)
- 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.
O logótipo e nome da empresa. Quatro opções de layout (cima/baixo/esquerda/direita do logótipo). Obtido das Definições.
Nome da empresa, morada, NIF, telefone e e-mail. Preenchido a partir das Definições.
Dados de faturação do cliente. Preenche automaticamente a partir do cliente selecionado com uma linha de NIF ativável.
Morada de envio separada — destinatário, rua, cidade, código postal, país.
Número gerado automaticamente com base nas regras de numeração (prefixo, preenchimento, reinício anual).
A data em que o documento foi criado. Etiqueta personalizada e formato de data.
Prazo de pagamento, obtido da data de vencimento do documento. Etiqueta personalizada.
Uma data de início e fim descrevendo quando o trabalho foi realizado.
Referência da ordem de compra do cliente. Etiqueta ativável.
Quaisquer pares chave-valor que o seu fluxo de trabalho requeira — referência de projeto, código de trabalho, nome de marco.
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.
Conteúdo em rich-text com negrito, itálico, cor e alinhamento. Use para mensagens personalizadas ou instruções de pagamento.
Notas estruturadas e termos e condições com etiquetas independentes ativáveis.
Carregue qualquer imagem com texto alternativo, legenda e modos de ajuste (conter / cobrir / preencher).
Número total em destaque. Alinhado à esquerda, ao centro ou à direita — o elemento central do documento.
Nome do banco, IBAN, SWIFT/BIC. Tudo o que o cliente precisa para uma transferência.
Líquido 7, 15, 30, 60, 90, À receção ou texto personalizado. Mostra a política de mora se ativada.
Nome do signatário, título, data de assinatura e imagem de assinatura opcional com linha de assinatura.
Linha horizontal ou vertical para separar secções.
Sobreposição de marca de água — PAGO, RASCUNHO, EM ATRASO, CANCELADO, ENVIADO. Opacidade, rotação e posicionamento configuráveis.
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 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
- 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
- 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.
- 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")