> ## Documentation Index > Fetch the complete documentation index at: https://storekit.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Construire votre premier menu > Construisez un premier menu storekit à la main : une catégorie, deux produits, un groupe de taille obligatoire et des garnitures, puis vérifiez la page. Ce tutoriel construit un petit menu de pizzas à la main dans le tableau de bord storekit, puis le vérifie sur la page de commande en direct. Comptez environ 20 minutes. À la fin, vous aurez utilisé chaque partie du menu builder dont vous avez besoin au quotidien, et le schéma se répète pour chaque catégorie et chaque produit que vous ajouterez ensuite. > [!NOTE] > > **Votre menu vient-il d'un POS ?** Si votre boutique est connectée à un POS tel que Zonal, Lightspeed, Toast ou Deliverect, ne construisez pas le menu à la main. Les articles, prix et disponibilité sont synchronisés depuis le POS et les produits créés à la main n'y seraient pas rattachés. Suivez plutôt [POS Menu Sync](/docs/fr/guides/menu/pos-menu-sync), puis revenez sur cette page pour les parties que storekit contrôle toujours (horaires de catégorie, images et allergènes lorsque votre POS ne les fournit pas). > > Si vous avez déjà le menu dans un tableur, l'[import CSV](/docs/fr/guides/menu/csv-import) est plus rapide que de tout saisir à la main. S'il est publié sur une autre plateforme ou un autre site web, utilisez **Automatic Upload**. Voir [Construire votre menu](/docs/fr/getting-started/launch/build-your-menu). ## Ce que vous allez construire ``` Menu "Main menu" └── Catégorie "Pizzas" ├── Produit "Margherita" 9,50 £ (contient Gluten, Milk) │ ├── Groupe modif. "Choose your size" requis, en choisir exactement 1 │ │ └── Options "10 inch" +0,00 £ · "14 inch" +3,00 £ │ └── Groupe modif. "Add toppings" facultatif, en choisir jusqu'à 3 │ └── Options "Mushrooms" +1,00 £ · "Olives" +1,00 £ · "Pepperoni" +1,50 £ └── Produit "Marinara" 8,50 £ (contient Gluten) └── utilise les deux mêmes groupes de modificateurs ``` Si vous n'êtes pas sûr de ce que signifient ces mots, l'[Aperçu du menu](/docs/fr/guides/menu/overview#glossaire) donne une définition en une ligne pour chacun. ## Avant de commencer * Il vous faut une boutique dans le tableau de bord. Si la boutique n'existe pas encore, suivez d'abord [Créer votre boutique](/docs/fr/getting-started/launch/create-your-store). * La boutique ne doit avoir **aucun menu** pour que le flux de configuration manuelle apparaisse. Si un menu existe déjà (par exemple créé par un collègue), vous pouvez soit l'utiliser (passez à l'[Étape 2](#step-2-add-a-category)), soit l'archiver au préalable comme décrit dans [Remplacer le menu d'une boutique](/docs/fr/guides/menu/managing-menus#remplacer-le-menu-dune-boutique). **1. Créer un menu vide** 1. Allez dans **Stores** et trouvez la carte de votre boutique. 2. Cliquez sur **Create a menu**. Ce lien n'apparaît que sur les boutiques qui n'ont pas encore de menu. 3. Sur la page **Now, let's setup your menu**, choisissez **Enter Manually**. Vous arrivez dans le menu builder avec un menu vide. À partir de maintenant, vous pouvez y revenir à tout moment depuis **Menus** → **Edit** sur ce menu. > [!TIP] > > Sur la page **Menus**, le nouveau menu est listé avec **le nom de votre boutique en dessous**. Un menu appartient à une seule boutique, donc vérifiez ce point tout de suite. Les articles ajoutés à un menu sur la mauvaise boutique doivent être reconstruits. **2. Ajouter une catégorie** Les catégories sont les sections que les clients font défiler, alors nommez-les de la façon dont un client les chercherait. 1. Dans le menu builder, cliquez sur **Add category**. 2. Dans la boîte de dialogue **Add a Category**, saisissez le **Name** `Pizzas`. Laissez **Description** vide pour l'instant. 3. Cliquez sur **Create Category**. La catégorie est créée **disponible toute la journée, tous les jours**. Laissez-la ainsi pour ce tutoriel. Si vous devez plus tard créer une section réservée au petit-déjeuner, revenez définir ses horaires sous **Availability**. Voir [Horaires de catégorie](/docs/fr/guides/menu/categories#horaires-de-categorie). **3. Ajouter votre premier produit** 1. À l'intérieur de la catégorie **Pizzas**, cliquez sur **Add product**, puis sur **New product**. 2. Saisissez le **Name** `Margherita`. 3. Saisissez une **Description**, par exemple `Tomate, mozzarella, basilic frais`. La première ligne environ s'affiche sur la carte du menu, le reste sur la page produit. 4. Saisissez le **Price** `9.50`. C'est le prix de base ; les choix de taille et de garniture s'y ajouteront plus tard. 5. Cliquez sur **Create Product**. Le produit apparaît maintenant dans la catégorie. Cliquez dessus pour ouvrir l'éditeur de produit, qui comporte les onglets **Details**, **Tags & Allergens**, **Modifiers** et **Video**. Vous allez utiliser les deux suivants. > [!TIP] > > Ajoutez une image pendant que vous êtes sur **Details** si vous en avez une sous la main : les produits avec photos se vendent nettement mieux. Tout format d'image courant jusqu'à 100 Mo convient. Voir [Images de produit](/docs/fr/guides/menu/products#images-de-produit). **4. Étiqueter ses allergènes** 1. Sur le produit, ouvrez l'onglet **Tags & Allergens**. 2. Dans la liste des allergènes, réglez **Gluten** et **Milk** sur **Contains**. Chaque allergène est soit **Contains**, soit **May contain**, soit **Free** ; les nouveaux produits démarrent avec tout réglé sur **Free**. 3. Cliquez sur **Save changes**. Le résumé en haut de la liste des allergènes est exactement ce que les clients verront sur la page produit. [Guide complet : Tags et allergènes →](/docs/fr/guides/menu/tags-allergens) **5. Ajouter un groupe de modificateurs de taille obligatoire** Un groupe de modificateurs est une question à laquelle le client répond lorsqu'il ajoute le produit. Celui-ci est **obligatoire**. Le client ne peut pas ajouter de Margherita sans choisir une taille. 1. Sur le produit, ouvrez l'onglet **Modifiers**. 2. Sous **Add a modifier group**, cliquez sur **Create a new group**. 3. Saisissez le **Name** `Choose your size`. 4. Cliquez sur **Add an option** et saisissez `10 inch` avec un **Price** de `0`. 5. Cliquez à nouveau sur **Add an option** et saisissez `14 inch` avec un **Price** de `3.00`. 6. Sous **How many options can customers choose?**, réglez à la fois le minimum et le maximum sur **1**. Un minimum de 1 est ce qui rend le groupe obligatoire ; un maximum de 1 fait que les deux tailles se comportent comme des boutons radio. 7. Laissez **In Stock** coché sur les deux options et **Initial display setting** sur **Expanded**. 8. Cliquez sur **Save Modifiers**. > [!WARNING] > > Un groupe obligatoire a besoin d'au moins une option **In Stock**. Si toutes les options d'un groupe obligatoire sont en rupture de stock, le produit entier devient indisponible. C'est la raison la plus fréquente pour laquelle un produit « disparaît » plus tard. Voir [Article n'apparaissant pas dans le menu](/docs/fr/guides/menu/item-not-showing). **6. Ajouter un groupe de garnitures facultatif** Ce groupe est **facultatif**. Les clients peuvent le sauter et il leur permet de choisir plus d'une chose. 1. Toujours dans l'onglet **Modifiers**, cliquez à nouveau sur **Create a new group**. 2. Saisissez le **Name** `Add toppings`. 3. Ajoutez trois options avec **Add an option** : `Mushrooms` à `1.00`, `Olives` à `1.00` et `Pepperoni` à `1.50`. 4. Sous **How many options can customers choose?**, réglez le minimum sur **0** et le maximum sur **3**. Un minimum de 0 est ce qui rend le groupe facultatif. 5. Cliquez sur **Save Modifiers**. Vous avez maintenant un produit avec un groupe obligatoire et un groupe facultatif. L'onglet **Modifiers** liste les deux ; faites-les glisser pour changer l'ordre dans lequel les clients les voient. [Guide complet : Modificateurs →](/docs/fr/guides/menu/modifiers) **7. Ajouter un second produit qui réutilise les mêmes groupes** Vous n'avez pas à reconstruire des groupes de modificateurs pour chaque pizza. Les groupes sont partagés : attachez-en un existant et toute modification ultérieure s'applique partout où il est utilisé. 1. De retour dans la catégorie **Pizzas**, cliquez sur **Add product** → **New product**. 2. Saisissez le **Name** `Marinara`, une **Description** telle que `Tomate, ail, origan, sans fromage`, et le **Price** `8.50`. Cliquez sur **Create Product**. 3. Ouvrez le produit, allez dans **Tags & Allergens**, réglez **Gluten** sur **Contains** et cliquez sur **Save changes**. 4. Allez dans **Modifiers**. Sous **Add a modifier group**, cliquez sur **Use an existing group**, trouvez le groupe de tailles que vous avez créé dans la liste et cliquez sur **Add group to product**. Répétez pour le groupe de garnitures. 5. Cliquez sur **Save changes**. > [!TIP] > > Pour des articles quasi identiques (par exemple une Margherita vegan), utilisez plutôt **Add product** → **Duplicate product**. Cela copie le nom, la description, le prix, l'image, les tags et les allergènes, et éventuellement les groupes de modificateurs, ce qui vous permet de ne changer que ce qui diffère. Voir [Duplicate vs New](/docs/fr/guides/menu/products#duplicate-vs-new). **8. Vérifier la page de commande en direct** Tout ce que vous avez enregistré est déjà en ligne. Il n'y a pas d'étape de publication séparée. 1. Allez dans **Stores** et cliquez sur **View store** sur la carte de votre boutique. Votre page de commande s'ouvre dans un nouvel onglet. 2. Vous devriez voir une section **Pizzas** avec **Margherita** à 9,50 £ et **Marinara** à 8,50 £. 3. Touchez **Margherita**. La page produit affiche le résumé des allergènes, **Choose your size** avec les deux tailles et **Add toppings** avec les trois garnitures. Choisissez **14 inch** et **Pepperoni** : le prix affiché doit passer à 14,00 £. 4. Ajoutez-le au panier. Vous n'avez pas besoin de passer la commande. > [!TIP] > > Si quelque chose manque ou apparaît grisé, parcourez [Article n'apparaissant pas dans le menu](/docs/fr/guides/menu/item-not-showing). Ce guide passe en revue chaque paramètre qui peut masquer un article, de la mise en pause de la boutique au stock des modificateurs. ## Et ensuite > **[Ajouter le reste de votre menu](/docs/fr/guides/menu/categories)** > > Répétez les étapes 2 à 7 pour chaque section. Sur un ordinateur, faites glisser catégories et produits pour les réorganiser ; sur un appareil tactile, utilisez **Sort categories**. > **[Importer le reste depuis un tableur](/docs/fr/guides/menu/csv-import)** > > Si le menu complet est long, exportez ce que vous avez construit comme modèle, remplissez-le et importez le reste. > **[Définir les horaires d'ouverture et la fulfillment](/docs/fr/getting-started/launch/set-opening-hours)** > > Quand la boutique prend des commandes, et s'il s'agit de retrait, livraison ou à la table. > **[Mettre des articles en vente et hors vente](/docs/fr/guides/menu/availability-snoozing)** > > Mettez un produit en pause jusqu'à demain, marquez une garniture en rupture de stock ou définissez les horaires d'une catégorie. > **[Ajouter des photos à chaque produit](/docs/fr/guides/menu/visual-menu)** > > Transformez la liste en menu visuel. > **[Comprendre tout le modèle de menu](/docs/fr/guides/menu/overview)** > > L'aperçu explique chaque terme et renvoie au guide correspondant à chaque tâche. ## Related topics - [3. Construire votre menu](/docs/fr/getting-started/launch/build-your-menu.md) - [Aperçu du menu](/docs/fr/guides/menu/overview.md) - [Structure du menu](/docs/fr/guides/menu-engineering/menu-structure.md) - [Synchronisation du menu POS](/docs/fr/guides/menu/pos-menu-sync.md) - [1. Créer votre magasin](/docs/fr/getting-started/launch/create-your-store.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.