Un widget de menu est un petit morceau de code sur votre propre site qui affiche votre menu actuel comme partie intégrante de la page, lu en direct depuis le système où vous gérez le menu, au lieu d'un lien vers un PDF qu'il faut exporter et re-téléverser après chaque modification.
De nombreux sites de restaurants font encore l'inverse. Quelque part dans la navigation se trouve un lien appelé « Menu », et derrière, un PDF : quatre pages A4, 2 à 5 Mo, conçu pour l'imprimante. Sur un téléphone, le client pince, zoome, fait défiler latéralement et abandonne vers les pâtes. Et dès qu'un prix change, le fichier sur le site est faux.
Cet article examine ce que ce lien PDF vous coûte réellement, ce qu'un widget fait différemment, et les limites du widget à connaître avant de changer.
Ce que le lien PDF vous coûte
Prenons l'exemple d'un restaurant avec un menu de 40 plats qui change quelques fois par an, plus une offre du midi qui change chaque semaine. Voici à quoi ressemble la mise à jour du site avec un PDF :
| Étape | Temps à chaque fois |
|---|---|
| Modifier le prix ou le plat dans le fichier de conception | 10 minutes |
| Exporter un nouveau PDF, le vérifier | 5 minutes |
| Se connecter au site, remplacer le fichier | 5 à 10 minutes |
| Vérifier que l'ancien fichier a bien disparu (caches du navigateur et des moteurs de recherche) | 5 minutes |
| Faire de même pour l'offre du midi | 20 minutes, chaque semaine |
Cela représente environ une demi-heure par modification, et plus de 15 heures par an rien que pour l'offre du midi. En pratique, le résultat est connu : le menu du site date de la saison dernière, le PDF du midi date d'il y a trois semaines, et personne ne s'en rend compte jusqu'à ce qu'un client commande un plat qui n'existe plus.
Il y a aussi des coûts plus discrets :
- Sur un téléphone, un PDF est un document, pas une page. Il s'ouvre dans une visionneuse, parfois en téléchargement, et le client quitte votre site pour le lire.
- Il n'affiche qu'une langue. Une deuxième langue signifie un deuxième PDF et un deuxième téléversement à chaque fois.
- Il ne peut pas prendre de réservation. Un client qui vient de décider de venir doit trouver le numéro de téléphone ou un formulaire séparé.
Ce qu'un widget fait différemment
Un widget transforme le menu d'un fichier en une vue. Vous gardez le menu à un seul endroit, et le site affiche ce qui s'y trouve à l'instant présent.
| Lien PDF | Widget de menu | |
|---|---|---|
| Où le client le lit | Dans une visionneuse PDF, souvent hors de votre site | Sur votre page, dans votre mise en page |
| Sur un téléphone | Pincer et zoomer | S'adapte à l'écran |
| Après un changement de prix | Exporter, téléverser, remplacer | Rien à faire sur le site |
| Deuxième langue | Deuxième fichier | Un paramètre de langue dans le code d'intégration |
| Offres du jour ou de la semaine | Fichier séparé, téléversement séparé | Widget séparé, se met à jour tout seul |
| Réservation de table | Impossible | Formulaire de réservation à côté du menu |
| Design | Fixé par le fichier | Vos couleurs, et la police de votre site |
La ligne importante est la troisième. Avec un widget, le site cesse d'être un endroit où le menu est maintenu. Il devient un endroit où le menu est affiché. C'est la différence entre un menu à jour et un menu à jour seulement les jours où quelqu'un y a pensé.
Intégrer un widget sur votre propre site
La partie technique est plus simple que la plupart des propriétaires ne l'imaginent. Avec Widget Creator, une intégration se compose de deux lignes de HTML : un emplacement réservé où le widget doit apparaître, et une balise script avant la fin de la page. Cela fonctionne sur WordPress, Wix, Squarespace ou un site écrit à la main, car le site n'a besoin que d'accepter un morceau de HTML.
Une configuration réaliste pour un restaurant ressemble à ceci :
| Où sur le site | Quel widget | Ce que le client voit |
|---|---|---|
| Page menu | Menu classique | Le menu complet par catégorie, avec descriptions, tailles et prix |
| Page d'accueil, près du haut | Plat du jour | Uniquement ce qui est proposé aujourd'hui |
| Page du midi | Liste du menu du jour | Les offres de la semaine, groupées par jour |
| Section événements ou actualités | Promotions | Uniquement les promotions en cours ; les expirées disparaissent d'elles-mêmes |
| Page de réservation | Réserver une table | Date, heure, taille du groupe, coordonnées et case de confidentialité |
Chaque widget est construit une seule fois. Vous choisissez le type, ajustez les couleurs, la taille de police et le rayon des coins, et regardez le résultat dans un aperçu bureau, tablette et téléphone avant de publier. La police peut rester sur « hériter », pour que le widget utilise la police de votre site au lieu d'apporter la sienne. Pour tout ce que les paramètres ne couvrent pas, il y a des champs pour votre propre CSS et JavaScript.
Si quelqu'un d'autre s'occupe de votre site, vous n'avez pas besoin d'expliquer tout cela. La boîte de dialogue d'intégration peut envoyer les instructions directement à votre webdesigner par e-mail, et un lien d'aperçu montre le widget seul avant sa mise en ligne.
D'où vient le contenu
Les widgets ne contiennent pas le menu. Ils le lisent depuis Restaurant Hub, où vous le saisissez une seule fois : plats, catégories, descriptions, tailles, prix dans vos devises, mentions d'allergènes, offres du jour et promotions. Les mêmes données alimentent aussi le menu QR numérique et le menu imprimable, ce qui est l'idée décrite dans pourquoi un QR code qui ouvre un PDF est la mauvaise solution.
En pratique, cela signifie qu'une modification dans Restaurant Hub met à jour en même temps la page menu, le widget du midi sur la page d'accueil et le menu QR à table. Personne ne touche au site.
Les demandes de table du widget Réserver une table arrivent dans Restaurant Hub comme demandes de réservation, à côté de celles saisies par votre équipe, et sont confirmées ou refusées au même endroit.
Le QR code sur la table ou en vitrine
De nombreux restaurants veulent aussi un QR code menant au menu, sur un autocollant de vitrine, un flyer ou un chevalet de table. Si vous voulez que ce code ouvre la page menu de votre propre site, là où se trouve le widget, un code du générateur de QR code gratuit pointant vers cette page suffit. Comme la page affiche le menu en direct, le code imprimé n'est jamais obsolète.
Limites à connaître
Un widget n'est pas magique, et quelques points méritent d'être tranchés dès le départ :
- Un design par type de widget. Vous l'adaptez avec les couleurs, la police et votre propre CSS, pas en choisissant entre plusieurs mises en page.
- La langue est définie dans le code d'intégration. Si votre site a une version anglaise et une version allemande, vous intégrez le widget avec le code de langue correspondant sur chacune. Le widget ne devine pas la langue du visiteur tout seul.
- Le contenu se modifie dans Restaurant Hub, pas dans le widget. C'est le principe, mais cela signifie que le widget ne peut pas afficher un plat qui n'est pas dans vos données de menu.
- Le script est placé une seule fois sur la page, même si la page affiche plusieurs widgets.
- Gardez un peu de texte rédigé par vous sur la page. Le widget charge le menu avec un script. Un court paragraphe dans la page elle-même sur votre cuisine, votre emplacement et vos horaires d'ouverture aide toujours les visiteurs et les moteurs de recherche à comprendre la page d'un coup d'œil.
Quand le PDF garde son sens
Il y a un endroit où le PDF reste le bon format : le papier. Un menu imprimé à table ou en vitrine a besoin d'une mise en page fixe. L'approche sensée est de générer ce PDF à partir des mêmes données de menu, plutôt que de garder un fichier de conception séparé qui s'éloigne lentement de la réalité. Restaurant Hub fait exactement cela avec son menu imprimable.
Sur le site, en revanche, le PDF n'a plus aucun avantage. Il est plus lent à mettre à jour, plus difficile à lire sur un téléphone, limité à une langue et ne peut pas prendre de réservation.
Pour commencer
Widget Creator est gratuit dans chaque espace de travail KIMISUITE. Les widgets de restaurant lisent leur contenu depuis Restaurant Hub, que vous pouvez ajouter au même espace de travail avec 14 jours d'essai gratuit. Construisez votre premier widget de menu, collez deux lignes dans votre site, et le prochain changement de prix se fera tout seul. Créez votre espace de travail gratuit.
