> ## 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. # Ouvrir l’éditeur de modèles > L’éditeur de modèles s’ouvre en plein écran par-dessus la page Modèles, avec un éditeur visuel pour les blocs et un éditeur de code pour le Liquid et le HTML. L’éditeur de modèles vous permet de modifier l’apparence d’un document et ce qu’il imprime. Il s’ouvre dans une fenêtre plein écran par-dessus la page **Modèles**. La plupart des modèles peuvent être modifiés de deux façons : avec l’éditeur **Visuel**, où vous construisez le document à partir de blocs sans écrire de code, et avec l’éditeur **Code**, où vous modifiez directement le Liquid et le HTML du modèle. Quoi que vous changiez, l’aperçu de la page suit vos modifications au fur et à mesure. ![L’éditeur de modèles en mode Visuel](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## Ouvrir l’éditeur 1. Dans Foliant, allez dans **Modèles**. 2. Ouvrez le menu **Actions** du modèle et choisissez **Modifier le Modèle**. Vous pouvez aussi ouvrir la page **Paramètres** du modèle et y cliquer sur **Modifier le Modèle**. L’éditeur ouvre toujours un modèle qui existe déjà. Pour en créer un nouveau, utilisez d’abord **Créer un modèle** sur la page Modèles (voir [Créer un modèle](https://foliant-help.iforiti.com/fr/templates/create-a-template.md)) ; l’éditeur s’ouvre sur le nouveau modèle une fois celui-ci créé. Pour fermer l’éditeur, utilisez le bouton de fermeture de la fenêtre dans l’interface administrateur Shopify. Vous revenez à la page d’où vous veniez. ## Ce que vous voyez **La barre supérieure** affiche le nom du modèle et ces actions : | Action | Ce qu’elle fait | | - | - | | **Historique** | Ouvre l’historique des versions du modèle. Tant qu’il est ouvert, le bouton indique **Retour à l’éditeur**. | | **Publier** | S’affiche à la place d’Historique comme bouton principal lorsque **Exiger la publication** est activé et que le modèle a un brouillon non publié. Voir [Enregistrer vos modifications et publier](https://foliant-help.iforiti.com/fr/template-editor/save-and-publish.md). | | **Paramètres du modèle** | Ferme l’éditeur et ouvre la page des paramètres du modèle : qui reçoit le modèle, son nom, le type de document, la langue et l’envoi. | | **Voir les blocs en JSON** | Modèles visuels uniquement. Affiche les blocs sous forme de données, pour les exporter ou les importer. Voir [Exporter et importer des blocs en JSON](https://foliant-help.iforiti.com/fr/template-editor/export-import-blocks.md). | | **Remplacer par un modèle de départ…** | Remplace tout le modèle par un modèle de départ ou un design prêt à l’emploi. Rien ne change tant que vous n’enregistrez pas. | | **Supprimer** | Supprime le modèle, après votre confirmation. | **La ligne sous la barre supérieure** contient : * Le sélecteur de mode : **Visuel** et **Code**. Voir [Passer du mode Visuel au mode Code](https://foliant-help.iforiti.com/fr/template-editor/visual-and-code-modes.md). * Le **Papier**, la **Langue du document**, la **Deuxième langue** (modèles en code) et le **Format des nombres** du document. Ces réglages sont enregistrés avec le modèle. Voir [Aperçu, format du papier et zoom](https://foliant-help.iforiti.com/fr/template-editor/preview-paper-and-zoom.md) et [Dates, langues et traductions](https://foliant-help.iforiti.com/fr/template-editor/liquid-dates-and-languages.md). * Le badge **Publiée** ou **Brouillon — modifications non publiées**, lorsque la publication est exigée. * Un badge **Modifications non enregistrées** tant que vous avez des modifications à enregistrer. * Dans l’éditeur visuel : **Annuler**, **Rétablir**, **Styles du document** et le nombre de blocs. **La zone principale** dépend du mode : * **Visuel** : la palette de blocs à gauche, la page au centre et l’inspecteur à droite. Voir [Ajouter, déplacer et supprimer des blocs](https://foliant-help.iforiti.com/fr/template-editor/add-and-arrange-blocks.md). * **Code** : l’éditeur de code à gauche, avec les références **Variables Liquid** et **Métachamps**, et l’aperçu en direct à droite. Voir [Modifier le code d’un modèle](https://foliant-help.iforiti.com/fr/template-editor/code-editor.md). Au-dessus de la page, vous trouverez aussi **Aperçu du PDF**, le bouton **Filigrane : activé** / **Filigrane : désactivé** (voir [Ajouter un filigrane ou un tampon](https://foliant-help.iforiti.com/fr/template-editor/watermarks.md)), le sélecteur de commande pour l’aperçu et les boutons de zoom. ## Dans quel éditeur un modèle s’ouvre * Un modèle construit à partir de blocs s’ouvre en mode **Visuel** si votre forfait inclut l’éditeur visuel. Sinon, il s’ouvre en mode **Code**. Voir [Disponibilité de l’éditeur visuel selon les forfaits](https://foliant-help.iforiti.com/fr/template-editor/visual-editor-plans.md). * Un modèle écrit en code s’ouvre en mode **Code**. Vous pouvez le convertir en blocs avec l’onglet **Visuel**. * Un modèle créé à partir d’un design acheté s’ouvre plutôt dans l’éditeur de design. Voir [Personnaliser un design](https://foliant-help.iforiti.com/fr/designs/customize-a-design.md). ## Bon à savoir * Les liens qui quittent l’éditeur (comme **Paramètres du modèle**, les paramètres de l’image de marque ou la page des forfaits) ferment la fenêtre. Si vous avez des modifications non enregistrées, Foliant vous demande d’abord de choisir **Enregistrer et continuer** ou **Annuler et continuer**. * Sur les modèles de facture et d’avoir qui ont déjà servi à émettre des documents, une bannière vous rappelle que les modifications ne s’appliquent qu’aux documents émis à partir de maintenant. Voir [Verrouiller les factures émises](https://foliant-help.iforiti.com/fr/invoices-and-numbering/locked-invoices.md). * Les modèles qui impriment un seul document pour toutes les commandes sélectionnées (manifestes, récapitulatifs de commandes, listes de préparation) proposent leurs propres blocs et champs. L’aperçu utilise pour eux trois commandes d’exemple, et les blocs ne peuvent pas avoir de conditions. ## Articles associés * [Passer du mode Visuel au mode Code](https://foliant-help.iforiti.com/fr/template-editor/visual-and-code-modes.md) * [Ajouter, déplacer et supprimer des blocs](https://foliant-help.iforiti.com/fr/template-editor/add-and-arrange-blocks.md) * [Modifier le code d’un modèle](https://foliant-help.iforiti.com/fr/template-editor/code-editor.md) * [Enregistrer vos modifications et publier](https://foliant-help.iforiti.com/fr/template-editor/save-and-publish.md) * [Créer un modèle](https://foliant-help.iforiti.com/fr/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.