Concevoir la page de commande

Dans Site web, choisissez la page de commande et basculez entre page et fiche article. Le catalogue reste géré dans Menu.

Choisir disposition et navigation du menu

Sélectionnez le menu et les dispositions ordinateur/mobile. Réglez bannières de groupes, navigation, prix et descriptions avec les contrôles proposés. Les groupes de menu organisent l’affichage public ; les catégories internes ne créent pas de sections publiques.

Distinguer les cartes et leurs groupes

Dans Site web → Liste des articles, les cartes disponibles sur cette page (par exemple BASSARI et HALAVI) ont leurs propres onglets soulignés lorsqu’il y en a plusieurs. Un onglet affiche uniquement les articles et groupes de cette carte. Le réglage Menu des catégories concerne les groupes de la carte sélectionnée, par exemple Sandwichs et Boissons. Le réglage Style du menu des catégories applique Texte simple, Pastille, Arrondi ou Souligné aux groupes sur ordinateur et mobile. Les onglets des cartes restent soulignés. Les titres de groupes longs reviennent à la ligne sans élargir la page ; vérifiez aussi la lisibilité du groupe sélectionné dans le style de couleurs choisi. Masquer le Menu des catégories retire seulement les liens des groupes : les onglets des cartes restent accessibles. Titres des catégories contrôle les titres de groupes dans la liste. Vérifiez les deux cartes dans l’aperçu, puis publiez et contrôlez le lien public sur ordinateur et mobile. Si un onglet manque, vérifiez le canal Web, les cartes sélectionnées dans Paramètres de la page et la présence d’articles visibles dans leurs groupes.

Personnaliser la fiche article

Dans Site web → Liste des articles, ouvrez Fiche article. Présentation compacte applique une photo 16:9, une largeur compacte et des coins arrondis en conservant le style de couleurs attribué et le cadrage enregistré. Largeur, coins, proportions et ajustement restent réglables séparément. Un format déjà choisi reste appliqué tant que vous ne le modifiez pas ; sans réglage, la photo utilise le 16:9. Plein écran sur mobile et Photo en couverture conservent leurs formes de fenêtre sur mobile. La photo commence en haut avec la fermeture superposée ; sans photo, un espace est réservé à cette fermeture. Le nom, la portion renseignée, le prix et la description précèdent les options. La quantité et Ajouter au panier restent ensemble en bas pendant le défilement. Le titre et la fermeture restent accessibles après la photo. Les couleurs proviennent du style partagé sélectionné : fond, titre, description, prix, options, sélections, pied et bouton restent réglables dans Design du site. Le compteur utilise les couleurs de fond et de texte des options. L’aperçu montre les couleurs du bouton sans ajouter au panier réel. Vérifiez variantes, choix obligatoires, limites de stock et notes, rechargez le brouillon puis publiez et contrôlez le lien public sur ordinateur et mobile. Le design ne change ni les prix ni la disponibilité à la commande. Les formules conservent le même style de fiche ; consultez leur composition.

Placer les contenus de découverte

Modifiez titre de découverte, position d’image, hauteur/arrondi des cartes et couleurs du panneau. Choisissez l’emplacement relatif au menu/groupe ou après un nombre d’articles lorsque proposé. Prévisualisez groupes vides et remplis sur mobile.

Vérifier l’entrée de commande sur mobile

Lorsque l’invitation est activée, sur mobile et bureau, vérifiez que Commander sans compte est immédiatement visible et utilisable, avec Me connecter en option. Avant le choix, ni champ d’adresse ni confirmation ne doivent apparaître. Vérifiez l’ouverture/fermeture de la connexion et l’accès invité : adresse en Livraison, informations de retrait sans adresse de livraison en Retrait. Retour doit conserver le brouillon ; le choix invité ne se répète pas à chaque changement de service ou réouverture. Contrôlez aussi la carte d’adresse validée d’un client connecté et Modifier. Dans une hauteur visible de 360 px avec au moins quatre résultats, quatre suggestions entières de 44 px doivent rester visibles. Le titre, les onglets, Retour et le champ gardent leur position pendant l’ouverture et la fermeture du clavier. Vérifiez les écrans de 320 px, le bureau et le français, l’hébreu et l’anglais. Me connecter ouvre Google et le formulaire e-mail + mot de passe. Facebook et Apple apparaissent seulement si le service les a configurés. La connexion par e-mail + code seul n’est plus proposée. Les codes de création, de vérification d’adresse et de récupération de mot de passe restent distincts. Vérifiez la fermeture et la reprise sans perte du brouillon, sur mobile et bureau ; les quatre suggestions entières avec clavier ouvert gardent la même géométrie. Les boutons de connexion ne doivent pas réintroduire un déplacement des onglets ou du champ. Après sélection d’une adresse livrable, vérifiez la même présentation Date/Heure qu’en retrait et les frais calculés pour cette adresse. Testez un tarif nul et un tarif payant dans la devise du restaurant. Les modes automatique et horaire à confirmer gardent leur présentation sans choix d’heure.

Accès aux nouveaux réglages

L’invitation à se connecter avant de commander se règle dans Site web → Parcours de commande → Afficher l’invitation à se connecter à l’arrivée. Désactivée, elle laisse entrer directement les informations de retrait ou de livraison ; activée, Commander sans compte reste immédiatement visible. Enregistrez le brouillon puis publiez pour appliquer ce choix. Voir le réglage du parcours. Lorsque l’invitation est désactivée, un lien discret Se connecter reste disponible dans la fenêtre de retrait ou de livraison. Il ouvre la connexion uniquement à la demande ; fermer cette fenêtre conserve les informations déjà saisies et permet de poursuivre sans compte.

Séparer les couleurs des cartes et des catégories

Dans Design du site → Couleurs, sélectionnez le style utilisé par la Liste des articles, puis ouvrez Personnaliser les couleurs du menu → Menu des catégories. Texte des cartes règle les noms et le soulignement des onglets des cartes, par exemple BASSARI et HALAVI. Texte des catégories règle les liens des groupes non sélectionnés, ainsi que la recherche et ses icônes. Le texte du groupe sélectionné conserve son réglage de texte actif. Les deux couleurs sont indépendantes : modifier ou rétablir automatiquement un champ ne modifie pas l’autre. Sans couleur choisie pour les cartes, leur texte utilise la couleur de paragraphe du style si elle est lisible sur la barre, sinon un texte clair ou sombre adapté. Vérifiez les deux niveaux dans l’aperçu, rechargez pour contrôler l’enregistrement du brouillon, puis publiez et vérifiez ordinateur et mobile. Si la mauvaise couleur apparaît, contrôlez le style affecté à la Liste des articles ; le préréglage Wolt utilise sa palette dédiée.