Om een online menu in te voegen, bouw je het menu eenmaal in een gehoste tool, kopieer je de code die het genereert en plak je die code op de pagina van je website waar het menu moet verschijnen. Gerechten, foto's en prijzen leven dan in de menutool, en jouw site toont ze eenvoudig. Het werk zit vooral in het voorbereiden van goede inhoud en het testen op een telefoon, niet in de code.
Deze gids behandelt beide routes: het plakken van een widget in een site die je al hebt, en het gebruik van een platform waar het menu vanaf het begin deel uitmaakt van de website.
TL;DR
- Invoegen betekent het plakken van een snippet van gegenereerde code in één pagina of sjabloon. Normaal gesproken is er geen maatwerkontwikkeling nodig.
- De grote winst is scheiding: personeel bewerkt gerechten en prijzen in de menutool, en de website wordt bijgewerkt zonder een ontwikkelaar of een nieuwe PDF.
- Plaats het menu in je hoofd navigatie en homepage-knop, niet verborgen in een footerlink. Houd een directe link en een QR-code als back-up.
- Test eerst op mobiel. Daar zullen de meeste gasten het openen.
- Als je liever geen tools aan elkaar wilt knopen, bevat RESTOBOT een ingebed menu in zijn websitebouwer, zonder commissie op bestellingen.
Inhoudsopgave
- Wat "invoegen" van een menu eigenlijk betekent
- Bereid de inhoud voor voordat je enige code aanraakt
- Stap voor stap: een menu-widget invoegen
- Waar je het menu moet plaatsen zodat gasten het daadwerkelijk zien
- Menu alleen, of menu plus bestellen?
- Onze perspectief
- Waar RESTOBOT past
- Veelvoorkomende fouten bij het invoegen van een menu
- Een snelle checklist voor de lancering
- FAQ
- Bronnen
Wat "invoegen" van een menu eigenlijk betekent
Er zijn drie veelvoorkomende manieren om een menu online te plaatsen, en ze gedragen zich heel verschillend.
| Methode | Hoe het werkt | Zwak punt |
|---|---|---|
| PDF of flipbook upload | Een bestand is gelinkt of weergegeven op een pagina | Elke prijswijziging betekent opnieuw exporteren en opnieuw uploaden |
| Eenvoudige link naar een gehost menu | Een knop stuurt gasten naar een andere pagina | Gemakkelijk te missen, en gasten verlaten je site |
| Ingebed menu (widget, iframe of script) | Het menu verschijnt binnen je eigen pagina | Vereist een eenmalige plakken en een mobiele controle |
Een menu-only PDF of ePaper kan worden gelinkt of ingebed, maar het biedt je geen live bestellingen, reserveringen of beschikbaarheidscontroles. Dat is belangrijk op het moment dat een gerecht uitverkocht is of een leverancier je kosten wijzigt.
Een ingebed menu voorkomt dat. De widgetbenadering werkt omdat het inhoudsbeheer scheidt van websitebeheer: personeel verandert gerechten, foto's of prijzen in de menudienst, en de inbeddingslocatie op de site blijft hetzelfde.
Bereid de inhoud voor voordat je enige code aanraakt
De meeste invoegprojecten stagneren omdat het menu niet klaar is, niet omdat de code moeilijk is. Verzamel deze eerst:
- Categorieën in de volgorde waarin gasten denken. Voorgerechten, hoofdgerechten, bijgerechten, desserts, dranken. Houd de lijst kort. Zeven of acht categorieën scannen beter dan vijftien.
- Itemnamen en korte beschrijvingen. Eén regel over de belangrijkste ingrediënten en hoe het is bereid. Vermijd poëzie.
- Prijzen, definitief en consistent. Gebruik hetzelfde formaat doorlopend, bijvoorbeeld £12.50 op elke regel in plaats van een mix van £12.5 en 12.50.
- Foto's voor de gerechten die verkopen. Je hoeft niet elk item gefotografeerd te hebben. Begin met je best verkopende en kenmerkende gerechten. Onze gids voor het fotograferen van een restaurantmenu in één middag laat zien hoe je het zonder studio kunt doen.
- Dieet- en allergeninformatie. Tag vegetarische, veganistische en glutenvrije gerechten duidelijk. In Groot-Brittannië zegt de Food Standards Agency dat een restaurant of café allergeninformatie moet verstrekken, hetzij op het menu of via een prompt die uitlegt hoe je het kunt krijgen. Controleer de FSA-pagina voor wat van toepassing is op jouw locatie.
Als je verder wilt gaan over wat te tonen en waar, behandelt ons stuk over online menu-optimalisatie voor eigenaren lay-out en prijs presentatie.
Categorieontwerp en itemfoto's
Twee details veranderen hoe een menu op een klein scherm leest.
Categorieën. Gebruik duidelijke, inklapbare of tabbladen secties zodat een gast naar desserts kan springen zonder voorbij dertig hoofdgerechten te scrollen. Noem ze eenvoudig. "Zondagsbraden" is beter dan een slimme merknaam die niemand herkent.
Foto's. Gebruik één consistent formaat, meestal vierkant of 4:3, zodat het raster er netjes uitziet. Houd bestanden gecomprimeerd zodat de pagina snel laadt op mobiele data. Een menu met tien goede foto's is beter dan één met veertig ongelijke.
Stap voor stap: een menu-widget insluiten
De gedocumenteerde workflow is hetzelfde voor de meeste tools: pas de widget aan, kopieer de gegenereerde code en voeg deze in. In de praktijk:
- Maak het menu. Voeg categorieën, gerechten, prijzen, foto's en dieetlabels toe in je menutool.
- Pas het uiterlijk aan. Kies de lay-out, het aantal kolommen en kleuren zodat het overeenkomt met je site. Kolom- en breedte-instellingen helpen de widget aan te passen aan kortere of langere menu's.
- Kopieer de gegenereerde code. Het is meestal een korte script-tag of een iframe.
- Open de juiste pagina op je website. Maak een "Menu" pagina als je er nog geen hebt.
- Plak de code in een HTML- of insluitblok. Plak het niet in een platte tekstblok, dat zal de code als tekst tonen.
- Publiceer en test op een telefoon. Test daarna op een desktop en een tablet.
De widgettools vermelden compatibiliteit met WordPress, Wix, Squarespace, Webflow, Shopify, Joomla en platte HTML, dus de route is vergelijkbaar, ongeacht welke builder je gebruikt. Als je site door een bureau is gebouwd, vraag hen dan om het insluitblok of de sjabloonlocatie. Een webdesignstudio zoals Hook Digital in Oxford kan adviseren over technische opties voor veelvoorkomende websiteplatforms als je praktische hulp nodig hebt.
Het faalpunt dat niemand noemt
De code zelf faalt zelden. Wat misgaat is de plaatsing: geplakt in de verkeerde sjabloon, verborgen achter een tabblad dat het niet laadt, of geperst in een smalle kolom zodat het menu er krap uitziet. Test het resultaat op mobiel, waar de meeste restaurantbezoekers het waarschijnlijk openen. Scroll door het hele menu, open een gerecht, wissel van categorieën en tik op elke knop met je duim.
Als de lay-out er krap uitziet op een telefoon, is het probleem vaak de pagina, niet de widget. Overwegingen voor weergave op verschillende apparaten zijn zowel een ontwerpvraag als een technische, zoals het bureauwerk in deze restaurantwebsite-bouw illustreert.
Waar het menu te plaatsen zodat gasten het daadwerkelijk zien
Een ingebed menu dat niemand vindt, is een verspild menu. Een digitale menu-aanbieder raadt directe embedding aan omdat een gewone tekst- of knoplink minder opvalt. Pas die les toe:
- Hoofdnavigatie. "Menu" moet een van de eerste items zijn, niet onder "Meer".
- Homepage-knop. Eén duidelijke oproep tot actie boven de vouw op mobiel.
- Een eigen URL. Geef het menu een eigen pagina, bijvoorbeeld yoursite.co.uk/menu, zodat het gedeeld en geïndexeerd kan worden.
- Een fallback. Houd een directe link en een tafel QR-code. Onze online menu QR-code gids legt de opzet uit.
- Google. Als je menu niet op je Google-profiel verschijnt, zie hoe je partnerfeedblokken kunt oplossen en je menu op Google kunt publiceren.
Voor bredere structuur legt de beste praktijken voor restaurantwebsites uit hoe je bestellingen met één tik kunt krijgen, en als je de pagina gemakkelijk vindbaar wilt maken in zoekopdrachten, is de begeleiding over SEO voor restaurants een nuttig startpunt.
Alleen menu, of menu plus bestellen?
Een alleen-weergave menu beantwoordt de vraag "wat serveer je?". Het neemt geen geld aan. Voordat je een tool kiest, bepaal wat je wilt dat de embed doet.
Alleen weergave. Het goedkoopste en eenvoudigste. Goed voor een pub of café dat bestellingen aan de balie aanneemt.
Weergave plus bestellen. Gasten kiezen, betalen en jij ontvangt de bestelling. Dit is waar de kosten belangrijk zijn. Marktplaatsen zoals Uber Eats, Glovo, Bolt Food, Wolt, Just Eat en Pyszne rekenen 30% van de netto bestelwaarde plus btw, bijna 40% in totaal. Op een mandje van £30 is dat een groot deel van een dunne marge. Bestellen via je eigen site vermijdt dit, en met RESTOBOT is de commissie op bestellingen 0%. Je betaalt alleen een maandelijkse abonnementsprijs.
Weergave plus reserveringen. Een menu naast een boekingsknop is nuttig voor restaurants waar gasten gerechten bekijken voordat ze een tafel kiezen.
Wanneer het menu, bestellen en boeken allemaal op één site staan, hoeft de gast nooit te vertrekken om de klus te klaren. Als je de kosten afweegt, geeft onze uitsplitsing van werkelijke restaurantwebsite-budgets realistische cijfers, en een restaurantwebsite snel bouwen zet een lanceringsplan uiteen.
Ons perspectief
We zien hetzelfde patroon bij restaurant eigenaren. Ze beginnen met een PDF omdat het snel is, en besteden vervolgens jaren aan het opnieuw exporteren ervan telkens wanneer een prijs verandert. De werkelijke kosten zijn niet het uur dat besteed wordt aan uploaden. Het zijn de weken waarin de website het menu van het vorige seizoen toont en gasten arriveren met de verwachting een gerecht te krijgen dat je niet meer serveert.
Dus onze visie is simpel: het menu moet een levend iets zijn op één plek, en alles daarbuiten moet ervan lezen. Daarom heeft de websitebouwer bij RESTOBOT het menu en de reserveringen vanaf het begin ingebed, in plaats van dat je aparte widgets aan elkaar moet plakken. Bestellingen kunnen komen van de website en van een Telegram-bot, en we nemen daar geen commissie op.
Een waarschuwing uit ervaring: wacht niet op een perfect menu. Publiceer met categorieën, prijzen en foto's van je bestsellers, en verbeter wekelijks. Een levend, iets eenvoudiger menu is beter dan een mooie PDF die verouderd is.
*— ADMIN*
Waar RESTOBOT past
Als je nog geen site hebt, of je bent moe van het plakken van widgets op een site, biedt RESTOBOT je een website met het menu ingebouwd, plus online bestellen, reserveringen en loyaliteitskaarten. Sites kunnen direct worden aangemaakt en binnen een dag worden gelanceerd.
Het MENU-plan begint vanaf 69 EUR per maand, en het FULL-plan, met de complete set functies, vanaf 119 EUR per maand. Jaarlijkse facturering is 59 EUR per jaar voor MENU en 99 EUR per jaar voor FULL. Zie de volledige plan details en prijzen om degene te kiezen die bij jouw locatie past.
Personeel kan ook vrijwillige fooien van gasten ontvangen via online fooien, beschikbaar op alle plannen, en een werknemer kan zich alleen registreren, zelfs als de locatie niet op RESTOBOT staat.
Veelvoorkomende fouten bij het inbedden van een menu
- Plakken in een tekstblok. De code verschijnt als woorden op de pagina. Gebruik een HTML- of inbed-element.
- Vergeten de site opnieuw te publiceren. Sommige bouwers hebben een handmatige publicatie nodig na het toevoegen van de snippet.
- Oude PDF's live laten. Zoekmachines en oude links blijven gasten naar verouderde prijzen sturen. Verwijder ze of leid ze om naar de nieuwe menupagina.
- Foto's die te groot zijn. Langzaam laden is de snelste manier om een mobiele bezoeker te verliezen.
- Geen fallback. Als een script wordt geblokkeerd door een browserextensie of een bedrijfsnetwerk, werkt een directe link nog steeds.
- Recensies negeren. Een goede menupagina werkt het beste naast sociale bewijskracht. Zie hoe je Google-recensies op je website kunt inbedden.
Neem tenslotte een goede kijk op de basisprincipes voordat je meer tools aanschaft. Ons stuk over operationele efficiëntie in restaurants stelt dat het oplossen van verspilling voorop staat bij het toevoegen van technologie. Als je ook catering verkoopt, laat online bestellen voor catering zien hoe je binnen een dag live kunt gaan.
Een snelle checklist voor de lancering
- Elke categorie en elk gerecht is aanwezig, met eindprijzen.
- Bestsellers hebben foto's in een consistent formaat.
- Dieetlabels en allergeninformatie worden gecontroleerd door degene die de keuken het beste kent.
- De embed staat op een eigen pagina, gelinkt vanuit de hoofdmenu en de homepage-knop.
- De pagina opent snel op mobiele data, en elk tikdoel werkt.
- Een directe link en QR-code leiden naar hetzelfde menu.
- Oude PDF's worden verwijderd of omgeleid.
- Eén benoemd persoon is verantwoordelijk voor updates, zodat prijzen actueel blijven.
FAQ
Heb ik een ontwikkelaar nodig om een online menu in te voegen?
Meestal niet. Het proces is configuratie, codegeneratie en plakken, geen maatwerkontwikkeling. Je hebt alleen hulp nodig als je site-sjabloon ongebruikelijk is of je niet kunt vinden waar je een HTML-blok moet toevoegen.
Kan ik een menu invoegen in WordPress, Wix of Squarespace?
Ja. Widgetleveranciers vermelden ondersteuning voor WordPress, Wix, Squarespace, Webflow, Shopify en gewone HTML. Je voegt de gegenereerde code toe in een HTML- of embedblok op de pagina waar het menu moet verschijnen.
Is een ingebed menu beter dan een PDF?
Voor de meeste restaurants wel, omdat prijzen en gerechten op één plek kunnen worden bijgewerkt zonder een bestand opnieuw te uploaden. Een PDF is prima als een afdrukbare back-up, maar kan geen live beschikbaarheid, bestellingen of reserveringen bieden.
Hoe zorg ik ervoor dat het menu werkt op telefoons?
Open de gepubliceerde pagina op ten minste één iPhone en één Android-telefoon. Scroll door elke categorie, open een gerecht en tik op elke knop. Als de lay-out krap uitziet, vergroot dan de container of verplaats de embed uit een smalle kolom.
Moet ik ook een QR-code en een directe link behouden?
Ja. Ze fungeren als een back-up als een script wordt geblokkeerd, en de QR-code dient gasten aan tafel. Beide moeten naar hetzelfde live menu wijzen, zodat niets uit de pas loopt.
Bronnen
- Elfsight: Restaurant Menu widget (handleiding)
- Elfsight: hoe een Restaurant Menu widget te maken
- Elfsight: Restaurant Menu widget voor website
- Speisekarte.de: digitale menu-invoeging
- Food Standards Agency: allergeninformatie voor consumenten
- Hook Digital: websiteontwerp en -ontwikkeling
- Blucat Group: ontwikkeling van restaurantwebsites
- Baby Love Growth: SEO voor restaurants