Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment configurer la commande de nourriture en ligne pour les restaurants dans WordPress

Chaque propriétaire de restaurant sait que des options de commande pratiques fidélisent les clients.

Lorsque les gens peuvent facilement passer des commandes en ligne et savoir exactement quand leur nourriture sera prête, ils sont plus susceptibles de devenir des habitués qui commandent fréquemment.

Créer votre propre système de commande en ligne via WordPress vous donne le contrôle de cette expérience client.

Nous avons testé plusieurs plugins WordPress pour les systèmes de commande de restaurant afin de trouver ceux qui offrent une fonctionnalité fluide et des résultats professionnels pour différents types de restaurants.

Dans ce guide étape par étape, vous apprendrez à créer un système de commande en ligne qui correspond aux besoins uniques de votre restaurant.

Mise en place de la commande de repas en ligne pour les restaurants

Ce dont vous avez besoin pour mettre en place la commande de nourriture en ligne

Vous aurez besoin d'un site Web pour mettre en place la commande de nourriture en ligne pour votre restaurant.

Si vous n'avez pas encore de site Web, ne vous inquiétez pas. Vous pouvez facilement créer un site Web en utilisant WordPress, qui est le meilleur constructeur de site Web au monde, utilisé par des millions de petites entreprises.

Créer un site Web WordPress ne va pas non plus trop entamer votre marge bénéficiaire. Bluehost, l'un des fournisseurs d'hébergement recommandés par WordPress, offre à nos lecteurs une excellente affaire.

Code promo Bluehost

En gros, vous pouvez obtenir un nom de domaine gratuit, un SSL gratuit et une ÉNORME réduction sur l'hébergement Web.

Il existe également une multitude de superbes thèmes WordPress pour restaurants. Un thème est comme un modèle pour votre site web. En choisir un bon aidera votre site à paraître professionnel et digne de confiance, encourageant ainsi les clients à commander chez vous.

Cela dit, voyons comment ajouter facilement la commande de nourriture en ligne à votre site web.

Ajouter la commande de nourriture en ligne à votre site web

Une fois que votre site WordPress est configuré, vous pouvez facilement ajouter un formulaire en ligne pour que les clients puissent commander de la nourriture.

La façon la plus simple de le faire est d'utiliser WPForms, qui est le meilleur plugin constructeur de formulaires WordPress. Il vous permet de créer facilement des formulaires en ligne sur votre site web (sans codage requis).

De plus, lors de nos tests, nous avons constaté que le plugin permet de visualiser très facilement toutes les entrées de vos formulaires directement depuis le tableau de bord. Cela signifie que vous ne perdrez jamais la trace des commandes passées sur votre site. Pour en savoir plus sur notre expérience, consultez notre avis sur WPForms.

Tout d'abord, vous devez installer et activer le plugin WPForms. Si vous n'êtes pas sûr de la procédure, consultez nos instructions complètes sur comment installer un plugin WordPress.

Après activation, visitez la page WPForms » Paramètres depuis la barre latérale d'administration de WordPress pour saisir votre clé de licence.

Vous pouvez trouver ces informations dans votre compte sur le site Web de WPForms.

Entrez votre clé de licence pour WPForms

Ensuite, visitez la page WPForms » Ajouter un nouveau dans votre tableau de bord WordPress pour créer votre formulaire de commande de nourriture en ligne.

Tout d'abord, vous devez saisir un nom pour votre nouveau formulaire. Il peut s'agir de tout ce qui vous semble logique, car les clients ne verront pas ce titre, sauf si vous le souhaitez.

Ensuite, faites défiler jusqu'à la section « Sélectionner un modèle » et recherchez le « Formulaire de commande à emporter ».

Ajouter le modèle de formulaire de commande à emporter

Une fois que vous l'avez trouvé, cliquez simplement sur le modèle pour le lancer dans le constructeur de formulaires.

Une fois le formulaire ouvert, vous remarquerez qu'il est conçu pour la commande de pizzas à emporter. Vous pouvez cependant le modifier comme vous le souhaitez. Cliquez simplement sur un champ (une partie du formulaire) pour le modifier.

Le formulaire de commande à emporter nouvellement créé, avec les champs par défaut

Nous allons modifier le champ « Quel type de pizza souhaitez-vous ? » en haut du formulaire.

Vous pouvez modifier l'étiquette du champ. Il s'agit de la question ou de l'invite à laquelle le client doit répondre.

Vous pouvez également modifier les choix et les supprimer ou les ajouter à l'aide des boutons (+) et (-).

Modification de l'étiquette et des options d'un champ

Vous pouvez également ajouter d'autres champs à votre formulaire. Par exemple, vous voudrez probablement ajouter un champ pour que les clients puissent spécifier l'heure à laquelle ils souhaitent leur livraison.

Pour ajouter un champ, cliquez sur l'onglet « Ajouter des champs » sur le côté gauche de votre écran. Ensuite, faites défiler jusqu'à la section « Champs fantaisie » et trouvez le champ « Date / Heure ».

Faites glisser et déposez ce champ où vous le souhaitez sur votre formulaire.

Ajout d'un champ date/heure à WPForms

Comme précédemment, vous pouvez cliquer sur le champ pour le modifier.

Vous pouvez ensuite modifier l'étiquette, le format ou la description du champ selon vos préférences.

Modification du champ date/heure pour qu'il n'affiche que l'heure

Dans les options « Avancées » du champ, vous pouvez choisir de modifier les différents intervalles proposés. Les options sont 15 minutes, 30 minutes ou 1 heure.

Il est conseillé de rendre le champ « Adresse » de votre formulaire obligatoire. En définissant un champ comme « Requis », vous empêchez le client de soumettre le formulaire tant qu'il ne l'a pas complété.

Cliquez simplement sur le champ « Adresse » pour le modifier, puis cochez la case « Requis » sur le côté gauche de l'écran.

Faire de l'adresse un champ obligatoire sur votre formulaire

Lorsque vous avez terminé de créer votre formulaire, cliquez sur « Enregistrer » en haut de l'écran avant de passer à l'étape suivante.

Configuration des notifications pour votre formulaire de commande de nourriture

Vous devrez vous assurer que les commandes parviennent aux bonnes personnes. WPForms envoie automatiquement un e-mail à l'administrateur de votre site Web, mais ce n'est peut-être pas là que vous souhaitez que les commandes soient envoyées.

Tout d'abord, vous devez cliquer sur l'onglet « Paramètres » sur le côté gauche de votre écran.

Ensuite, basculez vers l'onglet « Notifications », où vous verrez la notification par défaut sur la droite.

Afficher les notifications pour votre formulaire de commande de nourriture en ligne

À partir d'ici, vous pouvez modifier l'adresse e-mail d'envoi pour qu'elle soit différente de celle de l'administrateur de votre site web administrateur.

Vous pouvez simplement supprimer {admin_email} et y saisir une ou plusieurs adresses e-mail. Assurez-vous de séparer les adresses e-mail multiples par une virgule.

Entrez les adresses e-mail auxquelles vous souhaitez que le formulaire soit envoyé, séparées par des virgules

Vous voudrez peut-être aussi changer la ligne d'objet pour que vos commandes n'aient pas toutes le même objet. Vous pouvez facilement inclure le nom du client dans la ligne d'objet en utilisant les balises intelligentes.

Cliquez simplement sur « Balises intelligentes » et faites défiler jusqu'à « Nom ». Cliquez dessus, et WPForms insérera le code correct pour cela dans votre ligne d'objet. Dans ce cas, c'est {field_id="3"}.

Pour des instructions détaillées, veuillez consulter notre tutoriel sur comment envoyer des e-mails de confirmation après la soumission d'un formulaire dans WordPress.

Modifier la ligne d'objet de l'e-mail pour votre notification

Une fois que vous êtes satisfait de la notification, cliquez simplement sur « Enregistrer » en haut de l'écran.

💡 Astuce : WPForms enregistre les entrées du formulaire dans la base de données WordPress, alors ne vous inquiétez pas si vous supprimez accidentellement une commande de votre boîte de réception.

Pour voir toutes les commandes, allez dans WPForms » Entrées dans votre tableau de bord. Cliquez sur le nom de votre formulaire pour afficher les commandes.

Vous pouvez également configurer une notification par e-mail pour vos clients en cliquant sur le bouton « Ajouter une nouvelle notification ».

Cliquez sur le bouton 'Ajouter une nouvelle notification' pour créer une nouvelle notification

Cela ouvrira une invite à l'écran vous demandant de saisir un nom pour une nouvelle notification.

Vous pouvez utiliser ce qui vous semble logique ici, car le client ne le verra pas.

Saisir un nom pour la notification qui sera envoyée au client

Maintenant, pour envoyer l'e-mail de confirmation de commande au client, vous devrez supprimer {admin_email} de la case « Envoyer à l'adresse e-mail ».

Après cela, cliquez sur l'option « Afficher les balises intelligentes » en haut du champ et ajoutez la balise intelligente « E-mail ».

Votre message de confirmation sera maintenant envoyé aux utilisateurs au lieu de l'administrateur de votre site WordPress.

Configuration du reçu client afin qu'il soit envoyé par e-mail au client

Ensuite, vous voudrez changer l'objet de l'e-mail et vos coordonnées. Tapez simplement ce que vous voulez utiliser ici.

Vous pouvez également ajouter les détails des commandes de votre client dans le champ « Message » à l'aide de balises intelligentes.

Pour des instructions détaillées, veuillez consulter notre tutoriel sur comment créer un formulaire de contact avec plusieurs destinataires.

Modifier le nom et l'adresse e-mail que les clients verront sur vos e-mails

Une fois que vous êtes satisfait de la notification client, cliquez sur « Enregistrer » en haut de l'écran.

Astuce : Pour revenir à la première notification que vous étiez en train de modifier, faites simplement défiler vers le bas.

Modification du message de confirmation que votre client voit

Lorsque votre client remplit le formulaire, WPForms lui affichera un message pour confirmer que le formulaire a été soumis avec succès.

Vous pouvez modifier ce message en allant dans Paramètres » Confirmations. Tapez simplement le message que vous souhaitez dans la boîte. Vous pouvez même utiliser l'éditeur visuel pour formater ce message.

Création d'un message de confirmation que votre client verra après avoir soumis le formulaire

Vous pouvez également choisir de changer le « Type de confirmation » et d'envoyer le client vers une page de remerciement si vous le souhaitez.

Une fois que vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer » pour sauvegarder vos paramètres.

Paiement via votre formulaire de commande de nourriture

Le formulaire de commande à emporter standard n'est pas configuré pour les paiements. C'est bien si vous n'acceptez que les espèces à la livraison. Cependant, dans certaines situations, vous pourriez préférer que le client effectue un paiement en ligne anticipé.

Si vous souhaitez accepter les paiements, vous devrez configurer votre formulaire avec des champs spéciaux qui calculent ce que le client doit et l'utiliser avec un processeur de paiement tel que PayPal.

Pour ce faire, allez dans l'onglet « Champs » dans la colonne de gauche et faites défiler jusqu'à la section « Champs de paiement ».

Ensuite, remplacez tous vos champs qui listent les prix par l'un des champs « Article ».

Les différents champs de paiement disponibles dans WPForms

Sur notre formulaire, nous avons supprimé le champ d'origine « Pour combien de personnes le repas est-il ? » que nous utilisions.

Nous l'avons remplacé par le champ de paiement « Articles multiples ».

Ajout d'un champ de paiement à plusieurs articles à votre formulaire

Lorsque vous utilisez des champs de paiement dans votre formulaire, vous devez vous assurer d'inclure également un champ « Total ». Ceci afin que votre formulaire puisse afficher au client le total qu'il paiera.

Encore une fois, faites simplement glisser et déposez le champ « Total » depuis « Champs de paiement » où vous le souhaitez sur votre formulaire.

Ajout du champ 'Total' à votre formulaire de commande

Assurez-vous d'enregistrer votre formulaire après avoir effectué des modifications.

Ensuite, vous devrez choisir un processeur de paiement à utiliser avec votre formulaire. WPForms s'intègre parfaitement avec PayPal et Stripe. Pour ajouter l'un de ceux-ci, visitez la page WPForms » Extensions depuis votre tableau de bord WordPress.

Nous allons utiliser le « Module complémentaire PayPal Standard » pour notre formulaire.

Localisez et cliquez simplement sur le bouton « Installer l'extension » pour la passerelle de paiement.

Installation du module complémentaire PayPal pour WPForms

Revenez maintenant à votre formulaire de commande de nourriture depuis la page WPForms » Tous les formulaires dans votre zone d'administration WordPress.

Une fois sur place, cliquez simplement sur l'onglet « Paiements » de votre formulaire et sélectionnez l'intégration de paiement que vous souhaitez utiliser.

Sélectionner le(s) service(s) de paiement à intégrer à votre formulaire

Assurez-vous de cocher la case « Activer les paiements PayPal Standard » pour activer cette fonctionnalité pour votre formulaire.

Ensuite, vous devez entrer l'adresse e-mail PayPal que vous utilisez pour votre restaurant. Laissez le « Mode » réglé sur « Production » et le « Type de paiement » réglé sur « Produits et services ».

La page des paramètres de paiement PayPal pour votre formulaire

Vous pouvez changer « Expédition » en « Ne pas demander d'adresse » si vous le souhaitez, car le client aura déjà rempli son adresse sur le formulaire de commande.

Cliquez sur « Enregistrer » en haut de l'écran.

Votre formulaire redirigera désormais automatiquement les clients vers PayPal après qu'ils auront soumis leur commande.

Ajout du formulaire de commande de nourriture en ligne à votre site

Enfin, vous devez ajouter le formulaire que vous avez créé à votre site web.

Tout d'abord, vous devrez choisir une page existante ou en créer une nouvelle pour y placer le formulaire. Pour créer une page, allez dans Pages » Ajouter dans votre tableau de bord WordPress.

Une fois sur place, cliquez sur le bouton « Ajouter un bloc » (+) pour ouvrir le menu des blocs. Ensuite, trouvez et ajoutez simplement le bloc WPForms à la page.

Ajouter un formulaire de commande en ligne

Après cela, vous devrez sélectionner le formulaire de commande en ligne que vous avez créé dans le menu déroulant du bloc lui-même.

Il sera alors automatiquement ajouté à votre page. Publiez simplement (ou mettez à jour) votre page pour mettre le formulaire en ligne sur votre site web.

Nous vous recommandons de tester votre formulaire pour vous assurer qu'il fonctionne comme prévu. Vérifiez que vous recevez la notification par e-mail. Sinon, vous pouvez suivre nos instructions pour résoudre le problème d'envoi d'e-mails par WordPress.

Bonus : Créez un menu de restaurant en ligne dans WordPress

Si vous avez configuré la commande de nourriture en ligne, il est également judicieux de créer une page de menu sur votre site web de restaurant.

Cela permettra aux clients de parcourir plus facilement vos produits et de prendre une décision. L'inclusion d'articles de menu et de descriptions sur votre site web peut même améliorer le référencement. Cela signifie que lorsque les visiteurs recherchent un restaurant dans votre région, votre site web apparaîtra dans les premiers résultats de recherche.

Vous pouvez facilement créer un menu de restaurant attrayant avec SeedProd. À notre avis, c'est le meilleur constructeur de pages WordPress du marché. Il est livré avec un constructeur par glisser-déposer, une intégration avec les services de marketing par e-mail et plus de 300 modèles prédéfinis.

Nous avons même utilisé SeedProd pour créer des sites eCommerce entiers, et nous avons eu une excellente expérience avec lui. Pour plus de détails sur le plugin, consultez notre avis sur SeedProd.

SeedProd

Après l'installation du plugin, visitez simplement l'écran SeedProd » Pages de destination où vous devez cliquer sur le bouton « Ajouter une nouvelle page de destination ».

Cela vous mènera à l'écran « Sélectionner un modèle » où vous pourrez choisir parmi tous les modèles prédéfinis qui vous plaisent.

Sélectionner un modèle de page de destination

Une fois que vous aurez fait cela, la page de destination sera lancée dans le constructeur par glisser-déposer.

À partir de là, vous pouvez utiliser les blocs de titre, de paragraphe et d'image dans la colonne de gauche pour créer un menu de restaurant visuellement attrayant pour votre site Web.

Ajouter le prix de l'article du menu

Pour des instructions plus détaillées, vous pouvez consulter notre tutoriel sur comment créer facilement un menu de restaurant en ligne dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment configurer la commande de nourriture en ligne pour les restaurants. Vous pourriez également être intéressé par notre guide pour débutants sur la configuration e-commerce WordPress et notre excellente liste de façons d'utiliser la logique conditionnelle dans les formulaires WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

8 CommentsLeave a Reply

  1. J'ai aidé quelques restaurants locaux à passer aux commandes en ligne et je n'avais jamais pensé à utiliser WPForms pour cela !
    Merci pour les instructions étape par étape sur l'utilisation de WPForms pour créer un formulaire de commande personnalisable.
    J'ai WPForms installé sur les sites web mais je n'ai jamais créé de formulaire de commande. Je vais en créer un.
    Je vais également tester la logique conditionnelle dans WPForms pour afficher ou masquer certains éléments du menu en fonction des sélections précédentes du client. Cela peut aider à simplifier le processus de commande et à réduire la confusion.
    Cet article m'a donné quelques idées à tester.
    MERCI WPBeginner ! Vous êtes les meilleurs !

  2. merci pour ce guide.
    Je pense que wpform est tellement puissant qu'il peut être utilisé pour des tâches liées à des formulaires multi-usages.
    Nous pouvons créer des formulaires basés sur des sondages où l'on peut soumettre un sondage lié à quelque chose, nous pouvons créer des formulaires de feedback et d'autres.
    Je pensais qu'il pourrait y avoir un plugin dédié à cette tâche, mais grâce à wpforms, cette tâche peut être facilement accomplie via wpforms.

  3. Bonjour,

    Tout d'abord, merci pour cette vidéo.

    J'ai besoin d'un site web Wordpress pour mon restaurant, est-il possible de télécharger une application sur la tablette de mon restaurant pour que toutes les commandes soient visibles par mon équipe ?

    • Cela dépendrait des outils que vous utilisez normalement pour les commandes.

      Admin

    • Vous voudriez inclure la taxe dans le coût de chaque produit pour le moment avec cette méthode.

      Admin

  4. Bonjour,

    Excellent guide. Cela fonctionnera-t-il avec la version gratuite de WP Forms ?

    Merci,

    • La méthode que nous couvrons dans ce guide est pour l'utilisation de la version payante du plugin et ne serait pas pour la version gratuite.

      Admin

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.