La création d’un service de commande de nourriture en ligne peut sembler trop technique.La bonne nouvelle est qu’il est assez facile à configurer.
Dans ce guide, nous allons partager étape par étape comment configurer la commande de nourriture en ligne pour les restaurants utilisant WordPress.
Didacticiels vidéo
Si vous préférez des instructions écrites, lisez la suite.
Ce dont vous avez besoin pour configurer la commande de nourriture en ligne
Vous aurez besoin d'un site Web pour configurer 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 lancer un site Web en utilisant WordPress, qui est le meilleur constructeur de sites Web au monde utilisé par des millions de petites entreprises.
La création d’un site Web ne consommera pas trop dans votre marge bénéficiaire. Bluehost, l’un des fournisseurs d’hébergement recommandés par WordPress, offre beaucoup à nos lecteurs.
Fondamentalement, vous pouvez obtenir un nom de domaine gratuit, SSL gratuit et une réduction de 60% sur l’hébergement Web.
→ Cliquez ici pour obtenir cette offre exclusive Bluehost ←
Avertissement de transparence: Le contenu WPBeginner est pris en charge par le lecteur, ce qui signifie que si vous cliquez sur certains des liens de cet article, nous pouvons gagner une petite commission de référence.Gardez à l’esprit que nous ne recommandons que des produits que nous utilisons nous-mêmes et / ou qui, selon nous, peuvent ajouter de la valeur à nos lecteurs.Découvrez comment WPBeginner est financé pour plus de détails.
Il y a beaucoup de grands thèmes WordPress pour les restaurants disponibles.Un thème est comme un modèle pour votre site Web.Choisir un bon aidera votre site à paraître professionnel et réputé, encourageant les clients à commander chez vous.
Si vous avez besoin d’aide pour configurer votre site Web, consultez notre guide complet étape par étape sur la façon de lancer un site Web.
Ajouter des commandes de nourriture en ligne à votre site Web
Une fois que vous avez configuré votre site WordPress, vous pouvez facilement ajouter un formulaire en ligne afin que les clients puissent commander de la nourriture.
Maintenant, il y a plusieurs façons de le faire avec WordPress.
Cependant, le moyen le plus simple de le faire est d’utiliser WPForms.C’est le meilleur générateur de formulaires WordPress et vous permet de créer facilement des formulaires en ligne sur votre site Web (aucun codage n’est requis).
Tout d’abord, vous devrez installer et activer le plugin WPForms.Si vous ne savez pas comment procéder, consultez nos instructions complètes sur la façon d’installer un plugin WordPress.
Après l’activation, vous devez visiter la page Paramètres WPForms pour entrer votre clé de licence.Vous pouvez trouver ces informations sous votre compte sur le site WPForms.
Nous vous recommandons donc d’installer le module complémentaire « Form Templates Pack » pour faciliter au maximum la création du formulaire.Notez que le niveau « Pro » de WPForms est requis pour utiliser ce modèle.
Pour installer le module complémentaire, allez dans WPForms » Add-ons.Faites défiler vers le bas pour trouver le complément Form Template Pack, puis cliquez sur « Installer le module complémentaire » en dessous.
Ensuite, allez dans WPForms » Ajouter une nouvelle page dans le tableau de bord WordPress pour créer le formulaire de commande de nourriture en ligne.
Tapez un nom pour votre formulaire.Vous pouvez l’appeler comme cela a du sens pour vous.Les clients ne verront pas ce titre si vous ne le souhaitez pas.
Après cela, faites défiler l’écran jusqu’à la section « Modèles supplémentaires » et sélectionnez le « Formulaire de commande à emporter ».Il existe de nombreux modèles, vous les recherchez peut-être.
Cliquez sur le modèle et le formulaire sera automatiquement créé pour vous.
Comme vous pouvez le constater, ce module est conçu pour les pizzas à emporter.Cependant, vous pouvez le modifier comme vous le souhaitez.Il suffit de cliquer sur un champ (une partie du formulaire) pour le modifier.
Nous allons changer le « Quel type de pizza aimeriez-vous? »Champ en haut du formulaire.
Vous pouvez modifier l’étiquette du champ.C’est la question ou la demande à laquelle le client doit répondre.Vous pouvez également modifier les choix et les supprimer ou les ajouter à l’aide des boutons (+) et (-).
Vous pouvez également ajouter plusieurs champs à votre formulaire.Par exemple, vous voudrez probablement ajouter un champ afin que les clients puissent spécifier l’heure à laquelle ils souhaitent que leur livraison soit effectuée.
Pour ajouter un champ, cliquez sur l’onglet « Ajouter des champs » sur le côté gauche de l’écran.Faites défiler jusqu’à la section « Fantasy Fields » et trouvez le champ « Date/Heure ».
Faites glisser et déposez ce champ où vous voulez dans votre formulaire.
Comme précédemment, vous pouvez cliquer sur le champ pour le modifier.Vous voudrez probablement changer l'étiquette.Si vous n'acceptez que les commandes livrées le jour même, nous vous recommandons également de changer le « Format » en « Heure ».
Dans les options « Avancé » du champ, vous pouvez choisir de modifier les différentes plages proposées.Les options sont de 15 minutes, 30 minutes ou 1 heure.
C’est une bonne idée de rendre le champ « Adresse » obligatoire pour le formulaire.La définition d'un champ sur « Obligatoire » empêche le client de soumettre le formulaire tant qu'il ne l'a pas rempli.
Cliquez sur le champ « Adresse » pour le modifier, puis cochez la case « Requis » sur le côté gauche de l’écran.
Lorsque vous avez terminé de créer le formulaire, cliquez sur « Enregistrer » en haut de l’écran avant de passer à l’étape suivante.
Configuration des notifications pour le 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 la destination souhaitée pour les commandes.
Cliquez sur l’onglet « Paramètres » sur le côté gauche de l’écran.Cliquez sur « Notifications » et vous verrez la notification par défaut sur la droite.
Vous souhaiterez peut-être modifier « Envoyer à l'adresse e-mail » afin qu'elle soit différente de l'adresse e-mail de l'administrateur du site Web.Vous pouvez simplement supprimer {admin_email} et entrer une ou plusieurs adresses e-mail ici.Assurez-vous de séparer plusieurs adresses e-mail par une virgule.
Vous pouvez également modifier l'article afin que vos commandes n'aient pas toutes le même article exact.Vous pouvez facilement inclure le nom du client dans la ligne d'objet à l'aide de balises actives.
Cliquez sur « Balise active » et faites défiler jusqu’à « Nom ».Cliquez dessus et WPForms mettra le code correct dans la ligne d’objet.Dans ce cas, c’est {field_id="3"}.
Lorsque vous êtes satisfait de la notification, cliquez sur « Enregistrer » en haut de l’écran.
Astuce: WPForms enregistre les entrées de 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 de tableau de bord.Cliquez sur le nom du formulaire pour afficher les commandes.
Vous voudrez probablement également configurer une notification par e-mail pour vos clients.Vous pouvez le faire en cliquant sur le bouton « Ajouter une nouvelle notification ».
Vous serez invité à entrer un nom pour la notification.Vous pouvez utiliser tout ce qui a du sens pour vous ici.Le client ne le verra pas.
Pour envoyer l’e-mail au client, supprimez {admin_email} de la case « Envoyer l’adresse e-mail » et utilisez « Afficher la balise active » pour sélectionner le champ « E-mail ».
Ensuite, vous voudrez modifier la ligne d'objet de l'e-mail et vos coordonnées.Tapez simplement ce que vous voulez utiliser ici.
Vous pouvez également modifier l’e-mail que le client reçoit.Par défaut, tout ce qu’il affichera sera les informations qu’ils ont saisies.Vous pouvez ajouter un message comme celui-ci:
Lorsque vous êtes satisfait de la notification client, cliquez sur « Enregistrer » en haut de l’écran.
Conseil : 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 affiché par le client
Lorsque le client remplit le formulaire, WPForms lui montrera un message pour confirmer que le formulaire a été soumis avec succès.
Vous pouvez modifier ce message en accédant à Paramètres »Confirmations .Tapez simplement le message que vous voulez dans la boîte.Vous pouvez également utiliser l’éditeur visuel pour formater ce message.
Vous pouvez également choisir de modifier le « Type de confirmation » et d'envoyer le client vers une page de remerciement si vous le souhaitez.
Accepter le paiement via le formulaire de commande de nourriture
Le module standard à emporter n’est pas configuré pour les paiements.Ce n’est pas grave si vous n’acceptez que le paiement à la livraison.Cependant, dans certaines situations, vous préférerez peut-être anticiper le paiement en ligne du client.
Si vous souhaitez accepter des paiements, vous devez configurer le formulaire avec des champs spéciaux qui peuvent calculer le montant dû par le client.Vous devrez également intégrer votre formulaire à un processeur de paiement comme PayPal.
Tout d’abord, allez dans l’onglet « Champs » pour modifier le formulaire lui-même.Cliquez sur « Ajouter des champs » et faites défiler jusqu’à la section « Champs de paiement ».Remplacez l’un de vos champs de liste de prix par l’un des champs « Article ».
Dans notre formulaire, nous avons supprimé l’original « Combien de personnes sont autorisées à manger le prix? »champ que nous utilisions.Nous l’avons remplacé par le champ de paiement « Objets multiples ».
Lorsque vous utilisez des champs de paiement dans le formulaire, vous devez vous assurer d’inclure également un champ « Total ».De cette façon, votre formulaire peut montrer au client le total qu’il paiera.
Encore une fois, faites simplement glisser et déposez le champ « Total » de « Champs de paiement » au point souhaité dans le formulaire.
Assurez-vous d’enregistrer le formulaire après avoir apporté vos modifications.
Ensuite, vous devrez choisir un processeur de paiement à utiliser avec votre formulaire.WPForms s’intègre parfaitement avec PayPal et Stripe.Pour en ajouter un, allez dans WPForms » Add-ons dans votre tableau de bord WordPress.
Nous utiliserons le « Standard PayPal Add-on » pour notre formulaire.Trouvez-le et cliquez sur le bouton « Installer le module complémentaire ».
Maintenant, retournez au formulaire de commande de nourriture, sous WPForms » Tous les formulaires.
Cliquez sur l’onglet « Paiements » du formulaire et sélectionnez l’intégration de paiement que vous souhaitez utiliser.
Assurez-vous de cocher la case « Activer les paiements PayPal standard » pour activer cette fonctionnalité pour votre formulaire.
Ensuite, vous devrez entrer l'adresse e-mail PayPal vous utilisez pour votre restaurant.Laissez « Mode » réglé sur « Production et « Type de paiement » défini sur « Produits et services ».
Si vous le souhaitez, vous pouvez changer « Expédition » en « Ne pas demander d’adresse », car le client aura déjà entré son adresse dans le formulaire de commande.
Cliquez sur « Enregistrer » en haut de l’écran.
Le formulaire redirigera désormais automatiquement les clients vers PayPal après avoir soumis leur commande.
Ajouter le 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 que le formulaire continue.Pour créer une page, accédez à Pages » Ajouter nouveau dans votre tableau de bord WordPress.
Donnez un titre à votre page.Cliquez sur le signe (+) pour créer un nouveau bloc.Sélectionnez le bloc « WPForms » dans la section « Widgets » ou tapez « WPForms » dans la barre de recherche.
Après cela, vous devrez sélectionner le module dans la liste déroulante.
Il sera alors automatiquement ajouté à votre page.Il suffit de publier (ou de mettre à jour) votre page pour publier le formulaire sur votre site Web.
Nous vous recommandons d’essayer votre module pour vous assurer qu’il fonctionne comme prévu.Vérifiez que vous recevez la notification par e-mail.Sinon, suivez nos instructions pour résoudre le problème lié à l’envoi d’e-mails à partir de WordPress.
Nous espérons que cet article vous a aidé à apprendre à configurer des commandes de nourriture en ligne pour les restaurants.Vous pouvez également être intéressé par notre article sur la façon de créer un e-mail professionnel et comment obtenir un numéro de téléphone professionnel virtuel pour votre site Web.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress.Vous pouvez également nous trouver sur Twitter et Facebook.