Comment intégrer un menu en ligne sur le site de votre restaurant

TL;DR

• L'intégration signifie coller un extrait de code généré dans une page ou un modèle. Aucun développement personnalisé n'est normalement nécessaire.
• Le grand avantage est la séparation : le personnel modifie les plats et les prix dans l'outil de menu, et le site Web se met à jour sans développeur ni nouveau PDF.
• Mettez le menu dans votre navigation principale et le bouton de la page d'accueil, pas enfoui dans un lien de pied de page. Gardez un lien direct et un code QR comme solution de secours.
• Testez d'abord sur mobile. C'est là que la plupart des invités l'ouvriront.
• Si vous préférez ne pas assembler des outils, RESTOBOT inclut un menu intégré dans son constructeur de site Web, sans commission sur les commandes.

Table des matières

• Ce que signifie réellement "intégrer" un menu
• Préparez le contenu avant de toucher à un code
• Étape par étape : intégration d'un widget de menu
• Où mettre le menu pour que les invités le voient réellement
• Menu seul, ou menu plus commande ?
• Notre perspective
• Où s'intègre RESTOBOT
• Erreurs courantes lors de l'intégration d'un menu
• Une liste de contrôle rapide avant le lancement
• FAQ
• Sources

Ce que signifie réellement "intégrer" un menu

Il existe trois façons courantes de mettre un menu en ligne, et elles se comportent très différemment.

Un PDF ou ePaper de menu uniquement peut être lié ou intégré, mais cela ne vous donne pas de commandes en direct, de réservations ou de contrôles de disponibilité. Cela compte au moment où un plat est épuisé ou qu'un fournisseur change vos coûts.

Un menu intégré évite cela. L'approche du widget fonctionne parce qu'elle sépare la maintenance du contenu de la maintenance du site Web : le personnel change les plats, photos ou prix dans le service de menu, et l'emplacement d'intégration sur le site reste le même.

Préparez le contenu avant de toucher à un code

La plupart des projets d'intégration stagnent parce que le menu n'est pas prêt, pas parce que le code est difficile. Collectez ces éléments d'abord :

1. Catégories dans l'ordre où les invités pensent. Entrées, plats principaux, accompagnements, desserts, boissons. Gardez la liste courte. Sept ou huit catégories se lisent mieux que quinze.
2. Noms des articles et courtes descriptions. Une ligne sur les ingrédients principaux et la façon dont c'est cuisiné. Évitez la poésie.
3. Prix, définitifs et cohérents. Utilisez le même format tout au long, par exemple 12,50 £ sur chaque ligne plutôt qu'un mélange de 12,5 £ et 12,50 £.
4. Photos des plats qui se vendent. Vous n'avez pas besoin de photographier chaque article. Commencez par vos meilleures ventes et vos plats signatures. Notre guide sur la photographie de menu de restaurant en une après-midi montre comment le faire sans studio.
5. Informations diététiques et allergènes. Taguez clairement les plats végétariens, véganes et sans gluten. Au Royaume-Uni, l'Agence de Normes Alimentaires dit qu'un restaurant ou un café doit fournir des informations sur les allergènes, soit sur le menu, soit par un message expliquant comment les obtenir. Consultez la page de l'FSA pour ce qui s'applique à votre établissement.

Si vous souhaitez aller plus loin sur ce qu'il faut montrer et où, notre article sur l'optimisation de menu en ligne pour les propriétaires couvre la présentation et la tarification.

Conception de catégorie et photos d'articles

Deux détails changent la façon dont un menu se lit sur un petit écran.

Catégories. Utilisez des sections claires, réductibles ou à onglets afin qu'un invité puisse sauter aux desserts sans faire défiler trente plats principaux. Nommez-les simplement. "Rôti du Dimanche" est meilleur qu'un nom de marque astucieux que personne ne reconnaît.

Photos. Utilisez un ratio cohérent, généralement carré ou 4:3, afin que la grille ait l'air soignée. Gardez les fichiers compressés pour que la page se charge rapidement sur les données mobiles. Un menu avec dix bonnes photos vaut mieux qu'un avec quarante inégales.

Étape par étape : intégration d'un widget de menu

Le flux de travail documenté est le même sur la plupart des outils : personnalisez le widget, copiez le code généré et insérez-le. En pratique :

1. Créez le menu. Ajoutez des catégories, des plats, des prix, des photos et des étiquettes diététiques dans votre outil de menu.
2. Ajustez l'apparence. Choisissez la mise en page, le nombre de colonnes et les couleurs pour qu'elles correspondent à votre site. Les contrôles de colonne et de largeur aident à adapter le widget aux menus plus courts ou plus longs.
3. Copiez le code généré. C'est généralement une courte balise de script ou un iframe.
4. Ouvrez la bonne page sur votre site web. Créez une page "Menu" si vous n'en avez pas.
5. Collez le code dans un bloc HTML ou d'intégration. Ne le collez pas dans un bloc de texte brut, qui affichera le code en tant que texte.
6. Publiez et testez sur un téléphone. Ensuite, testez sur un bureau et une tablette.

Les outils de widget listent la compatibilité avec WordPress, Wix, Squarespace, Webflow, Shopify, Joomla et HTML simple, donc le chemin est similaire quel que soit le constructeur que vous utilisez. Si votre site a été construit par une agence, demandez-leur l'emplacement du bloc d'intégration ou du modèle. Un studio de design web tel que Hook Digital à Oxford peut conseiller sur les options techniques pour les plateformes de sites web courantes si vous avez besoin d'aide pratique.

Le point de défaillance que personne ne mentionne

Le code lui-même échoue rarement. Ce qui ne va pas, c'est le placement : collé dans le mauvais modèle, caché derrière un onglet qui ne le charge pas, ou compressé dans une colonne étroite, ce qui rend le menu encombré. Testez le résultat sur mobile, où la plupart des visiteurs de restaurants sont susceptibles de l'ouvrir. Faites défiler l'ensemble du menu, ouvrez un plat, changez de catégorie et appuyez sur chaque bouton avec votre pouce.

Si la mise en page semble encombrée sur un téléphone, le problème est souvent la page, pas le widget. Les considérations d'affichage sur différents appareils sont une question de design autant que technique, comme le montre le travail d'agence tel que la création de ce site web de restaurant.

Où mettre le menu pour que les invités le voient réellement

Un menu intégré que personne ne trouve est un menu gaspillé. Un fournisseur de menus numériques recommande l'intégration directe car un lien texte ou bouton ordinaire peut être moins visible. Appliquez cette leçon :

• Navigation principale. "Menu" devrait être l'un des premiers éléments, pas sous "Plus".
• Bouton de la page d'accueil. Un appel à l'action clair au-dessus de la ligne de flottaison sur mobile.
• Une URL dédiée. Donnez au menu sa propre page, par exemple votresite.co.uk/menu, afin qu'il puisse être partagé et indexé.
• Une solution de secours. Gardez un lien direct et un code QR de table. Notre guide sur les codes QR de menu en ligne explique la configuration.
• Google. Si votre menu n'apparaît pas sur votre profil Google, voyez comment corriger les blocages de flux partenaires et publier votre menu sur Google.

Pour une structure plus large, les meilleures pratiques pour les sites web de restaurants expliquent comment obtenir des commandes en un clic, et si vous souhaitez rendre la page facile à trouver dans les recherches, les conseils sur le SEO pour les restaurants constituent un bon point de départ.

Menu uniquement, ou menu plus commande ?

Un menu uniquement d'affichage répond à la question "que servez-vous ?". Il ne prend pas d'argent. Avant de choisir un outil, décidez ce que vous voulez que l'intégration fasse.

Affichage uniquement. Le moins cher et le plus simple. Bon pour un pub ou un café qui prend des commandes au comptoir.

Affichage plus commande. Les invités choisissent, paient et vous recevez la commande. C'est là que les frais comptent. Les places de marché telles qu'Uber Eats, Glovo, Bolt Food, Wolt, Just Eat et Pyszne facturent 30 % de la valeur nette de la commande plus TVA, soit presque 40 % au total. Sur un panier de 30 £, c'est une grande part d'une marge fine. Commander via votre propre site l'évite, et avec RESTOBOT, la commission sur les commandes est de 0 %. Vous ne payez qu'un abonnement mensuel.

Affichage plus réservations. Un menu à côté d'un bouton de réservation est utile pour les restaurants où les invités vérifient les plats avant de choisir une table.

Lorsque le menu, la commande et la réservation se trouvent tous sur un même site, l'invité n'a jamais à partir pour terminer le travail. Si vous pesez les coûts, notre répartition des budgets réels de sites web de restaurants donne des chiffres réalistes, et la création rapide d'un site web de restaurant présente un plan de lancement.

Notre perspective

Nous voyons le même schéma avec les propriétaires de restaurants. Ils commencent avec un PDF parce que c'est rapide, puis passent des années à le réexporter chaque fois qu'un prix change. Le véritable coût n'est pas l'heure passée à télécharger. Ce sont les semaines où le site web affiche le menu de la saison dernière et les clients arrivent en s'attendant à un plat que vous ne servez plus.

Ainsi, notre vision est simple : le menu doit être un élément vivant en un seul endroit, et tout le reste doit en dépendre. C'est pourquoi le constructeur de site chez RESTOBOT intègre le menu et les réservations dès le départ, plutôt que de vous laisser assembler des widgets séparés. Les commandes peuvent provenir du site web et d'un bot Telegram, et nous ne prenons pas de commission sur celles-ci.

Un avertissement tiré de l'expérience : ne attendez pas un menu parfait. Publiez avec des catégories, des prix et des photos de vos meilleures ventes, puis améliorez-le chaque semaine. Un menu vivant, légèrement simple, est préférable à un beau PDF qui est obsolète.

*— ADMIN*

Où s'intègre RESTOBOT

Si vous n'avez pas encore de site, ou si vous en avez assez de coller des widgets sur un site existant, RESTOBOT vous offre un site web avec le menu intégré, ainsi que des commandes en ligne, des réservations et des cartes de fidélité. Les sites peuvent être créés instantanément et lancés en une journée.

Le plan MENU commence à partir de 69 EUR par mois, et le plan FULL, avec l'ensemble des fonctionnalités, à partir de 119 EUR par mois. La facturation annuelle est de 59 EUR par an pour le MENU et de 99 EUR par an pour le FULL. Consultez les détails complets du plan et les prix pour choisir celui qui convient à votre établissement.

Le personnel peut également recevoir des pourboires volontaires de la part des clients via des pourboires en ligne, disponibles sur tous les plans, et un travailleur peut s'inscrire seul même si l'établissement n'est pas sur RESTOBOT.

Erreurs courantes lors de l'intégration d'un menu

• Coller dans un bloc de texte. Le code apparaît comme des mots sur la page. Utilisez un élément HTML ou d'intégration.
• Oublier de republier le site. Certains constructeurs nécessitent une publication manuelle après l'ajout du snippet.
• Laisser des anciens PDF en ligne. Les moteurs de recherche et les anciens liens continuent d'envoyer des clients vers des prix obsolètes. Supprimez-les ou redirigez-les vers la nouvelle page du menu.
• Photos trop grandes. Un chargement lent est le moyen le plus rapide de perdre un visiteur mobile.
• Pas de solution de secours. Si un script est bloqué par une extension de navigateur ou un réseau d'entreprise, un lien direct fonctionne toujours.
• Ignorer les avis. Une bonne page de menu fonctionne mieux avec une preuve sociale. Découvrez comment intégrer les avis Google sur votre site web.

Enfin, examinez attentivement les bases avant d'acheter plus d'outils. Notre article sur l'efficacité opérationnelle des restaurants soutient que corriger le gaspillage doit précéder l'ajout de technologie. Si vous vendez également des services de traiteur, la commande en ligne pour le traiteur montre comment se lancer en une journée.

Une liste de contrôle rapide avant le lancement

1. Chaque catégorie et plat est présent, avec les prix finaux.
2. Les meilleures ventes ont des photos à un ratio cohérent.
3. Les étiquettes diététiques et les informations sur les allergènes sont vérifiées par la personne qui connaît le mieux la cuisine.
4. L'intégration se trouve sur sa propre page, liée depuis la navigation principale et le bouton de la page d'accueil.
5. La page s'ouvre rapidement sur les données mobiles, et chaque cible de tap fonctionne.
6. Un lien direct et un code QR mènent au même menu.
7. Les anciens PDF sont supprimés ou redirigés.
8. Une personne nommée est responsable des mises à jour, afin que les prix restent à jour.

FAQ

Ai-je besoin d'un développeur pour intégrer un menu en ligne ?

Généralement non. Le processus consiste en configuration, génération de code et insertion, pas en développement personnalisé. Vous n'avez besoin d'aide que si le modèle de votre site est inhabituel ou si vous ne trouvez pas où ajouter un bloc HTML.

Puis-je intégrer un menu dans WordPress, Wix ou Squarespace ?

Oui. Les fournisseurs de widgets listent le support pour WordPress, Wix, Squarespace, Webflow, Shopify et HTML simple. Vous ajoutez le code généré dans un bloc HTML ou d'intégration sur la page où le menu doit apparaître.

Un menu intégré est-il meilleur qu'un PDF ?

Pour la plupart des restaurants, oui, car les prix et les plats peuvent être mis à jour en un seul endroit sans re-télécharger un fichier. Un PDF est acceptable comme sauvegarde imprimable, mais il ne peut pas offrir de disponibilité en direct, de commandes ou de réservations.

Comment puis-je m'assurer que le menu fonctionne sur les téléphones ?

Ouvrez la page publiée sur au moins un iPhone et un téléphone Android. Faites défiler chaque catégorie, ouvrez un plat et appuyez sur chaque bouton. Si la mise en page semble encombrée, élargissez le conteneur ou déplacez l'intégration hors d'une colonne étroite.

Dois-je également garder un code QR et un lien direct ?

Oui. Ils agissent comme une solution de secours si un script est bloqué, et le code QR sert les invités à la table. Les deux doivent pointer vers le même menu en direct afin que rien ne soit décalé.

Sources

• Elfsight: widget de menu de restaurant (guide)
• Elfsight: comment créer un widget de menu de restaurant
• Elfsight: widget de menu de restaurant pour site web
• Speisekarte.de: intégration de menu numérique
• Food Standards Agency: informations sur les allergènes pour les consommateurs
• Hook Digital: conception et développement de sites web
• Blucat Group: développement de sites web de restaurant
• Baby Love Growth: SEO pour les restaurants

Recommandé

• Configuration du code QR de menu en ligne pour les restaurants : Un guide rapide
• Corriger les blocs de flux partenaires pour publier votre menu de restaurant sur Google
• Profit First, commandes en hausse en quelques semaines : Optimisation de menu en ligne pour les propriétaires
• Construire un site web de restaurant rapidement : Un plan de lancement qui fonctionne