> ## 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. # De sjablooneditor openen > De sjablooneditor opent schermvullend over de pagina Sjablonen, met een visuele editor voor blokken en een code-editor voor Liquid en HTML. In de sjablooneditor bepaal je hoe een document eruitziet en wat erop wordt afgedrukt. De editor opent in een schermvullend venster over de pagina **Sjablonen**. De meeste sjablonen kun je op twee manieren bewerken: in de **Visueel**-editor bouw je het document op uit blokken zonder code te schrijven, en in de **Code**-editor bewerk je de Liquid en HTML van het sjabloon rechtstreeks. Wat je ook wijzigt, het paginavoorbeeld werkt mee terwijl je bezig bent. ![De sjablooneditor in de modus Visueel](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## De editor openen 1. Ga in Foliant naar **Sjablonen**. 2. Open het menu **Acties** van het sjabloon en kies **Sjabloon bewerken**. Je kunt ook de pagina **Instellingen** van het sjabloon openen en daar op **Sjabloon bewerken** klikken. De editor opent altijd een sjabloon dat al bestaat. Wil je een nieuw sjabloon maken, gebruik dan eerst **Sjabloon maken** op de pagina Sjablonen (zie [Een sjabloon maken](https://foliant-help.iforiti.com/nl/templates/create-a-template.md)). Zodra het sjabloon is gemaakt, opent de editor erop. Sluit de editor met de sluitknop van het venster in de Shopify-beheeromgeving. Je keert dan terug naar de pagina waar je vandaan kwam. ## Wat je ziet **De bovenste balk** toont de naam van het sjabloon en deze acties: | Actie | Wat het doet | | - | - | | **Geschiedenis** | Opent de versiegeschiedenis van het sjabloon. Zolang die open is, heet de knop **Terug naar editor**. | | **Publiceren** | Verschijnt als hoofdknop in plaats van Geschiedenis wanneer **Publiceren vereisen** aanstaat en het sjabloon een niet-gepubliceerd concept heeft. Zie [Je wijzigingen opslaan en publiceren](https://foliant-help.iforiti.com/nl/template-editor/save-and-publish.md). | | **Sjablooninstellingen** | Sluit de editor en opent de instellingenpagina van het sjabloon: wie het sjabloon krijgt, de naam, het documenttype, de taal en de verzending. | | **Blokken als JSON bekijken** | Alleen voor visuele sjablonen. Toont de blokken als data, om ze te exporteren of te importeren. Zie [Blokken exporteren en importeren als JSON](https://foliant-help.iforiti.com/nl/template-editor/export-import-blocks.md). | | **Vervangen door een startsjabloon…** | Vervangt het hele sjabloon door een kant-en-klaar startsjabloon of ontwerp. Er verandert niets totdat je opslaat. | | **Verwijderen** | Verwijdert het sjabloon, nadat je dit hebt bevestigd. | **De rij onder de bovenste balk** bevat: * De modusschakelaar: **Visueel** en **Code**. Zie [Wisselen tussen Visueel en Code](https://foliant-help.iforiti.com/nl/template-editor/visual-and-code-modes.md). * **Papier**, **Documenttaal**, **Tweede taal** (codesjablonen) en **Getalnotatie** van het document. Deze worden met het sjabloon opgeslagen. Zie [Voorbeeld, papierformaat en zoom](https://foliant-help.iforiti.com/nl/template-editor/preview-paper-and-zoom.md) en [Datums, talen en vertalingen](https://foliant-help.iforiti.com/nl/template-editor/liquid-dates-and-languages.md). * Het label **Gepubliceerd** of **Concept — niet-gepubliceerde wijzigingen**, als publiceren vereist is. * Een label **Niet-opgeslagen wijzigingen** zolang je wijzigingen hebt die nog opgeslagen moeten worden. * In de visuele editor: **Ongedaan maken**, **Opnieuw**, **Documentstijlen** en het aantal blokken. **Het hoofdgedeelte** hangt af van de modus: * **Visueel**: links het blokkenpalet, in het midden de pagina en rechts de inspector. Zie [Blokken toevoegen, verplaatsen en verwijderen](https://foliant-help.iforiti.com/nl/template-editor/add-and-arrange-blocks.md). * **Code**: links de code-editor, met de naslag voor **Liquid-variabelen** en **Metavelden**, en rechts het live voorbeeld. Zie [De code van een sjabloon bewerken](https://foliant-help.iforiti.com/nl/template-editor/code-editor.md). Boven de pagina vind je ook **PDF-voorbeeld**, de knop **Watermerk: aan** / **Watermerk: uit** (zie [Een watermerk of stempel toevoegen](https://foliant-help.iforiti.com/nl/template-editor/watermarks.md)), de keuzelijst voor de voorbeeldbestelling en de zoomknoppen. ## In welke editor een sjabloon opent * Een sjabloon dat uit blokken is opgebouwd, opent in **Visueel** als je abonnement de visuele editor bevat. Anders opent het in **Code**. Zie [Beschikbaarheid van de visuele editor per abonnement](https://foliant-help.iforiti.com/nl/template-editor/visual-editor-plans.md). * Een sjabloon dat in code is geschreven, opent in **Code**. Je kunt het omzetten naar blokken met het tabblad **Visueel**. * Een sjabloon dat is gemaakt op basis van een gekocht ontwerp, opent in plaats daarvan in de ontwerpeditor. Zie [Een ontwerp aanpassen](https://foliant-help.iforiti.com/nl/designs/customize-a-design.md). ## Goed om te weten * Links die de editor verlaten (zoals **Sjablooninstellingen**, de huisstijlinstellingen of de pagina met abonnementen) sluiten het venster. Heb je niet-opgeslagen wijzigingen, dan vraagt Foliant je eerst te kiezen tussen **Opslaan en doorgaan** en **Verwijderen en doorgaan**. * Bij sjablonen voor facturen en creditnota's waarmee al documenten zijn uitgegeven, herinnert een banner je eraan dat wijzigingen alleen gelden voor documenten die je vanaf nu uitgeeft. Zie [Uitgegeven facturen vergrendelen](https://foliant-help.iforiti.com/nl/invoices-and-numbering/locked-invoices.md). * Sjablonen die één document afdrukken voor alle geselecteerde bestellingen (manifesten, bestellingsoverzichten, picklijsten) hebben hun eigen blokken en velden. Het voorbeeld gebruikt daarvoor drie voorbeeldbestellingen, en blokken kunnen geen voorwaarden hebben. ## Gerelateerde artikelen * [Wisselen tussen Visueel en Code](https://foliant-help.iforiti.com/nl/template-editor/visual-and-code-modes.md) * [Blokken toevoegen, verplaatsen en verwijderen](https://foliant-help.iforiti.com/nl/template-editor/add-and-arrange-blocks.md) * [De code van een sjabloon bewerken](https://foliant-help.iforiti.com/nl/template-editor/code-editor.md) * [Je wijzigingen opslaan en publiceren](https://foliant-help.iforiti.com/nl/template-editor/save-and-publish.md) * [Een sjabloon maken](https://foliant-help.iforiti.com/nl/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.