Plusieurs de nos lecteurs ont demandé comment créer un bon de commande en ligne, afin que les clients puissent facilement passer leurs commandes sur le site.
Si vous avez une entreprise comme un restaurant ou un magasin physique, vous ne voudrez peut-être pas créer une boutique en ligne complète. Cependant, vous souhaiterez peut-être offrir aux clients un moyen simple de commander de la nourriture ou d'autres produits à livrer.
Dans cet article, nous vous montrerons comment créer un formulaire de commande en ligne dans WordPress. Cela vous permettra de collecter facilement les commandes des clients sans ajouter de logiciel de commerce électronique complet à votre site Web.
Créer un formulaire de commande en ligne dans WordPress
Vous avez peut-être décidé de créer un site Web pour votre entreprise récemment et vous sentez un peu dépassé.
De nombreuses entreprises ouvrent une boutique en ligne non seulement pour récupérer les commandes, mais aussi pour accepter les paiements et gérer les stocks. Cependant, toutes les entreprises n'ont pas besoin d'un site Web de commerce électronique complet.
Si vous souhaitez simplement que les clients puissent remplir un formulaire de commande en ligne, vous pouvez facilement le créer sans solution de panier d'achat.
Un simple formulaire de commande en ligne vous donne la possibilité d'accepter les paiements en ligne, au moment du retrait de la commande ou à la livraison.
Dans ce tutoriel, nous utiliserons WPForms pour créer un bon de commande en ligne car il vous permet de le faire facilement avec son interface glisser-déposer.
WPForms est le meilleur plugin de création de formulaire WordPress sur le marché. Plus de 3 millions de sites Web utilisent WPForms pour créer facilement tout type de formulaire en ligne et l'ajouter à leur site Web (aucune compétence de codage requise).
Tout d'abord, vous devrez installer et activer le plugin WPForms. Besoin d'aide pour installer le plugin? Consultez notre guide sur la façon d'installer un plugin WordPress pour des instructions détaillées.
Les plugins sont comme des applications pour votre site Web WordPress. Si vous êtes nouveau sur WordPress, consultez notre article sur ce que sont les plugins WordPress et ce que vous pouvez en faire.
Une fois que vous avez activé le plugin WPForms, vous verrez un nouvel onglet WPForms dans la barre latérale d'administration de votre tableau de bord WordPress.
Vous devez visiter WPForms »Configuration pour saisir votre clé de licence. Vous pouvez trouver ces informations dans votre compte sur le site Web de WPForms.
Vous êtes maintenant prêt à créer votre bon de commande en ligne.
Allez à WPForms »Ajouter un nouveau page pour créer votre premier formulaire.
Vous verrez maintenant l'écran de création de formulaire. Saisissez un nom pour votre formulaire et choisissez un modèle. Nous recommandons le modèle "Formulaire de facturation / commande".
Survolez simplement la description du modèle et cliquez sur le bouton "Créer un formulaire de facturation / commande".
Votre formulaire sera automatiquement créé pour vous et vous serez directement dirigé vers l'éditeur de formulaire WPForms.
Vous pouvez maintenant modifier votre bon de commande en ligne à votre guise. Les différentes parties du formulaire sont appelées "champs". Vous pouvez modifier, ajouter ou supprimer des champs de votre formulaire en un seul clic.
Le modèle par défaut comprend déjà des champs pour la plupart des informations dont vous avez probablement besoin, comme le nom, l'adresse et le numéro de téléphone. Cependant, vous devrez répertorier vos produits réels.
Cliquez sur le champ "Articles disponibles" pour le modifier.
Écrivez le nom et le prix de chaque article que les clients peuvent commander chez vous. Le prix ne s'affichera pas automatiquement sur le formulaire, vous pouvez donc l'ajouter au nom de l'article.
Pour ajouter plus d'options, cliquez simplement sur l'icône (+) à l'endroit où vous souhaitez ajouter les éléments supplémentaires.
Remarque: Vous pouvez ajouter autant d'éléments que vous le souhaitez. Cependant, les clients ne pourront sélectionner qu'une seule option dans ce champ.
Si vous disposez de plusieurs catégories d'options, vous pouvez copier le champ pour créer des groupes.
Vous pouvez copier le champ "Articles disponibles" en cliquant sur l'icône "Copier" qui apparaît lorsque vous passez la souris dessus ou lorsqu'elle est sélectionnée.
Assurez-vous également de changer le "Label" des champs en quelque chose de approprié pour chaque groupe.
Si vous souhaitez que les clients puissent sélectionner deux options ou plus dans un même champ, vous devrez utiliser un type de champ différent.
Cliquez sur l'onglet "Ajouter des champs" puis faites défiler vers le bas jusqu'à "Champs de paiement" où vous trouverez le champ "Articles de la case à cocher". Faites-le glisser et déposez-le sur votre formulaire.
Vous pouvez maintenant modifier ce champ comme précédemment, en entrant les noms et les prix de vos articles. Les clients peuvent vérifier autant d'articles qu'ils le souhaitent.
Si vous voulez montrer des images de vos produits, c'est aussi très simple. Cliquez simplement sur la case "Utiliser les options d'image":
Pour chaque élément, cliquez sur le bouton "Télécharger une image" pour ajouter des images à partir de votre ordinateur ou de votre bibliothèque multimédia WordPress.
WPForms ne redimensionnera pas ou ne compressera pas vos images, il est donc important de les télécharger à la bonne taille. Ils doivent tous avoir la même taille et pas plus de 250 × 250 pixels.
Idéalement, vous devez également optimiser vos images pour le Web.
Enfin, vous souhaiterez peut-être modifier le champ "Commentaire ou message" au bas du formulaire, afin qu'il ne soit pas obligatoire. Tous les utilisateurs ne voudront pas ajouter un message.
Cliquez simplement sur le champ, puis décochez la case "Obligatoire" à droite pour rendre ce champ facultatif.
Vous pouvez suivre ce processus pour tout champ que vous souhaitez facultatif. Vous pouvez dire quels champs sont obligatoires car ils auront un astérisque rouge à côté de l'étiquette du champ.
Une fois que vous êtes satisfait de la conception de votre formulaire, vous pouvez procéder à la configuration. C'est une bonne idée d'enregistrer le formulaire en premier en cliquant sur le bouton "Enregistrer" en haut de l'écran:
Définition des notifications que votre bon de commande enverra
Tout d'abord, cliquez sur l'onglet "Paramètres" sur le côté gauche de l'écran. Cela ouvrira vos paramètres de formulaire.
Cliquez ensuite sur l'onglet "Notifications" pour modifier les notifications par e-mail de votre formulaire. Par défaut, les formulaires de commande remplis seront envoyés par e-mail à l'adresse d'administration de votre site WordPress.
Vous voudrez peut-être modifier cela ou copier les bons de commande vers plusieurs adresses. Vous pouvez simplement taper l'adresse ou les adresses e-mail dans la case "Envoyer à l'adresse e-mail". Si vous saisissez plusieurs adresses e-mail, séparez-les par une virgule.
Vous pouvez également modifier la ligne d'objet, ce n'est donc pas la même chose pour chaque commande. Cela pourrait faciliter le suivi des commandes dans une boîte de réception remplie d'e-mails.
Ici, nous avons modifié la ligne d'objet des e-mails pour lire "Commande client", puis le nom du client. Nous utilisons "Afficher les balises actives" pour insérer le champ de nom dans la ligne d'objet.
Vous pouvez également modifier tout autre détail souhaité.
Nous vous recommandons également fortement de configurer la notification par e-mail pour vos clients. Cela vous rappelle ce qu'ils ont commandé et les informe que vous avez reçu leur commande.
Pour configurer une nouvelle notification par e-mail, cliquez sur le bouton "Ajouter une nouvelle notification".
Vous serez invité à entrer un nom pour la nouvelle notification. Vous pouvez l'appeler comme vous le souhaitez, car les clients ne verront pas ce nom. Nous suggérons quelque chose comme "Reçu client" ou "Confirmation e-mail client".
Vous souhaiterez que «l'adresse de livraison par e-mail» soit le compte de messagerie de votre client. Supprimez {admin_email} de cette zone. Cliquez sur "Afficher les balises actives" et sélectionnez le champ "E-mail".
Vous voudrez également entrer d'autres détails pour l'e-mail. Nous vous suggérons d'utiliser une ligne d'objet telle que "Votre commande avec" et le nom de votre entreprise.
Dans le champ "Message", vous souhaiterez probablement ajouter un message à votre client. La balise {all_fields} vous donnera toutes les informations que le client a entrées dans le formulaire.
Que faire si vous souhaitez uniquement inclure certaines des informations client dans l'e-mail? Ou que se passe-t-il si vous souhaitez placer vos détails de commande en premier et inclure vos détails de livraison à la fin de l'e-mail? Vous pouvez simplement utiliser des balises actives pour ajouter n'importe quel champ de formulaire à votre formulaire.
Une fois la configuration des notifications terminée, cliquez sur le bouton "Enregistrer" en haut de l'écran.
Astuce: Pour revenir à la première notification que vous modifiez, faites simplement défiler l'écran vers le bas.
Configurer un message de confirmation pour vos clients
En plus d'envoyer à vos clients un reçu par courrier électronique, vous souhaiterez leur montrer une confirmation à l'écran afin qu'ils sachent que leur commande a été expédiée.
Vous pouvez le faire sous Configuration »Confirmation la langue.
La confirmation par défaut indique "Merci de nous avoir contactés! Nous vous répondrons sous peu.
Vous pouvez changer cela en ce que vous voulez, et vous pouvez également utiliser l'éditeur visuel ici pour formater votre texte.
Alternativement, vous pouvez rediriger les clients vers une page "Merci" sur votre site Web, ou même vers un autre site Web entièrement.
Une fois que vous avez configuré le message de confirmation, cliquez sur "Enregistrer" en haut de l'écran.
Intégrez le paiement à votre bon de commande (facultatif)
Si vous souhaitez effectuer le paiement via votre bon de commande, vous devez l'intégrer à un processeur de paiement.
WPForms s'intègre très facilement avec deux processeurs de paiement populaires, PayPal et Stripe. Les clients peuvent payer via leur compte PayPal ou en entrant les détails de leur carte de crédit.
Nous allons utiliser PayPal dans ce tutoriel, mais le processus pour Stripe est similaire.
Tout d'abord, vous devrez quitter le générateur de formulaires. Vous pouvez le faire en cliquant sur le "X" en haut à droite. Il vous sera demandé d'enregistrer votre formulaire si vous avez des modifications non enregistrées.
Ensuite aller à WPForms »Plugins page dans votre tableau de bord WordPress. Faites défiler la page jusqu'au "Plugin standard PayPal" et cliquez sur le bouton "Installer le plugin" en dessous.
Le plugin sera installé et activé automatiquement.
Revenez à votre formulaire, que vous pouvez trouver sur WPForms »Tous les formulaires. Maintenant, cliquez sur l'onglet "Paiements".
Cliquez sur "PayPal standard" et remplissez les détails du formulaire. Tout d'abord, vous devrez cocher la case "Activer les paiements PayPal standard" et saisir l'adresse e-mail PayPal de votre entreprise.
Laissez le menu déroulant "Mode" défini sur "Production" et laissez "Type de paiement" défini sur "Produits et services".
Si vous collectez l'adresse de livraison via le formulaire de commande, vous pouvez remplacer "Expédition" par "Ne pas demander d'adresse".
Vous n'avez pas besoin d'entrer une "URL d'annulation", mais vous pouvez créer une page sur votre site Web à envoyer aux clients s'ils ne terminent pas le processus de paiement.
Cliquez sur le bouton "Enregistrer" une fois que vous avez terminé.
Désormais, lorsque l'utilisateur soumet le formulaire, il le dirige automatiquement vers PayPal pour payer. Vous n'avez pas besoin d'ajouter de champs supplémentaires à votre formulaire ou de faire quoi que ce soit d'autre.
Ajoutez le bon de commande à votre site Web
La dernière étape consiste à ajouter votre bon de commande à votre site Web.
Choisissez simplement la page à laquelle vous souhaitez ajouter votre formulaire ou créez une nouvelle page dans Pages »Ajouter un nouveau.
Cliquez ensuite sur l'icône (+) pour ajouter un nouveau bloc (où vous voulez votre formulaire) et recherchez le bloc "WPForms". Il est situé sous la section "Widgets" des blocs, ou vous pouvez simplement taper "WPForms" dans la barre de recherche pour le trouver.
Vous verrez un bloc de WPForms. Cliquez sur le menu déroulant "Sélectionner un formulaire" et choisissez votre formulaire.
Ensuite, vous verrez un aperçu du formulaire dans l'éditeur WordPress.
Lorsque vous êtes prêt, enregistrez et publiez (ou mettez à jour) votre page. Vous pouvez le regarder en direct sur leur site pour voir leur formulaire en action. Avant de le partager avec les clients, nous vous recommandons de tester le formulaire pour vous assurer qu'il fonctionne comme prévu.
C'est également une bonne idée de vérifier que vous recevez la notification par e-mail lorsque le formulaire est envoyé. Sinon, consultez notre article sur la façon de résoudre le problème de WordPress qui n'envoie pas d'e-mails.
Même si vous perdez un e-mail ou le supprimez accidentellement, WPForms enregistre les données du formulaire dans la base de données WordPress. Vous pouvez retrouver toutes vos commandes en allant sur WPForm »Billets dans votre tableau de bord WordPress.
Cliquez sur le nom de votre formulaire et vous verrez une liste d'entrées. Vous pouvez cliquer sur "Afficher" à côté de l'un d'eux pour voir les détails.
Voilà! Nous espérons que cet article vous a aidé à apprendre à créer un formulaire de commande en ligne dans WordPress. Vous pouvez également aimer notre guide sur les meilleurs services de téléphonie d'entreprise, et vous devez avoir les plugins WordPress pour les petites entreprises.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour regarder des vidéos de didacticiel WordPress. Vous pouvez également nous trouver sur Twitter y Facebook.
