Créer un tableau de menu pour votre restaurant

Dans easyCMS, un tableau de menu, ce sont deux choses distinctes. Le menu, ce sont vos catégories, vos plats et vos prix, rangés sous Tableaux de menu dans la Bibliothèque. La création est une mise en page qui affiche une catégorie de ce menu à l’écran. Une fois les deux en place, la personne au passe modifie un prix ou indique qu’un plat est épuisé, et personne ne rouvre la création.

Ce guide construit le tableau ci-dessous à partir de zéro, avec le modèle prêt à l’emploi easyCMS Menu Board : votre logo en haut à gauche, la catégorie en titre, une photo facultative et les prix alignés dans une seule colonne.

Le tableau terminé en 1920 × 1080. Tout ce qui s’y trouve vient du menu, sauf le logo, le titre et la photo, que vous choisissez une seule fois.

Avant de commencer

• Ce guide utilise easyCMS V4, sur app.myeasycms.com. Sur easyCMS V3, les écrans sont différents et le modèle prêt à l’emploi n’est pas disponible.
• Commencez par téléverser votre logo dans Bibliothèque > Médias, en PNG avec un fond transparent. Téléversez en même temps les photos de vos plats. Premiers pas explique comment faire.
• Le modèle est conçu pour un écran Full HD en paysage, 1920 × 1080. Pour un écran en portrait, voir Concevoir votre propre création plus bas.

Conseil Prévoyez une catégorie par écran. Un comptoir avec trois écrans affiche généralement Entrées, Plats et Desserts côte à côte, chacun sur sa propre mise en page.

Étape 1 : Créer le tableau de menu

1. Allez dans Bibliothèque > Tableaux de menu.
2. Cliquez sur Ajouter un tableau de menu.
3. Donnez-lui un Nom que vous reconnaîtrez, par exemple « Menu comptoir ». Le Code sert aux intégrations et peut rester vide. La Description est facultative et vous seul la voyez.
4. Cliquez sur Enregistrer.

Un seul tableau de menu contient tout votre menu. Vous le divisez ensuite en catégories.

Étape 2 : Ajouter les catégories

1. Ouvrez le menu de ligne du tableau de menu, les trois points au bout de sa ligne, et choisissez Voir les catégories.
2. Cliquez sur Ajouter une catégorie.
3. Saisissez un Nom, par exemple « Desserts ». Description et Média sont facultatifs. Ils ne servent que si vous concevez votre propre création.
4. Cliquez sur Suivant pour l’enregistrer et passer directement à la catégorie suivante, ou sur Enregistrer pour la dernière.

C’est par le menu de ligne que vous passez d’un tableau de menu à ses catégories.

Étape 3 : Ajouter les plats et les prix

1. Dans la liste des catégories, ouvrez le menu de ligne d’une catégorie et choisissez Voir les produits.
2. Cliquez sur Ajouter un produit et remplissez l’onglet Général  :
   • Nom : le plat tel que les clients doivent le lire.
   • Prix : uniquement le nombre, par exemple 7.90. Le modèle ajoute le symbole de la devise.
   • Ordre d’affichage : 1 pour le premier plat, 2 pour le suivant, et ainsi de suite. Laissez des écarts de dix si vous comptez intercaler des plats plus tard.
   • Média : une photo facultative du plat, prise dans votre Bibliothèque.
   • Disponibilité : laissez-la sur Activé. Désactivez-la quand le plat est épuisé.
3. Dans l’onglet Détails, ajoutez une courte Description, les Informations sur les allergènes et les Calories si vous voulez les afficher à l’écran.
4. Cliquez sur Suivant pour enregistrer et ajouter un autre plat, ou sur Enregistrer quand vous avez terminé.

Chaque catégorie a sa propre liste de plats, accessible par Voir les produits.

Saisissez les prix comme de simples nombres. Leur apparence à l’écran se règle une seule fois, dans le modèle.

Tailles et suppléments

L’onglet Options du produit contient les variantes qui ont leur propre prix : une ou deux boules, un petit ou un grand verre, un supplément de garniture. Chaque option est un nom et un prix, et + ajoute une ligne.

Les options s’affichent à l’écran sous le plat, chacune avec son prix.

Les options s’affichent dans l’ordre alphabétique de leur nom. Pour maîtriser l’ordre, commencez les noms par ce qui doit venir en premier, par exemple « 1 boule » et « 2 boules ».

Vérifier la liste

La liste des produits affiche tous les plats de la catégorie, avec des onglets en haut pour passer d’une catégorie à l’autre. La colonne Disponibilité montre d’un coup d’œil ce qui est proposé et ce qui est épuisé.

Une croix dans la colonne Disponibilité signifie que le plat est désactivé.

Étape 4 : Placer le menu sur une mise en page

Créez une mise en page dans Création > Mises en page avec Ajouter une mise en page, et nommez-la d’après l’écran, par exemple « Menu comptoir - Desserts ». Laissez la Résolution sur 1080p HD Paysage. Votre première mise en page présente l’éditeur si vous ne le connaissez pas encore.

Ajouter le modèle

1. Ouvrez la Boîte à outils, l’icône du haut sur le bord gauche de l’éditeur.
2. Sous Widgets de données, cliquez sur la petite flèche de la carte Tableau de menu : Produits.
3. Sous Modèles statiques, faites glisser easyCMS Menu Board sur la toile.

Le modèle se trouve sous Modèles statiques, sous les éléments individuels.

Le passer en plein écran

Le modèle apparaît sous la forme d’un petit carré au milieu de la toile.

1. Après l’avoir sélectionné, ouvrez l’onglet Positionnement, l’icône en grille à droite de Avancé dans le panneau de droite.
2. Cliquez sur Passer en plein écran.

Tant que vous n’avez pas choisi de menu, la toile affiche « Aucun fournisseur de données configuré ». C’est normal.

Choisir le menu

Dans l’onglet Configurer :

1. Menu : choisissez votre tableau de menu.
2. Catégorie : choisissez la catégorie affichée sur cet écran.
3. Trier par : laissez Ordre d’affichage, pour que les plats suivent les numéros que vous leur avez donnés.
4. Afficher les produits indisponibles ? : cochez cette case si un plat épuisé doit rester sur le tableau, marqué comme épuisé. Si elle reste décochée, les plats épuisés disparaissent de l’écran jusqu’à ce que vous les réactiviez.

Ne touchez pas aux limites de lignes. Elles servent à répartir une longue catégorie sur deux écrans.

Dès qu’une catégorie est choisie, la toile affiche les vrais plats et les vrais prix.

Ajouter votre logo et personnaliser le style

L’onglet Apparence regroupe tout ce qui personnalise le tableau. Vous le réglez une seule fois.

Le logo et la photo principale se choisissent dans votre Bibliothèque.

Lorsque Afficher les photos des produits est coché, chaque plat a sa propre image et la photo principale reste généralement vide.

Photos des produits et informations sur les allergies activées. Les plats proviennent du même menu.

Quand la catégorie ne tient pas sur un seul écran

Le modèle ne comprime jamais le texte pour le faire tenir. Lorsqu’une catégorie contient plus de plats que la place disponible, il les répartit en pages et passe à la page suivante au bout de la durée définie dans Secondes par page. Gardez une durée de mise en page au moins égale à celle de toutes les pages réunies, sinon la dernière page ne s’affiche jamais. Deux pages de 12 secondes nécessitent au moins 24 secondes.

De toute façon, moins de plats par écran se lit mieux. Si une catégorie s’étend régulièrement sur trois pages, répartissez-la sur deux écrans avec les limites de lignes, ou scindez-la en deux catégories.

Étape 5 : Publier et programmer

Une mise en page n’est diffusée nulle part tant qu’elle n’est pas publiée :

1. Ouvrez le menu à trois lignes en haut à droite de l'éditeur.
2. Choisissez Publier.

Placez-la ensuite à l’écran, soit comme mise en page par défaut de l’écran, soit avec une programmation. Planifier votre premier contenu couvre les deux cas. Pour afficher un menu du petit-déjeuner le matin et celui du dîner le soir, programmez une mise en page par service. Consultez fuseaux horaires et dayparting.

Modifier les prix et les plats par la suite

Retournez dans Bibliothèque > Menu Boards, ouvrez les produits de la catégorie et modifiez le plat :

• Nouveau prix : modifiez le produit, changez Prix, Enregistrer.
• Épuisé : modifiez le produit, désactivez Disponibilité, Enregistrer. Réactivez-la quand le plat revient.
• Nouveau plat : Ajouter un produit dans la bonne catégorie, avec un ordre d’affichage qui le place où vous le souhaitez.

Vous n’ouvrez pas la mise en page et ne republiez rien. Chaque écran affichant cette catégorie récupère la modification à sa prochaine vérification. Cela prend généralement quelques minutes, ce n’est pas instantané, alors changez un prix avant le service plutôt que pendant que la file attend au comptoir.

Attention Les informations sur les allergies à l’écran soutiennent votre procédure. Elles ne remplacent pas la documentation sur les allergènes exigée par votre réglementation locale. Tenez la version papier à jour et confiez la responsabilité des deux à une seule personne.

Concevoir votre propre création

Le modèle convient à la plupart des restaurants. Pour un écran en mode portrait ou un design personnel, construisez plutôt le tableau à partir d’éléments :

• Menu Board : Produits propose des éléments pour le nom, la description, le prix, les infos allergies, la photo, les calories, ainsi que Options : nom et Options : valeur.
• Menu Board : Catégorie propose des éléments pour le nom, la description et la photo de la catégorie, pratiques pour les en-têtes.

Faites glisser les éléments nécessaires sur le canevas et mettez chacun en forme dans son onglet Apparence. Placer plusieurs fois le même élément affiche le plat suivant dans chaque copie. Créer des mises en page traite des éléments plus en détail.

Si quelque chose ne s’affiche pas correctement

• Le canevas indique “No data providers configured”. Choisissez un Menu et une Catégorie dans l’onglet Configurer.
• Un plat est absent. Vérifiez que sa Disponibilité est activée, ou cochez Afficher les produits indisponibles ?. Vérifiez qu’il se trouve dans la catégorie affichée par cet écran.
• Les prix affichent le mauvais symbole ou séparateur. Modifiez-les sous Prix dans l’onglet Apparence. Les prix du menu restent de simples nombres.
• L’écran affiche encore un ancien prix. Le lecteur n’a pas encore effectué sa vérification. Lecteur connecté mais pas à jour indique quoi vérifier.
• Menu Boards n’apparaît pas dans votre menu Bibliothèque, ou le modèle n’est pas dans la boîte à outils. Votre compte n’est pas encore configuré pour cela. Ouvrez une demande d’assistance et nous les activerons.

Pour l’aspect design d’un bon tableau, la distance de lecture, la taille des caractères et le nombre de plats qu’un écran peut contenir, consultez tableaux de menu numériques.

Articles liés : Votre première mise en page, Planifier votre premier contenu, Contenu dynamique avec les DataSets, Fuseaux horaires et dayparting