Commander en ligne Pro : Personnalisation du menu

Dernière mise à jour : 12 nov. 2025, 12 h 36

Dans cet article, apprenez à personnaliser la police, la mise en page et les couleurs de votre menu en utilisant Toast Online Ordering Pro.

Avant de commencer, accédez à Commander en ligne Pro en suivant ces étapes :

 

  1. Dans Sites web de Toast, accédez à À emporter et Livraison, puis sélectionnez configuration de l’image de marque et de la personnalisation sous la sous-catégorie Image de marque et personnalisation.
  2. Cela vous amènera à la page d'accueil de Commander en ligne Pro, où vous pouvez configurer votre site de marque. La fenêtre supérieure fournit des informations sur Commander en ligne Pro et une vue de ce à quoi votre site de marque pourrait ressembler sur un ordinateur et un téléphone mobile :
 
Icône d’avertissementSi vous êtes un utilisateur de Vitrine numérique, suivez les étapes de l'article Optimiser les sites web de Toast pour configurer et mettre en ligne votre page de commande en ligne.

 

 

page de branding et personnalisation

 
Icône d’avertissementCommander en ligne Pro n'est pas disponible pour le Canada, l'Irlande et le Royaume-Uni. Veuillez revenir pour des mises à jour.

 

Dans cet article :

Vue d'ensemble de la vidéo de personnalisation du menu - Commander en ligne Pro

 


 

Retour vers le haut
 

Personnalisation du menu

Polices de Commander en ligne Pro

L'un des avantages de Commander en ligne Pro est que vous pouvez configurer différentes polices pour votre site. La valeur par défaut lors de la configuration pour les deux options sera ‘Effra, sans-serif’.

Il y a deux zones où la police peut être changée :
 

  • Texte de titre - Noms de menu, Noms d'articles, en-têtes de groupes de menu et noms d'articles de menu.
  • Corps - Mettre à jour les prix des articles, les descriptions des articles, les noms d'articles populaires (s'ils sont ajoutés), et/ou les boutons de groupe de menu.


Les polices sont globales sur toute la page. c'est-à-dire que les articles alimentaires contenant du gluten ne peuvent pas avoir une police, tandis que les articles sans gluten utilisent une autre (dans l'en-tête ou le corps).

 

écran de personnalisation de menu pour la commande en ligne Pro


Bien qu'il existe plusieurs options disponibles pour vous, vous pouvez également choisir de télécharger vos propres polices personnalisées. Les polices peuvent être directement téléchargées depuis votre ordinateur. Les polices doivent être au format .otf, .ttf et .woff pour être téléchargées.

Créer et télécharger une police personnalisée se fait en dehors de Toast (généralement avec Adobe Illustrator ou une application similaire). Une fois créée, téléchargez la police sur votre ordinateur et téléchargez-la dans Toast. Certaines étapes pour créer une police peuvent être trouvées dans cet article externe, Comment créer votre propre police.

 

Choisir une police personnalisée pour la fenêtre contextuelle de téléchargement
 

Retour vers le haut

Exigences d'image pour la commande en ligne Pro

Toast Online Ordering Pro a des options de mise en page de menu qui optimisent soit pour des images d'articles carrées, soit rectangulaires. Toutes les images rempliront le conteneur dans la mise en page de menu sélectionnée. Les modèles de menu de Toast Online Ordering Pro prennent en charge les rapports d'aspect 1:1 (carré), 4:3 (rectangle) et 16:9 (rectangle). Nous recommandons une hauteur ou une largeur minimale de 1000 pixels pour garantir une haute qualité d'image.


Retour vers le haut
 

Mise en page du menu de commande en ligne Pro

Cette section vous permet de changer la mise en page et l'apparence de vos articles de menu sur votre site.
 

  • 6 options de mise en page - 3 mises en page riches en photos, ou 3 mises en page plus simples, axées sur la police. 
  • Orientation de la carte - Placement de l'image sur la carte du menu pour la mise en page d'image latérale
  • Style de coin du menu - Arrondi ou Carré
  • Orientation du groupe de menu

Options de mise en page du menu de commande en ligne Pro
 

Image latérale - cette option vous permet de choisir entre un Carré ou Rectangle rapport d'image pour vos éléments de menu. 
 

Exemple d'image de toast à l'avocat latéral

 

Grande image - cette option n'affiche pas les descriptions des éléments, mais la description sera visible une fois l'élément sélectionné.
 

Exemple de grande image


Image en haut

 

exemple d'image en haut
 

Condensé
 

exemple de menu condensé
 

Empilé
 

exemple de menu empilé
 

Coins arrondis versus coins carrés

 

coins carrés vs coins arrondis
 

Groupes de menu sans images

 

Capture d'écran 2023-04-17 à 8.18.02 AM.png
 

Retour vers le haut
 

 Personnalisation des couleurs de commande en ligne Pro 

Un autre avantage de Toast Online Ordering Pro est qu'il vous permet de sélectionner des couleurs spécifiques pour personnaliser votre page de marque. 

Mettez à jour les couleurs dans quatre zones différentes de Toast Online Ordering Pro :
 

  • Couleur de fond - la couleur de l'ensemble de l'arrière-plan de la page.
  • Couleur du texte du menu - la couleur du nom de l'élément du menu.
  • Couleur du texte secondaire du menu - la couleur de la description de l'élément du menu.
  • Couleur de fond du menu - la couleur de la boîte de l'élément du menu.


Les couleurs peuvent être changées via un curseur/en faisant glisser et en déposant dans la fenêtre en sélectionnant le compte-gouttes à droite. Les utilisateurs peuvent également changer les couleurs en entrant un code HEX dans l'espace à côté de l'aperçu ou en sélectionnant le compte-gouttes et en changeant le code HEX en bas :

 

Capture d'écran 2023-04-17 à 8.23.25 AM.png

Remarque : Ces couleurs sont globales sur l'ensemble de la page, c'est-à-dire que Toast ne peut pas dicter que la police dans le Menu A doit être bleue, tandis que la police du Menu B doit être rouge.
 

Retour vers le haut
 

Ressources supplémentaires