Comment créer un site de commande en ligne : menu, panier, créneaux de ramassage et écran de cuisine

Un site de commande en ligne permet à vos clients de choisir des plats dans votre menu, de personnaliser leurs articles, de choisir une heure de ramassage ou de livraison, de payer et de recevoir une confirmation, pendant que la cuisine voit chaque commande apparaître sur un écran et la marque prête. Pour en créer un, il faut un menu avec des options (tailles, suppléments, « sans oignons »), un panier qui calcule correctement les totaux, des créneaux horaires avec des limites pour que la cuisine ne soit pas submergée, des paiements par carte et un tableau de commandes simple pour le personnel. Un créateur d'applications IA peut produire tout cela à partir d'une description claire. Le travail se joue dans les détails : heures d'ouverture, articles épuisés, limites de commandes et ce qui se passe lorsqu'un paiement réussit, mais que la commande n'est pas enregistrée.

Ce dont le site a besoin

Données

Table	Champs clés
Catégories	Nom, ordre
Articles	Catégorie, nom, description, prix, photo, allergènes, disponible oui/non
Groupes d'options	Article, nom (« Taille », « Suppléments »), obligatoire oui/non, nombre minimal et maximal de choix
Options	Groupe, nom, variation de prix
Commandes	Numéro, nom du client, téléphone, courriel, type (ramassage ou livraison), adresse, heure du créneau, sous-total, frais, total, statut du paiement, statut de la commande
Lignes de commande	Commande, article, quantité, options choisies, prix de la ligne, note
Paramètres	Heures d'ouverture, durée des créneaux, nombre maximal de commandes par créneau, zones et frais de livraison

Enregistrez le nom et le prix de l'article sur chaque ligne de commande au moment de la commande. Si vous modifiez le menu plus tard, les anciennes commandes doivent toujours montrer ce que le client a réellement payé.

Autorisations

Les clients ne voient que leur propre commande, grâce au lien de confirmation. Le personnel de cuisine voit et met à jour les commandes, mais ne peut pas modifier les prix. Le propriétaire modifie le menu et les paramètres. Un compte de connexion partagé sur une tablette en cuisine est courant; le propriétaire, lui, devrait avoir le sien.

Décisions et compromis

Ramassage, livraison ou les deux

Le ramassage seulement est beaucoup plus simple, et c'est par là que la plupart des petits établissements devraient commencer. La livraison ajoute des zones, des frais, des commandes minimales, la validation des adresses, l'attribution aux livreurs et une liste plus longue de choses qui peuvent mal tourner.

Immédiat ou heures programmées

« Dès que possible » est facile à offrir, mais difficile à tenir un samedi soir achalandé. Des créneaux programmés avec des limites (par exemple, au plus huit commandes par fenêtre de 15 minutes) protègent la cuisine et fixent les attentes. Vous pouvez tout de même afficher « premier créneau disponible : 18 h 45 ».

Paiement à l'avance ou à la cueillette

Payer en ligne réduit les absences et accélère le ramassage. Payer à la cueillette est plus simple à construire, mais favorise les fausses commandes. La plupart des établissements prennent le paiement par carte à l'avance avec une page de paiement hébergée, comme Stripe Checkout; notre guide sur les paiements couvre la mise en place. Les pourboires, les taxes et les règles sur les reçus varient selon les pays : vérifiez les règles locales.

Comment les commandes arrivent en cuisine

Options : un onglet de navigateur sur une tablette qui se rafraîchit automatiquement (le plus simple), un courriel ou un message par commande en guise de copie de secours, ou l'envoi des commandes à une imprimante de reçus (ce qui demande du matériel supplémentaire et une configuration). Un son qui retentit à l'arrivée d'une nouvelle commande compte plus que vous ne le pensez.

Une première invite qui fonctionne

Crée un site de commande en ligne pour Casa Verde, un taco-bar à Austin, au Texas, pour le ramassage seulement. Catégories du menu : Tacos, Bols, Accompagnements, Boissons. Les articles ont des options : les tacos permettent de choisir une protéine (poulet, carnitas, champignons +1 $), une tortilla (maïs ou farine) et des suppléments facultatifs (guacamole +1,50 $, fromage +0,75 $); les bols permettent de choisir une base et une protéine. Les clients ajoutent des articles à un panier, choisissent un créneau de ramassage de 15 minutes pendant les heures d'ouverture (mardi au dimanche, de 11 h à 21 h, heure du Centre), entrent leur nom et leur téléphone, et voient un total avec une taxe de vente de 8,25 %. Limite chaque créneau à 8 commandes et cache les créneaux complets. Enregistre les commandes dans une base de données avec les statuts nouvelle, en préparation, prête et ramassée. Une page cuisine (connexion requise) affiche les commandes du jour par heure de ramassage, joue un son pour les nouvelles commandes et permet au personnel de faire avancer les commandes. Une page pour le propriétaire permet de modifier le menu, de marquer des articles comme épuisés et de suspendre les commandes. Le paiement par carte viendra plus tard : pour l'instant, les commandes sont « payer au ramassage ». Design audacieux, coloré, pensé d'abord pour le mobile, avec de grandes zones de toucher.

Commencer par le paiement au ramassage vous permet de tester tout le parcours de commande avec le personnel avant d'ajouter les paiements.

Étapes de construction

Menu et options. Faites fonctionner correctement le menu, les groupes d'options et les calculs de prix. Testez un article avec toutes les combinaisons d'options.
Panier et paiement. Quantités, notes, totaux, taxes, et un sélecteur de créneau qui respecte les heures d'ouverture.
Enregistrement de la commande et confirmation. Calcul du total côté serveur (ne faites jamais confiance au prix envoyé par le navigateur) et une page de confirmation avec le numéro de commande.
Tableau de cuisine. Liste en direct, son pour les nouvelles commandes, boutons de statut, texte assez grand pour être lu à un mètre.
Contrôles du propriétaire. Épuisé, suspension des commandes, limites par créneau, heures.
Paiements en mode test. Ne marquez une commande comme payée que lorsque le fournisseur de paiement le confirme, et gérez le cas où le paiement réussit mais la commande n'est pas enregistrée.
Notifications. Une confirmation par courriel ou par texto et un message « prête au ramassage » via votre propre fournisseur. Voir ajouter des notifications.
Un lancement progressif. Faites-le fonctionner avec le personnel et des amis pendant quelques jours, en surveillant autant le côté cuisine que le côté client.

Erreurs courantes

Calculer les prix seulement dans le navigateur. N'importe qui peut les modifier. Recalculez-les sur le serveur.
Aucun interrupteur « épuisé ». Vous vendrez la dernière portion cinq fois.
Aucune limite par créneau. Un vendredi achalandé se transforme en 40 commandes à livrer à 19 h.
Information sur les allergènes absente ou périmée. Affichez les allergènes par article et gardez-les à jour; les règles à ce sujet sont strictes dans de nombreux pays.
Confusion de fuseau horaire. Enregistrez les heures en UTC, affichez-les dans l'heure locale du restaurant, et testez près de minuit et lors des changements d'heure.
La tablette de cuisine se met en veille. Gardez l'écran allumé et vérifiez que les nouvelles commandes apparaissent sans rafraîchir la page.

Quand un produit prêt à l'emploi est le meilleur choix

Si vous voulez être trouvé par de nouveaux clients de votre secteur, les plateformes de livraison apportent une demande que vous ne pouvez pas facilement créer vous-même, en échange d'une commission. Si vous utilisez déjà un système de point de vente, vérifiez s'il inclut la commande en ligne : des commandes qui arrivent directement à votre caisse et à votre imprimante de cuisine sont difficiles à battre.

Construisez le vôtre lorsque vous voulez des commandes directes sans commission de la part de vos clients réguliers, un parcours de commande adapté à votre façon de travailler (commandes anticipées pour une boulangerie, plateaux pour traiteur, menu hebdomadaire de préparation de repas), ou une commande liée à un programme de fidélité ou à votre propre site web. Le guide du site web pour restaurant couvre le reste du site qui l'entoure.

Construire avec Mythex

Sur Mythex, vous décrivez le parcours de commande dans le clavardage, puis vous le vérifiez dans l'aperçu en direct, dans un cadre de taille téléphone. Les commandes et le menu vivent dans une base de données Postgres que l'agent ajoute lorsque vous demandez de les enregistrer. Les paiements par carte utilisent votre propre compte Stripe et vos clés, conservées comme secrets du projet; la recette Stripe montre l'invite à utiliser. Les textos et les courriels passent par votre propre fournisseur, puisque Mythex n'offre pas de produit intégré de paiement, de courriel ou de SMS. Les webhooks de paiement exigent que l'application soit publiée à une adresse publique. Avant le lancement, la commande /test demande à l'agent de parcourir la commande dans l'aperçu et de signaler ce qui ne fonctionne pas.

Pour une invite de départ, essayez les modèles page de commande de boulangerie ou page de commande de café, ou encore le créateur de boutique en ligne pour restaurant.

Questions

De quoi un site de commande en ligne a-t-il besoin?

D'un menu avec les prix, les options et les états « épuisé »; d'un panier; des détails de ramassage ou de livraison avec une heure; d'un paiement; d'une confirmation de commande; et d'un écran de cuisine où le personnel voit les nouvelles commandes et les marque prêtes.

Comment éviter de prendre plus de commandes que la cuisine peut en gérer?

Limitez les commandes par créneau. Divisez la journée en fenêtres de ramassage de 15 minutes, plafonnez le nombre de commandes ou d'articles acceptés par fenêtre, et permettez à la cuisine de suspendre les commandes d'un seul bouton lorsqu'elle est débordée.

Puis-je gérer la livraison moi-même?

Oui, si vous avez des livreurs. Définissez des zones de livraison par code postal ou par distance, fixez une commande minimale et des frais de livraison par zone, et donnez aux livreurs une liste simple des commandes avec les adresses. Beaucoup de restaurants commencent avec le ramassage seulement.

Mon propre site de commande est-il meilleur que les applications de livraison?

Votre propre site évite la commission par commande sur les commandes directes et conserve la relation avec le client, mais c'est vous qui attirez le trafic et qui assurez la livraison. La plupart des restaurants utilisent les deux : des plateformes pour la découverte, et leur propre site pour les clients réguliers.