> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalizar um design

> Use o editor de design para definir seu logotipo, fontes e cores, escolher o que o documento exibe e alterar os textos e o idioma.

# Personalizar um design

Modelos criados a partir de um design são editados no editor de design, sem código. Você define sua marca, escolhe o que o documento exibe e altera os textos. O documento à direita é atualizado enquanto você edita, e suas alterações são salvas automaticamente.

O editor de design abre quando você experimenta um design ou quando abre um modelo criado a partir de um design com **Editar Modelo**. Ele tem três abas: **Marca e estilo**, **Opções e formatos** e **Editar texto e idioma**.

## Marca e estilo

| Seção | O que você pode alterar |
| - | - |
| **Logotipo** | **Carregar logo** (JPEG, PNG ou WebP, até 1 MB), **Remover** o logo e definir o **Tamanho do logo**. Este logo é usado apenas por este design: seu logo em **Configurações › Identidade visual** não muda. |
| **Tipografia do título do documento** | **Fonte do título do documento** (ou **Igual à fonte do texto**), **Tamanho da fonte do título do documento**, **Fonte do texto** e **Tamanho do texto**. Quando o Foliant encontra as fontes da sua loja virtual, ele as mostra como sugestão. |
| **Tema** | **Cor do tema**, com as cores da sua loja virtual para escolher quando o Foliant as encontra, e **Sombreamento de fundo da tabela**: **Nenhum**, **Listrado (a cada 2ª linha)** ou **Cor total**. |
| **Ícones** | Apenas recibos de presente: o **Ícone de presente**. |
| **Detalhes da loja** | **Nome da loja**, **Endereço**, **Cidade, estado e CEP**, **País**, **Telefone**, **E-mail**, **CNPJ/CPF** e **Site**, como aparecem impressos no documento. |
| **Redes sociais** | Links para suas páginas no Facebook, Instagram, Twitter, X, TikTok, Snapchat, Pinterest e YouTube. |

## Opções e formatos

| Seção | Opções |
| - | - |
| **Formatação** | **Formato de endereço** e **Formato de data**. |
| **Faturamento** | **Exibir seção de endereço de cobrança**, **Exibir telefone no endereço de cobrança**. |
| **Envio** | **Exibir seção de endereço de envio**, **Exibir telefone no endereço de envio**. |
| **Detalhes do cliente** | **Exibir o país nos endereços**, **Exibir e-mail do cliente**, **Exibir CNPJ ou VAT do cliente (de apps)**. |
| **Exibição de produtos** | **Classificar produtos por** (ordem original, nome, SKU, fornecedor ou quantidade), **Imagens do produto** (nenhuma, miniatura, pequena ou média) e **Produtos a exibir** (todos, não processados, processados ou produtos que exigem envio). |
| **Informações adicionais do produto** | **Exibir SKU**, **Exibir fornecedor**, **Exibir descrição**, **Exibir opções (de apps)**. |
| **Totais** | **Exibir número total de itens**, **Exibir peso total**. |
| **Presente/Seguimento/Nota** | **Seguimento de encomendas**, **Mostrar notas de encomenda**, **Mostrar atributos do carrinho**. Recibos de presente também têm **Mensagem de presente de**, para escolher qual campo do pedido contém a mensagem de presente. |
| **Preços** | Apenas faturas: exibir o preço dos produtos com desconto e exibir os valores "Reembolso" e "Pago". |
| **Impostos** | Apenas faturas: **Linha „Total sem impostos“**, **Linhas de impostos individuais**, **Linha de imposto mesmo a zero**, **Preço antes de impostos**, **Impostos do produto**. |
| **Moeda** | Apenas faturas: **Mostrar moeda da encomenda**. |
| **Códigos de barras** | **Código do número de encomenda**, **Códigos de barras dos produtos** (nenhum, do campo Código de barras ou do SKU) e **Texto do código de barras**. Os códigos de barras usam o formato CODE128. |
| **Rótulos integrados** | Apenas designs com etiqueta de envio: **Tipo/tamanho do papel de rótulo**, **Exibir logo e endereço de retorno no rótulo** e **Exibir número do pedido no rótulo**. |

## Editar texto e idioma

* **Alterar idioma do modelo**: escolha uma opção em **Configurações regionais** e clique em **Alterar idioma**. Isso substitui todos os textos do seu modelo pelo novo idioma.
* **Texto do modelo**: edite cada texto, como **Cobrar de**, **Subtotal** ou a **Mensagem de agradecimento**, agrupados por seção.

Você também pode clicar no texto destacado na pré-visualização para editá-lo diretamente no documento.

## Outras ações

| Botão | O que faz |
| - | - |
| **Comprar por \$…** | Aparece em um rascunho. Compra o design. Consulte [Comprar um design](https://foliant-help.iforiti.com/pt-BR/designs/buy-a-design.md). |
| **Pronto** | Aparece em um design comprado. Fecha o editor. |
| **Configurações do modelo** | Abre a página de configurações do modelo, para o nome, o tipo de documento, o idioma e quem o recebe. Antes, aguarda que suas últimas alterações sejam salvas. |
| **Excluir** | Exclui o modelo. Consulte [Excluir um modelo](https://foliant-help.iforiti.com/pt-BR/templates/delete-a-template.md). |

## Bom saber

* Você pode personalizar um design quanto quiser, antes e depois de comprá-lo.
* Modelos criados a partir de um design só podem ser editados no editor de design, não como código.
* O editor de design publica cada alteração imediatamente, mesmo quando **Exigir publicação** está ativado. Cada alteração fica registrada no histórico de versões do modelo como **Editor de design**. Consulte [Histórico de versões](https://foliant-help.iforiti.com/pt-BR/templates/version-history.md).

## Artigos relacionados

* [Experimentar um design gratuitamente](https://foliant-help.iforiti.com/pt-BR/designs/try-a-design.md)
* [Comprar um design](https://foliant-help.iforiti.com/pt-BR/designs/buy-a-design.md)
* [Configurações do modelo](https://foliant-help.iforiti.com/pt-BR/templates/template-settings.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.