> ## 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 ecrã inteiro 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 altera o aspeto de um documento e o que ele imprime. Abre numa janela de ecrã inteiro sobre a página **Modelos**. A maioria dos modelos pode ser editada de duas formas: o editor **Visual**, onde constrói o documento a partir de blocos sem escrever código, e o editor **Código**, onde edita diretamente o Liquid e o HTML do modelo. Seja qual for a alteração, a pré-visualização da página acompanha o seu trabalho. ![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, aceda a **Modelos**. 2. Abra o menu **Ações** do modelo e escolha **Editar Modelo**. Também pode abrir a página **Definições** do modelo e clicar em **Editar Modelo** aí. O editor abre sempre 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-PT/templates/create-a-template.md)); o editor abre no novo modelo depois de este ser criado. Para fechar o editor, use o botão de fechar da janela no admin da Shopify. Regressa à página de onde veio. ## O que 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 está aberto, o botão mostra **Voltar ao editor**. | | **Publicar** | Aparece em vez de Histórico como botão principal quando **Exigir publicação** está ativado e o modelo tem um rascunho por publicar. Consulte [Guardar as alterações e publicar](https://foliant-help.iforiti.com/pt-PT/template-editor/save-and-publish.md). | | **Definições do modelo** | Fecha o editor e abre a página de definições do modelo: quem recebe o modelo, o nome, o tipo de documento, o idioma e o envio. | | **Ver blocos como JSON** | Apenas modelos visuais. Mostra os blocos como dados, para os exportar ou importar. Consulte [Exportar e importar blocos como JSON](https://foliant-help.iforiti.com/pt-PT/template-editor/export-import-blocks.md). | | **Substituir por um modelo inicial…** | Substitui todo o modelo por um modelo inicial ou design já pronto. Nada muda até guardar. | | **Eliminar** | Elimina o modelo, depois de confirmar. | **A linha por baixo 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-PT/template-editor/visual-and-code-modes.md). * O **Papel**, o **Idioma do documento**, o **Segundo idioma** (modelos em código) e o **Formato dos números** do documento. São guardados com o modelo. Consulte [Pré-visualização, tamanho do papel e zoom](https://foliant-help.iforiti.com/pt-PT/template-editor/preview-paper-and-zoom.md) e [Datas, idiomas e traduções](https://foliant-help.iforiti.com/pt-PT/template-editor/liquid-dates-and-languages.md). * O distintivo **Publicada** ou **Rascunho — alterações não publicadas**, quando a publicação é exigida. * Um distintivo **Alterações não guardadas** enquanto tiver alterações por guardar. * No editor visual: **Anular**, **Refazer**, **Estilos do documento** e o número de blocos. **A área principal** depende do modo: * **Visual**: a paleta de blocos à esquerda, a página ao centro e o inspetor à direita. Consulte [Adicionar, mover e remover blocos](https://foliant-help.iforiti.com/pt-PT/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 pré-visualização em direto à direita. Consulte [Editar o código de um modelo](https://foliant-help.iforiti.com/pt-PT/template-editor/code-editor.md). Por cima da página encontra também **Pré-visualizar PDF**, o botão **Marca de água: ativada** / **Marca de água: desativada** (consulte [Adicionar uma marca de água ou carimbo](https://foliant-help.iforiti.com/pt-PT/template-editor/watermarks.md)), o seletor da encomenda de pré-visualização e os botões de zoom. ## Em que editor abre um modelo * Um modelo construído com blocos abre em **Visual** quando o seu plano inclui o editor visual. Caso contrário, abre em **Código**. Consulte [Disponibilidade do editor visual por plano](https://foliant-help.iforiti.com/pt-PT/template-editor/visual-editor-plans.md). * Um modelo escrito em código abre em **Código**. Pode convertê-lo em blocos com o separador **Visual**. * Um modelo criado a partir de um design comprado abre, em vez disso, no editor de designs. Consulte [Personalizar um design](https://foliant-help.iforiti.com/pt-PT/designs/customize-a-design.md). ## Bom saber * As ligações que saem do editor (como **Definições do modelo**, as definições da marca ou a página Planos) fecham a janela. Se tiver alterações por guardar, o Foliant pede-lhe primeiro que escolha **Guardar e continuar** ou **Eliminar e continuar**. * Nos modelos de fatura e de nota de crédito que já emitiram documentos, um aviso lembra-lhe que as alterações só se aplicam aos documentos emitidos a partir de agora. Consulte [Bloquear faturas emitidas](https://foliant-help.iforiti.com/pt-PT/invoices-and-numbering/locked-invoices.md). * Os modelos que imprimem um único documento para todas as encomendas selecionadas (manifestos, resumos de encomendas, listas de recolha) têm os seus próprios blocos e campos. Para estes, a pré-visualização usa três encomendas de exemplo, e os blocos não podem ter condições. ## Artigos relacionados * [Alternar entre Visual e Código](https://foliant-help.iforiti.com/pt-PT/template-editor/visual-and-code-modes.md) * [Adicionar, mover e remover blocos](https://foliant-help.iforiti.com/pt-PT/template-editor/add-and-arrange-blocks.md) * [Editar o código de um modelo](https://foliant-help.iforiti.com/pt-PT/template-editor/code-editor.md) * [Guardar as alterações e publicar](https://foliant-help.iforiti.com/pt-PT/template-editor/save-and-publish.md) * [Criar um modelo](https://foliant-help.iforiti.com/pt-PT/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.