> ## 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.

# Bouw je eerste menu

> Bouw je eerste storekit-menu handmatig: één categorie, twee producten, een verplichte maat-groep en optionele toppings, controleer daarna de live pagina.

Deze tutorial bouwt met de hand een klein pizzamenu in het storekit-dashboard en controleert het daarna op de live bestelpagina. Het duurt ongeveer 20 minuten. Op het einde heb je elk onderdeel van de menubuilder gebruikt dat je dagelijks nodig hebt, en het patroon herhaalt zich voor elke categorie en elk product dat je later toevoegt.

> [!NOTE]
>
> **Komt je menu uit een POS?** Als je store gekoppeld is aan een POS zoals Zonal, Lightspeed, Toast of Deliverect, bouw het menu dan niet met de hand. Items, prijzen en beschikbaarheid worden vanuit de POS gesynchroniseerd en handmatig aangemaakte producten worden er niet aan gekoppeld. Volg in plaats daarvan [POS Menu Sync](/docs/nl/guides/menu/pos-menu-sync) en kom daarna terug naar deze pagina voor de onderdelen die storekit nog wel beheert (categorie-uren, afbeeldingen en allergenen waar je POS deze niet aanlevert).
>
> Als je het menu al in een spreadsheet hebt, is [CSV-import](/docs/nl/guides/menu/csv-import) sneller dan het intypen. Staat het gepubliceerd op een ander platform of website, gebruik dan **Automatic Upload**. Zie [Bouw je menu](/docs/nl/getting-started/launch/build-your-menu).

## Wat je gaat bouwen

```
Menu                        "Main menu"
└── Categorie               "Pizzas"
    ├── Product             "Margherita"  £9.50   (bevat gluten, melk)
    │   ├── Modifier-groep  "Choose your size"   verplicht, kies precies 1
    │   │   └── Opties      "10 inch" +£0.00 · "14 inch" +£3.00
    │   └── Modifier-groep  "Add toppings"       optioneel, kies tot 3
    │       └── Opties      "Mushrooms" +£1.00 · "Olives" +£1.00 · "Pepperoni" +£1.50
    └── Product             "Marinara"    £8.50   (bevat gluten)
        └── gebruikt dezelfde twee modifier-groepen
```

Als je niet zeker weet wat een van deze woorden betekent, geeft het [Menu-overzicht](/docs/nl/guides/menu/overview#woordenlijst) van elk begrip een definitie van één regel.

## Voordat je begint

* Je hebt een store nodig in het dashboard. Bestaat de store nog niet, volg dan eerst [Maak je store aan](/docs/nl/getting-started/launch/create-your-store).
* De store moet **geen menu** hebben zodat de handmatige setup-flow verschijnt. Als er al een menu bestaat (bijvoorbeeld eentje aangemaakt door een collega), kun je dat gebruiken — sla door naar [Stap 2](#stap-2-voeg-een-categorie-toe) — of het eerst archiveren zoals beschreven in [Het menu van een store vervangen](/docs/nl/guides/menu/managing-menus#het-menu-van-een-store-vervangen).

**1. Maak een leeg menu aan**

1. Ga naar **Stores** en zoek de kaart van je store.
2. Klik op **Create a menu**. Deze link verschijnt alleen op stores die nog geen menu hebben.
3. Kies op de pagina **Now, let's setup your menu** voor **Enter Manually**.

Je komt in de menubuilder terecht met een leeg menu. Vanaf nu kun je er altijd terugkeren via **Menus** → **Edit** op dit menu.

> [!TIP]
>
> Op de pagina **Menus** staat het nieuwe menu vermeld met **de naam van je store eronder**. Een menu behoort tot precies één store, dus controleer dit nu — items die aan een menu op de verkeerde store zijn toegevoegd, moeten opnieuw worden gebouwd.

**2. Voeg een categorie toe**

Categorieën zijn de secties waar klanten doorheen scrollen, dus benoem ze zoals een klant ernaar zou zoeken.

1. Klik in de menubuilder op **Add category**.
2. Voer in het dialoogvenster **Add a Category** de **Name** `Pizzas` in. Laat **Description** voorlopig leeg.
3. Klik op **Create Category**.

De categorie wordt aangemaakt en is **de hele dag, elke dag beschikbaar**. Laat het voor deze tutorial zo staan; heb je later een sectie nodig die alleen bij het ontbijt beschikbaar is, kom dan terug en stel de uren in onder **Availability**. Zie [Categorie-uren](/docs/nl/guides/menu/categories#categorie-uren).

**3. Voeg je eerste product toe**

1. Klik binnen de categorie **Pizzas** op **Add product** en daarna op **New product**.
2. Voer de **Name** `Margherita` in.
3. Voer een **Description** in, bijvoorbeeld `Tomaat, mozzarella, verse basilicum`. De eerste regel of zo verschijnt op de menukaart, de rest op de productpagina.
4. Voer de **Price** `9.50` in. Dit is de basisprijs; de maat- en toppingkeuzes komen er later bij.
5. Klik op **Create Product**.

Het product verschijnt nu in de categorie. Klik erop om de producteditor te openen. Die heeft de tabbladen **Details**, **Tags & Allergens**, **Modifiers** en **Video** — je gebruikt de volgende twee.

> [!TIP]
>
> Voeg meteen een afbeelding toe terwijl je op **Details** bent als je er een bij de hand hebt: producten met foto's verkopen merkbaar beter. Alles tot 100 MB in een gangbaar afbeeldingsformaat werkt. Zie [Productafbeeldingen](/docs/nl/guides/menu/products#afbeeldingen-en-media).

**4. Tag de allergenen**

1. Open op het product het tabblad **Tags & Allergens**.
2. Zet in de allergenenlijst **Gluten** en **Milk** op **Contains**. Elk allergeen staat op **Contains**, **May contain** of **Free**; nieuwe producten starten met alles op **Free**.
3. Klik op **Save changes**.

De samenvatting bovenaan de allergenenlijst is exact wat klanten op de productpagina te zien krijgen.

[Volledige gids: Tags en allergenen →](/docs/nl/guides/menu/tags-allergens)

**5. Voeg een verplichte modifier-groep voor de maat toe**

Een modifier-groep is een vraag die de klant beantwoordt als het product aan de winkelwagen wordt toegevoegd. Deze groep is **verplicht** — de klant kan geen Margherita toevoegen zonder een maat te kiezen.

1. Open op het product het tabblad **Modifiers**.
2. Klik onder **Add a modifier group** op **Create a new group**.
3. Voer de **Name** `Choose your size` in.
4. Klik op **Add an option** en voer `10 inch` in met een **Price** van `0`.
5. Klik opnieuw op **Add an option** en voer `14 inch` in met een **Price** van `3.00`.
6. Zet onder **How many options can customers choose?** zowel het minimum als het maximum op **1**. Een minimum van 1 maakt de groep verplicht; een maximum van 1 zorgt dat de twee maten zich als radioknoppen gedragen.
7. Laat **In Stock** aangevinkt bij beide opties en **Initial display setting** op **Expanded**.
8. Klik op **Save Modifiers**.

> [!WARNING]
>
> Een verplichte groep heeft minstens één optie nodig die **In Stock** is. Als elke optie in een verplichte groep uitverkocht is, wordt het hele product onbeschikbaar — dit is de meest voorkomende reden waarom een product later "verdwijnt". Zie [Item verschijnt niet op het menu](/docs/nl/guides/menu/item-not-showing).

**6. Voeg een optionele toppings-groep toe**

Deze groep is **optioneel** — klanten kunnen die overslaan — en ze kunnen er meerdere dingen uit kiezen.

1. Nog steeds op het tabblad **Modifiers**, klik opnieuw op **Create a new group**.
2. Voer de **Name** `Add toppings` in.
3. Voeg drie opties toe met **Add an option**: `Mushrooms` voor `1.00`, `Olives` voor `1.00` en `Pepperoni` voor `1.50`.
4. Zet onder **How many options can customers choose?** het minimum op **0** en het maximum op **3**. Een minimum van 0 maakt de groep optioneel.
5. Klik op **Save Modifiers**.

Je hebt nu een product met een verplichte en een optionele groep. Het tabblad **Modifiers** toont beide; sleep ze om de volgorde te wijzigen waarin klanten ze zien.

[Volledige gids: Modifiers →](/docs/nl/guides/menu/modifiers)

**7. Voeg een tweede product toe dat dezelfde groepen hergebruikt**

Je hoeft niet voor elke pizza opnieuw modifier-groepen te bouwen. Groepen worden gedeeld: koppel een bestaande groep en elke latere wijziging aan die groep is overal van toepassing waar hij wordt gebruikt.

1. Klik in de categorie **Pizzas** op **Add product** → **New product**.
2. Voer de **Name** `Marinara` in, een **Description** zoals `Tomaat, knoflook, oregano — zonder kaas`, en de **Price** `8.50`. Klik op **Create Product**.
3. Open het product, ga naar **Tags & Allergens**, zet **Gluten** op **Contains** en klik op **Save changes**.
4. Ga naar **Modifiers**. Klik onder **Add a modifier group** op **Use an existing group**, zoek de maat-groep die je hebt aangemaakt in de lijst en klik op **Add group to product**. Herhaal voor de toppings-groep.
5. Klik op **Save changes**.

> [!TIP]
>
> Voor bijna identieke items (bijvoorbeeld een Vegan Margherita) gebruik je in plaats daarvan **Add product** → **Duplicate product**. Dat kopieert de naam, beschrijving, prijs, afbeelding, tags en allergenen, en optioneel de modifier-groepen, zodat je alleen wijzigt wat anders is. Zie [Dupliceren vs nieuw](/docs/nl/guides/menu/products#dupliceren-vs-nieuw).

**8. Controleer de live bestelpagina**

Alles wat je hebt opgeslagen staat al live. Er is geen aparte publicatiestap.

1. Ga naar **Stores** en klik op **View store** op de kaart van je store. Je bestelpagina opent in een nieuw tabblad.
2. Je zou een **Pizzas**-sectie moeten zien met **Margherita** voor £9.50 en **Marinara** voor £8.50.
3. Tik op **Margherita**. De productpagina toont de allergenensamenvatting, **Choose your size** met de twee maten en **Add toppings** met de drie toppings. Kies **14 inch** en **Pepperoni**. De weergegeven prijs zou moeten worden bijgewerkt naar £14.00.
4. Voeg het toe aan de winkelwagen. Je hoeft de bestelling niet te plaatsen.

> [!TIP]
>
> Als er iets ontbreekt of grijs is, werk dan [Item verschijnt niet op het menu](/docs/nl/guides/menu/item-not-showing) door. Die gids loopt door elke instelling die een item kan verbergen, van het snoozen van de store tot modifier-voorraad.

## Wat je hierna kunt doen

> **[Voeg de rest van je menu toe](/docs/nl/guides/menu/categories)**
>
> Herhaal stappen 2–7 voor elke sectie. Sleep op een computer categorieën en producten om de volgorde te wijzigen; op een touchscreen gebruik je **Sort categories**.

> **[Importeer de rest vanuit een spreadsheet](/docs/nl/guides/menu/csv-import)**
>
> Als het volledige menu lang is, exporteer wat je hebt gebouwd als sjabloon, vul het aan en importeer de rest.

> **[Stel openingstijden en fulfilment in](/docs/nl/getting-started/launch/set-opening-hours)**
>
> Wanneer de store bestellingen aanneemt, en of dat pickup, delivery of aan tafel is.

> **[Zet items op en uit verkoop](/docs/nl/guides/menu/availability-snoozing)**
>
> Snooze een product tot morgen, markeer een topping als uitverkocht of stel de uren van een categorie in.

> **[Voeg foto's toe aan elk product](/docs/nl/guides/menu/visual-menu)**
>
> Maak van de lijst een visueel menu.

> **[Begrijp het hele menumodel](/docs/nl/guides/menu/overview)**
>
> Het overzicht legt elk begrip uit en verwijst naar de gids voor elke taak.


## Related topics

- [3. Bouw je menu](/docs/nl/getting-started/launch/build-your-menu.md)
- [Menu-overzicht](/docs/nl/guides/menu/overview.md)
- [Foodtrucks en pop-ups](/docs/nl/guides/use-cases/food-trucks.md)
- [Bouw je eigen tools op storekit](/docs/nl/guides/build/overview.md)
- [Menu's beheren](/docs/nl/guides/menu/managing-menus.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.