> ## 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. # Abrir o editor de modelos > O editor de modelos abre em tela cheia sobre a página Modelos, com um editor visual para blocos e um editor de código para Liquid e HTML. O editor de modelos é onde você muda a aparência de um documento e o que ele imprime. Ele abre em uma janela em tela cheia sobre a página **Modelos**. A maioria dos modelos pode ser editada de duas formas: no editor **Visual**, em que você monta o documento com blocos sem escrever código, e no editor **Código**, em que você edita diretamente o Liquid e o HTML do modelo. Qualquer alteração que você fizer aparece na visualização da página enquanto você trabalha. ![O editor de modelos no modo Visual](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## Abrir o editor 1. No Foliant, acesse **Modelos**. 2. Abra o menu **Ações** do modelo e escolha **Editar Modelo**. Você também pode abrir a página **Configurações** do modelo e clicar em **Editar Modelo** nela. O editor sempre abre um modelo que já existe. Para criar um novo, use primeiro **Criar modelo** na página Modelos (consulte [Criar um modelo](https://foliant-help.iforiti.com/pt-BR/templates/create-a-template.md)). O editor abre no novo modelo assim que ele é criado. Para fechar o editor, use o botão de fechar da janela no admin da Shopify. Você volta para a página de onde veio. ## O que você vê **A barra superior** mostra o nome do modelo e estas ações: | Ação | O que faz | | - | - | | **Histórico** | Abre o histórico de versões do modelo. Enquanto ele está aberto, o botão mostra **Voltar ao editor**. | | **Publicar** | Aparece no lugar de Histórico como botão principal quando **Exigir publicação** está ativado e o modelo tem um rascunho não publicado. Consulte [Salvar suas alterações e publicar](https://foliant-help.iforiti.com/pt-BR/template-editor/save-and-publish.md). | | **Configurações do modelo** | Fecha o editor e abre a página de configurações do modelo: quem recebe o modelo, nome, tipo de documento, idioma e envio. | | **Ver blocos como JSON** | Apenas modelos visuais. Mostra os blocos como dados, para exportá-los ou importá-los. Consulte [Exportar e importar blocos como JSON](https://foliant-help.iforiti.com/pt-BR/template-editor/export-import-blocks.md). | | **Substituir por um modelo inicial…** | Substitui o modelo inteiro por um modelo inicial ou design pronto. Nada muda até você salvar. | | **Excluir** | Exclui o modelo, depois que você confirma. | **A linha abaixo da barra superior** contém: * O seletor de modo: **Visual** e **Código**. Consulte [Alternar entre Visual e Código](https://foliant-help.iforiti.com/pt-BR/template-editor/visual-and-code-modes.md). * O **Papel**, o **Idioma do documento**, o **Segundo idioma** (modelos em código) e o **Formato de números** do documento. Eles são salvos com o modelo. Consulte [Visualização, tamanho do papel e zoom](https://foliant-help.iforiti.com/pt-BR/template-editor/preview-paper-and-zoom.md) e [Datas, idiomas e traduções](https://foliant-help.iforiti.com/pt-BR/template-editor/liquid-dates-and-languages.md). * O selo **Publicada** ou **Rascunho — alterações não publicadas**, quando a publicação é exigida. * Um selo **Alterações não salvas** enquanto você tiver alterações para salvar. * No editor visual: **Desfazer**, **Refazer**, **Estilos do documento** e a contagem de blocos. **A área principal** depende do modo: * **Visual**: a paleta de blocos à esquerda, a página no meio e o inspetor à direita. Consulte [Adicionar, mover e remover blocos](https://foliant-help.iforiti.com/pt-BR/template-editor/add-and-arrange-blocks.md). * **Código**: o editor de código à esquerda, com as referências **Variáveis Liquid** e **Metacampos**, e a visualização ao vivo à direita. Consulte [Editar o código de um modelo](https://foliant-help.iforiti.com/pt-BR/template-editor/code-editor.md). Acima da página você também encontra **Visualizar PDF**, o botão **Marca-d'água: ativada** / **Marca-d'água: desativada** (consulte [Adicionar uma marca-d'água ou carimbo](https://foliant-help.iforiti.com/pt-BR/template-editor/watermarks.md)), o seletor do pedido de visualização e os botões de zoom. ## Em qual editor um modelo abre * Um modelo feito com blocos abre em **Visual** quando seu plano inclui o editor visual. Caso contrário, ele abre em **Código**. Consulte [Disponibilidade do editor visual por plano](https://foliant-help.iforiti.com/pt-BR/template-editor/visual-editor-plans.md). * Um modelo escrito em código abre em **Código**. Você pode convertê-lo em blocos com a aba **Visual**. * Um modelo criado a partir de um design comprado abre no editor de designs. Consulte [Personalizar um design](https://foliant-help.iforiti.com/pt-BR/designs/customize-a-design.md). ## Bom saber * Links que saem do editor (como **Configurações do modelo**, as configurações de marca ou a página Planos) fecham a janela. Se você tiver alterações não salvas, o Foliant primeiro pede que você escolha **Salvar e continuar** ou **Descartar e continuar**. * Em modelos de fatura e de nota de crédito que já emitiram documentos, um banner lembra que as alterações valem apenas para os documentos emitidos a partir de agora. Consulte [Bloquear faturas emitidas](https://foliant-help.iforiti.com/pt-BR/invoices-and-numbering/locked-invoices.md). * Modelos que imprimem um único documento para todos os pedidos selecionados (manifestos, resumos de pedidos, listas de separação) oferecem blocos e campos próprios. A visualização usa três pedidos de exemplo para eles, e os blocos não podem ter condições. ## Artigos relacionados * [Alternar entre Visual e Código](https://foliant-help.iforiti.com/pt-BR/template-editor/visual-and-code-modes.md) * [Adicionar, mover e remover blocos](https://foliant-help.iforiti.com/pt-BR/template-editor/add-and-arrange-blocks.md) * [Editar o código de um modelo](https://foliant-help.iforiti.com/pt-BR/template-editor/code-editor.md) * [Salvar suas alterações e publicar](https://foliant-help.iforiti.com/pt-BR/template-editor/save-and-publish.md) * [Criar um modelo](https://foliant-help.iforiti.com/pt-BR/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.