Guia do utilizador

Editor de modelos personalizados

Componha o seu próprio layout de fatura a partir dos 25 modelos da galeria ou do zero, estilize cada elemento, limite-o a certos perfis e aplique-o a uma fatura.

Atualizado: 2026-09-09

Os doze desenhos integrados cobrem a maioria das faturas, mas decidem por si onde ficam o logótipo, as datas e o endereço do cliente. O editor de modelos personalizados permite-lhe compor essas partes você mesmo. Coloca elementos em seis espaços à volta de um corpo fixo, estiliza cada um e guarda o resultado como um modelo seu. A partir daí, qualquer fatura pode passar para esse modelo com dois toques, e o PDF é desenhado por um renderizador personalizado em vez de por um dos doze desenhos.

Este guia acompanha Nadia Okafor, do Fern & Petal Floral Design Studio, em Portland, Oregon. Ela quer uma página discreta, quase toda branca, para clientes de hotelaria e restauração: um logótipo largo e duas linhas de contacto à esquerda, os dados da fatura e o endereço do cliente à direita, e uma única linha verde de agradecimento no rodapé. A sua fatura FP-2026-0218 para o Alder Street Hotel serve para o PDF final. Tem também um segundo perfil de empresa, Fern & Petal Weddings, razão pela qual a funcionalidade de âmbito por perfil aparece pelo caminho.

O que vê no ecrã

Os modelos personalizados vivem em Configurações (Settings), na linha Modelos PDF (PDF templates, subtítulo “criar e gerir os seus próprios layouts”). O ecrã tem três separadores. Meus (Mine) lista os modelos que guardou, numa grelha de cartões de duas colunas. Galeria (Gallery) tem 25 layouts iniciais em seis categorias, que abrem no editor já preenchidos. Paletas (Palettes) é onde se criam conjuntos de cores personalizados; esse separador é tratado no guia de paletas e só interessa aqui porque um modelo guardado memoriza a paleta que usa.

Cada cartão em Meus mostra uma miniatura esquemática desenhada a partir do layout (barras coloridas, não uma verdadeira geração do PDF), o nome do modelo a negrito e uma linha de âmbito que indica Todos os perfis (All profiles) ou Restrito a perfis específicos (Restricted to specific profiles). Um botão branco de três pontos no canto da miniatura abre um menu com Duplicar (Duplicate) e Excluir (Delete). Tocar em qualquer outro ponto do cartão abre o editor. O botão + no canto inferior direito inicia um modelo em branco. Quando a lista está vazia, o ecrã indica que ainda não há modelos personalizados e que deve tocar em + para criar um.

Ecrã Modelos PDF da aplicação Invoice Flow no separador Meus com três cartões: Fern & Petal minimal a verde marcado como Todos os perfis, Wedding proposal a rosa marcado como Restrito a perfis específicos, e Wholesale stems em cinzento-escuro, mais um botão de mais
O separador Meus lista os modelos guardados; a miniatura é um esquema do layout na respetiva paleta.

O editor em si é uma única página deslizante. A barra de título é um campo de nome editável com a sugestão Nome do modelo (Template name), seguido de três controlos: um ícone de olho (Visualizar, Preview), um ícone de deslizadores (Escopo e opções, Scope & options) e o botão Salvar (Save). Por baixo da barra vem um título Cabeçalho (Header) com três caixas identificadas como Esquerda (Left), Centralizar (Center) e Direita (Right), depois um bloco cinzento intitulado Corpo (fixo) (Body fixed) que lista “tabela de itens, totais, assinatura”, depois um título Rodapé (Footer) com outra fila de Esquerda, Centralizar e Direita, e por fim um cartão Escopo (Scope) cujo subtítulo repete a definição de disponibilidade.

Cada elemento que colocar aparece como um chip arredondado dentro da sua coluna, com o nome e um pequeno botão de três pontos. Os elementos ocultos têm um ícone de olho riscado. Cada coluna termina com um botão + que abre o catálogo de elementos.

Editor de modelos personalizados da aplicação Invoice Flow intitulado Fern & Petal minimal: fila de Cabeçalho com Logotipo amplo, Nome da Empresa, E-mail e Site na coluna Esquerda, uma coluna central vazia, e Título da Fatura, Número da Fatura, Data de Emissão, Data de Vencimento, Espaçador e Bloco do cliente na coluna Direita; um bloco cinzento Corpo (fixo); uma fila de Rodapé com Condições de Pagamento, Texto personalizado e Identificadores fiscais
O layout terminado de Nadia: seis colunas à volta do corpo fixo, um chip por elemento.

O mais importante a perceber é o que não está nesta página. Não há seletor de tamanho de página, campo de margem, deslizador de largura de coluna nem controlo sobre a tabela de itens, o bloco de totais ou a assinatura. O corpo é sempre impresso por essa ordem entre a fila do cabeçalho e a fila do rodapé, com a paleta com que o modelo foi criado. O que controla é tudo o que fica acima e abaixo dele.

Como começar um modelo

Pode começar a partir de um modelo da galeria ou de uma página em branco. O caminho da galeria é mais rápido, porque o layout já é coerente e só remove ou reestiliza o que não quiser.

  1. Abra Configurações e toque em Modelos PDF.
  2. Passe para o separador Galeria e escolha um chip de categoria, como Minimalista (Minimal). Percorra a faixa de paletas e toque no nome de uma paleta se quiser o modelo recolorido; Padrão (Default) mantém a paleta própria de cada modelo.
  3. Toque num cartão. O editor abre com o layout do modelo preenchido e o nome já escrito no campo de título.
  4. Para começar do zero, fique no separador Meus e toque em +. O editor em branco não está verdadeiramente vazio: a coluna Esquerda do cabeçalho tem Logotipo amplo, Nome da Empresa, Endereço, Telefone e E-mail, a coluna Direita do cabeçalho tem um Título da Fatura a negrito, Número da Fatura, Data de Emissão e Data de Vencimento alinhados à direita, e a coluna Esquerda do rodapé tem Condições de Pagamento e Observações.
  5. Substitua o nome no campo de título pelo seu, por exemplo Fern & Petal minimal. Um modelo não pode ser guardado sem nome.

A paleta escolhida na faixa da galeria é escrita no novo modelo, e esse é o único momento em que a paleta de um modelo personalizado é definida; o editor não tem seletor de paletas próprio. Para o mesmo layout noutra paleta, abra-o outra vez a partir da galeria com um chip diferente selecionado.

Como dispor e estilizar os elementos

A página minimalista de Nadia vem do modelo em branco depois de algumas alterações: remove Endereço e Telefone do cabeçalho, acrescenta Site, move o bloco do cliente para a coluna da direita sob as datas e põe uma linha de agradecimento no rodapé.

  1. Toque em + no fundo da coluna onde o elemento deve ficar. Uma folha lista todos os elementos disponíveis por uma ordem fixa: Logotipo quadrado (Square logo), Logotipo amplo (Wide logo), Nome da Empresa, Nome de contato, Endereço, Telefone, E-mail, Site (Website), Identificadores fiscais (Tax IDs), Links, Título da Fatura, Número da Fatura, Data de Emissão, Data de Vencimento, Bloco do cliente (Client block), Nome do cliente, Condições de Pagamento, Observações, Texto personalizado (Custom text), Espaçador (Spacer) e Divisor (Divider). Toque num e ele é acrescentado ao fundo dessa coluna.
  2. Para alterar a ordem, toque no botão de três pontos de um chip e escolha Mover para cima (Move up) ou Mover para baixo (Move down). O primeiro chip não tem Mover para cima e o último não tem Mover para baixo. O mesmo menu tem Excluir.
  3. Para mover um elemento para outra coluna, elimine-o e acrescente-o de novo a partir do + dessa coluna; não há arrastar e largar nem cortar e colar entre colunas.
  4. Toque no corpo de um chip para abrir Configurações do elemento (Element settings). Desligue Visível (Visible) para manter o elemento no lugar mas deixá-lo fora do PDF.
  5. Escreva um número em Tamanho da fonte (vazio = padrão) para substituir o tamanho predefinido, ou deixe vazio. Escolha Normal ou Marcante (Bold) em Peso, Esquerda, Centralizar ou Direita em Alinhamento, e Padrão, Primária (Primary), Destaque (Accent) ou Esmaecida (Muted) em Cor.
  6. Para um elemento Texto personalizado, escreva o texto na caixa Texto (até três linhas visíveis; textos maiores deslizam). Para um Espaçador, introduza a Altura (px); a predefinição é 8.
  7. Toque em Aplicar para manter as alterações desse elemento, ou em Cancelar para as descartar.
Folha inferior do catálogo de elementos da aplicação Invoice Flow sobre o editor de modelos, com Logotipo quadrado, Logotipo amplo, Nome da Empresa, Nome de contato, Endereço, Telefone, E-mail, Site, Identificadores fiscais e Links com ícones
O catálogo aberto a partir do botão + de uma coluna; a lista continua abaixo de Links.
Editor de modelos da aplicação Invoice Flow com o menu de três pontos do chip Nome da Empresa aberto, a mostrar Mover para cima, Mover para baixo e Excluir a vermelho
A reordenação é feita passo a passo a partir do menu do chip.

A linha de rodapé de Nadia é um elemento Texto personalizado na coluna central do rodapé com Marcante, Centralizar e Destaque selecionados. Destaque corresponde à cor de destaque da paleta, por isso na paleta Forest a linha sai verde, e ficaria rosa ou azul se ela reconstruísse o modelo com outra paleta.

Folha Configurações do elemento da aplicação Invoice Flow para um elemento de texto personalizado: Visível ligado, o texto de agradecimento por deixarem levar flores ao seu espaço, tamanho da fonte vazio, Peso Marcante, Alinhamento Centralizar e Cor Destaque selecionados, com os botões Cancelar e Aplicar
Configurações do elemento para a linha de agradecimento do rodapé.

As quatro escolhas de cor são tokens e não cores fixas. Padrão imprime a preto, Esmaecida imprime num cinzento médio, Primária usa a cor de cabeçalho da paleta e Destaque usa a sua cor de destaque. Espaçador e Divisor não têm controlos de tipo de letra, peso, alinhamento ou cor; um espaçador só tem a altura e um divisor é sempre um traço cinzento fino com um pouco de espaçamento.

O Bloco do cliente empilha o nome, o endereço, o e-mail e o telefone do cliente numa coluna, enquanto Nome do cliente imprime apenas o nome; Nadia usa o bloco, alinhado à direita a 9 pontos, para ficar por baixo das datas.

Como limitar um modelo a certos perfis e guardá-lo

Por predefinição, um modelo guardado é oferecido em todos os perfis de empresa. O layout de casamentos de Nadia só deve aparecer no perfil Weddings, por isso ela restringe-o.

  1. No editor, toque no ícone de deslizadores Escopo e opções, ou toque no cartão Escopo no fundo da página.
  2. Na folha Disponibilidade do modelo (Template availability), escolha Restringir a perfis específicos (Restrict to specific profiles).
  3. Assinale os chips dos perfis que devem ver o modelo; cada perfil de empresa aparece pelo seu nome. Deixe antes Disponível em cada perfil empresarial (Available on every business profile) selecionado se não quiser restrição.
  4. Toque em Concluído (Done). O subtítulo do cartão Escopo muda para Restricted to 1 profile(s), ou para o número de perfis que assinalou.
  5. Toque em Salvar na barra de título. O botão mostra um pequeno indicador enquanto o modelo é escrito, depois o editor fecha-se e o cartão aparece no topo do separador Meus.
Folha Disponibilidade do modelo da aplicação Invoice Flow sobre o editor do modelo Wedding proposal, com Restringir a perfis específicos selecionado e o chip Fern & Petal Weddings assinalado enquanto o chip Nadia Okafor não está
Restringir o modelo de casamentos ao perfil Weddings.

Antes de guardar pode tocar no ícone de olho para abrir a Visualização. Gera o layout através do verdadeiro renderizador de PDF com os dados do seu perfil predefinido, desenhando marcadores cinzentos em itálico como “[example: acme.com]” onde um campo esteja vazio, e tem uma faixa de paletas para ver o mesmo layout noutras cores. Essa faixa é apenas para observar; fechar a visualização não altera a paleta do modelo.

Como aplicar um modelo personalizado a uma fatura

Um modelo personalizado não é uma definição global. Cada fatura mantém a sua escolha, e o desenho integrado e a paleta guardados na fatura ficam por baixo, para poder voltar atrás a qualquer momento.

  1. Abra a fatura no editor e desça para lá dos cartões de pagamento até ao cartão Selecionar Modelo (Select Template).
  2. Logo por baixo, toque na seta de expansão do cartão Modelo personalizado (Custom template). Este cartão só existe quando há pelo menos um modelo guardado disponível para o perfil de empresa da fatura.
  3. Escolha um modelo pelo nome no menu. O subtítulo do cartão passa de Usando modelo integrado (Using built-in template) para o nome do modelo, e o subtítulo de Selecionar Modelo acima passa a indicar Modelo personalizado.
  4. Guarde a fatura. Todas as pré-visualizações, partilhas e exportações passam agora pelo renderizador personalizado.
  5. Para voltar ao desenho integrado, abra o mesmo menu e escolha Usar integrado (Use built-in). O desenho e a paleta que tinha escolhido antes continuam lá.
Editor de faturas da aplicação Invoice Flow deslocado até ao cartão Selecionar Modelo com Modelo personalizado e ao cartão Modelo personalizado por baixo a mostrar Fern & Petal minimal, com o menu aberto a listar Usar integrado, Fern & Petal minimal e Wholesale stems
O cartão Modelo personalizado lista Usar integrado e todos os modelos visíveis para este perfil.

O modelo Wedding proposal não consta do menu de Nadia porque esta fatura pertence ao perfil do estúdio e esse modelo está restrito ao perfil Weddings. Aqui está a FP-2026-0218 gerada com o modelo minimalista.

PDF da fatura FP-2026-0218 da aplicação Invoice Flow a partir de um modelo personalizado: logótipo Fern & Petal, nome da empresa, e-mail e site à esquerda; título INVOICE a verde, número, datas e o endereço do Alder Street Hotel à direita; uma tabela de itens com cabeçalho verde e quatro linhas num total de 2.186,00 USD; condições de pagamento, uma linha de agradecimento verde ao centro e o identificador fiscal no rodapé
O renderizador personalizado imprime as filas de cabeçalho e rodapé conforme desenhadas à volta da tabela de itens e dos totais padrão.

Regras e detalhes

Dicas

Construa a partir da Galeria e não do zero quando quiser uma paleta diferente. O modelo em branco é sempre Ocean, e não há forma de recolorir um modelo depois a não ser recriá-lo a partir de um cartão da galeria com o chip certo selecionado.
Use um Espaçador na coluna Direita do cabeçalho entre as datas e o Bloco do cliente, como faz Nadia, em vez de preencher com elementos de Texto personalizado vazios. Um espaçador não imprime nada além da sua altura, por isso nunca arrisca caracteres perdidos na página.
Se tem vários perfis de empresa, crie um modelo geral com âmbito Todos os perfis e restrinja apenas os especiais. O menu Modelo personalizado numa fatura mostra primeiro os modelos gerais e depois os ligados ao perfil dessa fatura.

Guias relacionados