EN BREF : Comment créer un formulaire de commande dans WordPress Configurez un formulaire de commande fonctionnel en 10 minutes environ avec WPForms :
- Choisissez un modèle – Commencez avec le modèle de formulaire de commande intégré de WPForms pour éviter de tout configurer à partir de zéro.
- Configurez les notifications – Définissez des alertes par e-mail pour vous-même et des confirmations de commande pour les clients.
- Personnalisez les messages de confirmation – Choisissez ce que les clients voient après la soumission : un message, une page de remerciement ou une redirection.
- Connectez le paiement – Liez PayPal Commerce ou Stripe pour que les clients puissent payer lors de la soumission. WPForms Pro requis.
- Publiez le formulaire – Intégrez-le sur n’importe quelle page WordPress à l’aide du bloc WPForms.
- Suivez les analyses – Surveillez les soumissions et les abandons avec MonsterInsights.
Si vous prenez encore des commandes par e-mail ou par téléphone, vous connaissez déjà le problème. Un client passe une commande, vous la notez quelque part, et quelques jours plus tard, les détails ont disparu.
Un formulaire de commande numérique résout ce problème. Ce guide vous explique comment créer un formulaire de commande en ligne dans WordPress à l’aide de WPForms, un constructeur de formulaires par glisser-déposer que j’utilise personnellement depuis des années. Aucun codage requis.
Vous pouvez créer un formulaire de commande en ligne dans WordPress en 10 minutes environ à l’aide de WPForms. Installez le plugin, choisissez un modèle de formulaire de commande, connectez PayPal Commerce ou Stripe, et publiez le formulaire sur n’importe quelle page de votre site.
WPForms Lite est gratuit pour commencer. La collecte de paiements nécessite WPForms Pro.
Qu’est-ce qu’un formulaire de commande ?
Avant de vous lancer dans la création d’un formulaire de commande en ligne dans WordPress, il est important de comprendre ce que c’est et ce qu’il peut faire pour votre site.
Un formulaire de commande en ligne (parfois appelé bon de commande) est un formulaire de paiement utilisé pour demander des produits, services ou marchandises à une entreprise en ligne ou un détaillant de commerce électronique. Le formulaire lui-même contient les informations de contact et toutes les informations sur la commande du client afin que les biens et produits soient livrés au client en temps voulu.
Les formulaires de commande comprennent généralement les informations suivantes :
- Le nom complet du client.
- Numéro de téléphone.
- Informations d’expédition et adresse de livraison.
- Détails de facturation et de traitement des paiements, tels que les informations de carte de crédit.
- Une liste des articles achetés.
- Détails de l'article tels que la quantité, la taille, le style, etc.
- Termes et conditions.
- Frais d'expédition.
- Total de la commande.
Le client soumet ensuite le formulaire en ligne pour traitement par l'entreprise ou la société.
Souvent, un formulaire de commande s'intègre à plusieurs applications, CRM et services, tels qu'Authorize.net, Google Sheets, Salesforce, Zapier et les médias sociaux. De plus, certains peuvent offrir la possibilité de développer votre liste d'abonnés et d'afficher des pop-ups de formulaires HTML.
Maintenant que vous comprenez la fonctionnalité d'un formulaire de commande, comment en créer un ? Nous allons aborder cela ensuite.
Pourquoi devriez-vous utiliser un formulaire de commande en ligne ?
Efficacité. Un formulaire de commande en ligne remplace les allers-retours par e-mail par une seule soumission structurée. Vous obtenez tous les détails de la commande en un seul endroit, automatiquement.
Collecte de paiements. Avec un formulaire de paiement pour WordPress, les clients paient au moment où ils soumettent. Vous n'avez pas à courir après les factures ni à attendre les suivis de paiement manuels.
Précision. Un formulaire de commande personnalisé exige que les clients remplissent chaque champ avant de soumettre. Fini les tailles manquantes, les adresses peu claires ou les spécifications incomplètes.
Types de formulaires de commande en ligne
WPForms inclut des modèles pour les types de formulaires de commande les plus courants. Voici un bref aperçu de ce que chacun gère :
- Formulaire de commande de produits – Permet aux clients de choisir des articles, des quantités et des variations comme la taille ou la couleur.
- Formulaire de réservation de services – Capture les détails du travail et les dates préférées pour les entreprises de services.
- Formulaire de devis personnalisé – Collecte les exigences du projet afin que vous puissiez faire un suivi avec une facture personnalisée.
- Formulaire de commande de nourriture ou de pâtisserie – Gère les commandes personnalisées avec des notes sur les allergènes et des options de retrait ou de livraison.
Comment créer un formulaire de commande en ligne dans WordPress ?
Créer votre propre formulaire de commande en ligne n'est pas aussi compliqué qu'il y paraît. Dans ce tutoriel, nous vous montrerons à quel point il est facile d'en créer un vous-même à l'aide d'un plugin WordPress qui fait la majeure partie du travail pour vous.
Nous utiliserons WPForms, le meilleur constructeur de formulaires en ligne par glisser-déposer pour WordPress. Ce constructeur de formulaires de commande vous permet de créer presque tous les types de formulaires en ligne, y compris :
- Formulaires d'enquête
- Formulaires de style Typeform
- Formulaires de contact
- Formulaires d'inscription
- Formulaires d'inscription à des événements
Et avec la technologie de formulaires intelligents de WPForms et des intégrations faciles de passerelle de paiement, vous pouvez avoir votre formulaire de commande en ligne opérationnel en quelques minutes.
Pourquoi ne pas consulter cette revue approfondie de WPForms pour tous les détails ?
Pour commencer avec le créateur de formulaires de commande de WPForms, vous devrez vous procurer la version Pro. WPForms Pro s'intègre aux processeurs de paiement pour accepter les paiements de vos clients. Ensuite, vous devrez installer et activer le plugin WPForms sur votre site WordPress.
Si vous n'êtes pas sûr de comment installer un plugin dans WordPress, ce guide étape par étape vous aidera.
Une fois tout installé et activé, vous êtes prêt à passer à l'étape suivante et à commencer à construire votre nouveau formulaire.
1. Choisissez le modèle de formulaire de commande
La première chose à faire lors de la création d'un formulaire de commande en ligne est de vous rendre sur votre tableau de bord WordPress et de cliquer sur WPForms » Ajouter un nouveau.
Cela affiche un certain nombre de modèles prédéfinis parmi lesquels choisir.
Pour ce tutoriel, nous utiliserons le modèle gratuit Formulaire de commande. Donnez donc un nom à votre formulaire et cliquez sur cette option.
L'écran suivant que vous verrez sera l'éditeur de formulaire. Ici, vous pouvez personnaliser l'apparence, le contenu et les paramètres de votre formulaire de commande.
Le modèle Formulaire de facturation/commande remplit automatiquement votre formulaire avec les paramètres par défaut nécessaires pour un formulaire de commande simple.
Cliquer sur l'un des champs du formulaire ouvre les options du champ sur le côté gauche de votre écran. Ici, vous pouvez modifier les étiquettes de chaque champ, ajouter ou supprimer des éléments et rendre obligatoires certains champs de collecte de données.
Développer l'onglet des options avancées pour le champ Articles disponibles, par exemple, vous permet de choisir une disposition de colonne différente. Vous pouvez même ajouter une logique conditionnelle à votre formulaire afin que certains champs ne s'affichent qu'en fonction des informations soumises dans le formulaire.
Pour réorganiser la disposition de votre formulaire, vous pouvez faire glisser et déposer n'importe quel champ. De plus, l'ajout de champs supplémentaires est tout aussi facile. Faites-les simplement glisser depuis le côté gauche de votre écran, tels que les méthodes de paiement, vers la droite.
Lorsque vous êtes satisfait de la disposition de votre formulaire de commande, cliquez sur le bouton Enregistrer pour éviter de perdre des modifications.
2. Configurez les notifications du formulaire de commande en ligne
Nous allons maintenant passer à la configuration des paramètres de votre formulaire de commande en ligne, en commençant par le flux de travail des notifications du formulaire. Les notifications envoient un e-mail chaque fois que votre formulaire est complété.
Pour configurer cela, allez dans Paramètres » Notifications, et vous verrez les options disponibles pour vous.
Par défaut, WPForms vous envoie automatiquement une notification par e-mail lorsqu'un client remplit votre formulaire. Mais si vous préférez ne pas avoir cette option, vous pouvez la désactiver en sélectionnant Désactivé dans la liste déroulante.
Vous pouvez également faire en sorte que les notifications soient envoyées à d'autres personnes de votre entreprise en ajoutant leurs adresses e-mail dans le champ Envoyer à l'adresse e-mail.
En plus de cela, il est facile d'envoyer des notifications aux clients également chaque fois qu'ils remplissent un formulaire. Vous voudrez le faire pour rassurer vos clients que leur commande a été reçue et que vous la traitez.
Vous pouvez utiliser les balises intelligentes dans WPForms pour configurer cela.
À côté du champ Envoyer à l'adresse e-mail, vous verrez une option appelée Afficher les balises intelligentes. Cela affiche les balises disponibles pour ce champ particulier.
Cliquez sur E-mail, et la balise sera automatiquement saisie dans le champ. Cette balise est directement liée à l'adresse e-mail que les clients saisissent lorsqu'ils remplissent votre formulaire.
Modifiez maintenant le reste du formulaire, y compris les champs suivants :
- Objet de l'e-mail. C'est l'une des premières choses que les gens verront dans leur boîte de réception. Vous pouvez décrire le but du formulaire en écrivant « Votre commande a été reçue », par exemple.
- Nom de l'expéditeur. De qui provient l'e-mail ? Le nom de votre marque ou de votre entreprise est un bon choix pour ce champ, afin que les clients sachent qu'il ne s'agit pas de spam.
- E-mail de l'expéditeur. Encore une fois, l'adresse e-mail de votre entreprise ou du service des ventes devrait figurer ici afin que les clients sachent de qui provient l'e-mail et qui ils peuvent contacter.
- Reply-To. Proposez à vos clients un moyen de vous contacter en cas de problème en ajoutant votre e-mail de contact ici.
- Message. Incluez un message personnalisé expliquant pourquoi les clients reçoivent cet e-mail et les prochaines étapes qu'ils doivent suivre. Vous pouvez également ajouter les détails de leur commande en insérant la balise {all_fields}.
Si vous préférez envoyer automatiquement un e-mail de reçu de commande en ligne, ce tutoriel étape par étape vous montrera comment faire.
Enregistrez vos modifications et passons à la section des messages de confirmation.
3. Personnalisez les messages de confirmation du formulaire
La section de confirmation vous propose 3 types de messages que vous pouvez afficher aux clients après qu'ils aient soumis avec succès votre formulaire.
Voici les 3 types de messages de confirmation que vous pouvez choisir :
- Message. C'est le type de confirmation par défaut de WPForms. Il affiche un simple message de succès indiquant aux clients que leur formulaire a été soumis.
- Afficher la page. L'option Afficher la page redirige les visiteurs vers une page spécifique de votre site Web après avoir rempli votre formulaire. Vous pouvez apprendre comment rediriger les clients vers une page de remerciement ici.
- Accéder à l'URL (Redirection). Ce type de confirmation est généralement utilisé pour envoyer les clients vers un site Web différent après l'envoi du formulaire.
Pour personnaliser ces paramètres depuis votre éditeur de formulaire, cliquez sur Paramètres » Confirmation. Choisissez ensuite votre type de confirmation dans la liste déroulante fournie et modifiez votre message.
Pour obtenir de l'aide sur la configuration de votre message de confirmation, consultez la documentation de WPForms. Et assurez-vous d'enregistrer vos modifications avant de continuer.
4. Sélectionnez vos paramètres de paiement
Avant de publier votre formulaire de commande en ligne, vous devrez proposer à vos clients un moyen de payer leurs produits.
WPForms propose 2 options de paiement populaires pour accepter les paiements en ligne. Il s'agit des intégrations d'applications PayPal Commerce et Stripe. Vous devrez installer les modules complémentaires PayPal Commerce et Stripe pour activer ces options.
Pour ce faire, allez dans WPForms » Modules complémentaires. Cliquez ensuite sur le module complémentaire de paiement de votre choix pour l'installer et l'activer.
Si vous n'êtes pas sûr lequel utiliser, cet article sur Stripe vs PayPal devrait vous aider à décider.
Une fois le module complémentaire installé, retournez dans votre éditeur de formulaire de commande en ligne et cliquez sur Paramètres » Paiements et choisissez l'option de paiement souhaitée.
Dans cet exemple, nous utiliserons PayPal Commerce pour nous intégrer à notre formulaire.
Pour configurer PayPal Commerce, cliquez sur Paramètres » Paiements » PayPal Commerce dans votre éditeur de formulaire et suivez l'assistant de configuration pour lier votre compte professionnel PayPal.
Réglez le Mode sur Production avant de mettre en ligne afin que les paiements réels soient traités correctement.
Lorsque vous avez terminé la configuration de vos informations de paiement, cliquez sur Enregistrer pour stocker vos modifications.
Nous allons maintenant publier votre formulaire !
5. Publiez votre formulaire de commande en ligne sur WordPress
Il est temps de publier votre formulaire de commande en ligne, ce qui est plutôt excitant, n'est-ce pas ? Ce qui est encore plus excitant, c'est que WPForms vous permet d'intégrer vos formulaires dans de nombreux endroits de votre site web.
Cela signifie que vous pouvez afficher votre formulaire dans des articles, des pages, des barres latérales et d'autres zones prêtes pour les widgets sur votre site WordPress.
Pour publier votre formulaire sur une page, créez d'abord une nouvelle page en allant dans Pages » Ajouter depuis votre tableau de bord et donnez-lui un titre.
Après cela, cliquez sur l'icône plus pour ajouter un nouveau bloc de contenu à la page.
Maintenant, tapez WPForms dans la barre de recherche pour faire apparaître le bloc de contenu WPForms.
Cliquez ensuite sur le bloc pour l'ajouter à votre page.
Ensuite, vous devrez choisir votre formulaire de commande en ligne dans la boîte déroulante fournie.
Et lorsque vous êtes prêt à publier votre page, cliquez sur Publier pour la rendre visible.
Maintenant, votre formulaire de commande en ligne sera en ligne sur votre site web. Rendez-vous simplement sur cette page spécifique sur le front-end de votre site, et vous la verrez.
Mais vous n'avez pas encore terminé. Aucun bon formulaire de commande n'est complet sans un moyen de suivre et de mesurer les soumissions. Nous allons nous en occuper ensuite.
Créez une page de commande dédiée avec SeedProd
Une fois votre formulaire créé, l'endroit où vous le publiez est important. Une page avec des barres latérales, des en-têtes et une navigation donne aux visiteurs trop de possibilités de cliquer ailleurs avant de finaliser leur commande.
SeedProd est un constructeur de sites web par glisser-déposer qui vous permet de créer une page de destination sans distraction pour votre formulaire en quelques minutes.
D'après ce que j'ai vu dans mes propres recherches, supprimer les distractions de navigation fait une réelle différence dans le nombre de personnes qui complètent réellement le formulaire.
Voici comment associer SeedProd à votre formulaire de commande WPForms :
- Dans votre tableau de bord WordPress, allez dans SeedProd » Pages de destination et cliquez sur Ajouter une nouvelle page de destination.
- Choisissez un modèle et personnalisez le titre, le texte et la marque dans l'éditeur visuel.
- Faites glisser le bloc WPForms dans votre mise en page et sélectionnez votre formulaire de commande dans la liste déroulante.
- Cliquez sur Enregistrer et Publier pour rendre la page visible.
Vous pouvez également intégrer le formulaire sur n'importe quelle page existante en utilisant le shortcode WPForms : .
Pour une présentation complète, consultez notre guide sur comment créer une page de destination avec un formulaire dans WordPress.
6. Suivez les analyses du formulaire
C'est bien beau d'avoir un beau formulaire de commande en ligne, mais si personne ne le remplit et n'achète vos produits, c'est un peu un effort perdu.
Vous ne le savez peut-être pas, mais l'abandon de formulaire est l'un des plus grands défis auxquels sont confrontés les propriétaires de sites web.
En fait, les recherches de l'Institut Baymard placent le taux d'abandon moyen à environ 70 %. Cela représente une foule de personnes qui remplissent votre formulaire puis l'abandonnent juste avant de cliquer sur Envoyer.
Mais il existe des moyens de lutter contre l'abandon de formulaire, et cela commence par un suivi adéquat des analyses de votre formulaire de commande.
La plupart des propriétaires de sites utilisent Google Analytics. Mais le suivi de l'abandon de formulaire dans Google Analytics n’est pas une partie de plaisir. C’est assez déroutant ! C’est pourquoi notre façon préférée de suivre ce type de données est d’utiliser MonsterInsights.
Avec MonsterInsights, vous pouvez rapidement configurer Google Analytics pour votre site WordPress en quelques minutes et commencer réellement à comprendre les données que vous collectez. C’est aussi un excellent complément à WPForms.
MonsterInsights rend le suivi de l’abandon de formulaire beaucoup plus simple. Vous pouvez configurer le suivi des formulaires sous les catégories d’événements ainsi que les actions.
De plus, les rapports MonsterInsight s’affichent directement dans votre tableau de bord WordPress. Il n’y a donc plus besoin de cliquer entre les fenêtres et les onglets pour obtenir les informations dont vous avez besoin.
Vous pouvez tout apprendre sur comment suivre l’abandon de formulaire dans WordPress avec MonsterInsights dans ce guide étape par étape facile.
FAQ sur les formulaires de commande en ligne WordPress
Comment créer un formulaire de commande en ligne gratuitement sur WordPress ?
WPForms Lite est gratuit et comprend le modèle de formulaire de commande de base. Vous pouvez collecter les détails du client et les sélections d’articles sans rien payer. Pour accepter les paiements via le formulaire, vous aurez besoin de WPForms Pro, qui débloque les intégrations PayPal Commerce et Stripe.
Puis-je accepter les paiements directement dans un formulaire de commande WordPress ?
Oui. WPForms Pro s’intègre avec PayPal Commerce et Stripe afin que les clients puissent payer au moment où ils soumettent. Vous devrez installer le module complémentaire de paiement pour votre processeur préféré et connecter votre compte dans les paramètres de paiement du formulaire.
Comment ajouter des options de produit comme la taille ou la couleur à un formulaire de commande ?
Utilisez des champs de sélection déroulante ou à choix multiples dans WPForms pour proposer des variations de produits. Vous pouvez également ajouter une logique conditionnelle afin que des options spécifiques n’apparaissent que sur la base de ce que le client sélectionne en premier, comme l’affichage des choix de taille après qu’un client ait choisi un produit spécifique.
Que dois-je inclure dans un formulaire de commande en ligne ?
Au minimum, capturez le nom du client, son e-mail, son adresse de livraison, les articles commandés avec les quantités et toutes les variations, ainsi que les détails de paiement. L’ajout d’une case à cocher pour les conditions générales et d’un champ de résumé de commande permet de tenir les clients informés et de réduire les litiges.
Dans cet article, vous avez appris comment créer un formulaire de commande en ligne pour votre site WordPress, ainsi que la meilleure façon de suivre vos résultats.
Il ne vous reste plus qu’à transformer ces visiteurs abandonnants en clients payants. Nos solutions pour résoudre l’abandon de panier vous montreront comment.
Si vous développez davantage votre site, vous pourriez également trouver ces guides utiles :
- Comment créer une page de paiement WooCommerce personnalisée
- Comment personnaliser votre bouton « Ajouter au panier » WooCommerce
- Comment ajouter Google Analytics à WordPress (La méthode facile)
- Meilleurs exemples de pages de destination de produits
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
