Commander en ligne avec Toast Pro : Personnalisation du menu

Dernière mise à jour : 20 août 2026, 11 h 05

Dans cet article, apprenez à personnaliser la police, la mise en page et les couleurs de votre menu à l'aide de Commander en ligne avec Toast Pro.

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

 

  1. Dans Toast Web, 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 mènera à la page d'accueil de Commander en ligne avec Toast Pro, où vous pourrez configurer votre site personnalisé. La fenêtre supérieure fournit des informations sur Commander en ligne avec Toast Pro et un aperçu de l'apparence que pourrait avoir votre site personnalisé sur un ordinateur et un téléphone mobile :
 
Remarque : Suivez les étapes de l'article Optimiser les Sites web de Toast pour configurer votre page de commande en ligne et la mettre en ligne.
Remarque : Si votre compte utilise les Sites web de Toast ou Digital Storefront Pro, la sélection de Configuration de l'image de marque et de la personnalisation vous dirigera vers l'éditeur de site web pour effectuer les modifications décrites ci-dessous, plutôt que vers une page de personnalisation distincte et autonome.

 

page d'image de marque et de personnalisation

 

Dans cet article :

 

Commander en ligne avec Toast Pro - Aperçu vidéo de la personnalisation du menu

 


 

Retour au haut de la page

Personnalisation du menu

Polices pour Commander en ligne avec Toast Pro

L'un des avantages de Commander en ligne avec Toast 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 modifiée :

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


Les polices sont globales sur toute la page. Par exemple, les articles alimentaires contenant du gluten ne peuvent pas avoir une police différente de celle des articles sans gluten (que ce soit dans l'en-tête ou dans le corps).

 

écran de personnalisation du menu pour Commander en ligne avec Toast Pro


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

La création et le téléchargement d'une police personnalisée s'effectuent à l'extérieur 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éversez-la dans Toast. Certaines étapes pour créer une police de caractères se trouvent dans cet article externe, Comment créer votre propre police.

 

Fenêtre contextuelle de choix de police personnalisée pour le téléversement
 

Retour au haut de la page

Exigences relatives aux images pour Commander en ligne avec Toast Pro

Commander en ligne avec Toast Pro propose des options de mise en page de menu qui optimisent les images d'articles carrées ou rectangulaires. Toutes les images rempliront le contenant dans la mise en page de menu sélectionnée. Les modèles de menu de Commander en ligne avec Toast Pro prennent en charge les rapports de forme 1:1 (carré), 4:3 (rectangle) et 16:9 (rectangle). Nous recommandons une hauteur ou une largeur minimale de 1000 pixels pour assurer une qualité d'image élevée.


Retour au haut de la page

Mise en page du menu de Commander en ligne avec Toast Pro

Cette section vous permet de modifier 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 - Emplacement de l'image sur la carte de menu pour la mise en page Image latérale
  • Style de coin de menu - Arrondi ou Carré
  • Orientation du groupe de menu

Options de mise en page du menu de Commander en ligne avec Toast Pro
 

Image latérale - cette option vous permet de choisir entre un rapport d'image carré ou rectangulaire pour vos articles de menu. 

Latéral - Exemple d'image de pain doré à l'avocat

 

Grande image - cette option n'affiche pas les descriptions des articles, mais la description sera visible une fois l'article 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 par rapport aux coins carrés

 

coins carrés ou coins arrondis
 

Groupes de menus sans images

 

Screenshot 2023-04-17 at 8.18.02 AM.png
 

Retour au haut de la page

Personnalisation des couleurs de Commander en ligne avec Toast Pro

Un autre avantage de Commander en ligne avec Toast 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 Commander en ligne avec Toast Pro :

  • Couleur d'arrière-plan - la couleur de tout l'arrière-plan de la page.
  • Couleur du texte du menu - la couleur du nom de l'article du menu.
  • Couleur du texte secondaire du menu - la couleur de la description de l'article du menu.
  • Couleur d'arrière-plan du menu - la couleur de la case de l'article du menu.


Les couleurs peuvent être modifiées à l'aide d'une échelle ou par glisser-déposer dans la fenêtre en sélectionnant la pipette à droite. Les utilisateurs peuvent également changer les couleurs en saisissant un code HEX dans l'espace à côté de l'aperçu ou en sélectionnant la pipette et en modifiant le code HEX au bas :

 

Screenshot 2023-04-17 at 8.23.25 AM.png

Remarque : Ces couleurs sont globales pour toute la page; Toast ne peut donc pas imposer que la police du menu A soit bleue, tandis que celle du menu B soit rouge.

Retour au haut de la page

Ressources supplémentaires