X

Comment créer un formulaire de commande en ligne dans WordPress

Comment créer un formulaire de commande en ligne dans WordPress

Vous cherchez un moyen simple de prendre des commandes sur votre site WordPress ?

Un formulaire de commande en ligne vous permet de vendre des produits et services avec ou sans une boutique de commerce électronique complète. Ainsi, vos clients peuvent passer leurs commandes, ajouter leurs détails d'expédition et effectuer des paiements sécurisés directement dans le formulaire.

Ci-dessous, nous vous montrerons étape par étape la manière la plus simple de créer un formulaire de commande en ligne dans WordPress afin que vous puissiez commencer à vendre immédiatement.

De quoi avez-vous besoin pour créer un formulaire de commande en ligne ?

Pour créer un formulaire de commande, vous aurez besoin d'un outil efficace qui vous permet d'ajouter des champs de formulaire, des détails de produits et de vous intégrer à une passerelle de paiement.

Nous recommandons WPForms, le meilleur constructeur de formulaires en ligne pour WordPress.

page d'accueil wpforms

WPForms est convivial pour les débutants et fonctionne parfaitement avec n'importe quel site Web WordPress et boutique WooCommerce. Il vous permet de créer n'importe quel type de formulaire WordPress en quelques minutes.

Le plugin est livré avec un constructeur de formulaires par glisser-déposer et plus de 1 200 modèles de formulaires intégrés. Tout ce que vous avez à faire est de choisir un modèle et d'ajouter vos personnalisations afin de pouvoir lancer rapidement le formulaire sur votre site.

Avec WPForms, il est incroyablement facile de lier votre formulaire de commande à une méthode de paiement et de collecter les paiements pour les commandes en ligne. Vous pouvez vous intégrer aux méthodes de paiement populaires, y compris Stripe, PayPal, et Authorize.Net pour accepter les paiements en ligne.

En dehors de cela, voici ce que vous aimerez à propos de WPForms :

  • Zéro codage : Créez facilement un formulaire de commande professionnel en quelques minutes sans écrire de code ni engager un développeur
  • Logique conditionnelle intelligente : Modifiez dynamiquement les questions en fonction de la réponse de l'utilisateur
  • Adaptable et compatible mobile : Fonctionne parfaitement sur mobile, tablettes et ordinateurs de bureau
  • Notifications instantanées : Recevez des notifications personnalisées lorsqu'un client passe une commande
  • Intégration e-mail : Envoyez des e-mails automatiquement pour informer les clients de la confirmation et du statut de leur commande
  • Gestion des commandes : Visualisez toutes les commandes des clients en un seul endroit pour optimiser votre flux de travail
  • Protection anti-spam : Captcha intelligent et protection anti-spam intégrée pour bloquer les soumissions de formulaires frauduleuses et indésirables

En plus de toutes ces fonctionnalités exceptionnelles, WPForms permet d'intégrer très facilement le formulaire n'importe où sur votre site, comme dans les pages, les articles et les barres latérales.

Maintenant que nous avons choisi le bon outil, nous allons vous montrer comment créer un formulaire de commande personnalisé dans WordPress.

Créer un formulaire de commande en ligne avec WPForms

Ci-dessous, vous apprendrez à créer un formulaire de commande en ligne en seulement 6 étapes simples. Commençons !

Étape 1. Installer et activer le plugin WPForms

La première chose à faire est de créer un compte WPForms.

WPForms propose une version gratuite du plugin, mais vous voudrez vous inscrire à un plan Pro ou supérieur pour accéder aux intégrations de paiement. Il est accompagné d'une garantie de remboursement à 100 % sans risque.

Lorsque vous vous inscrivez, vous obtiendrez un plugin à installer et à activer sur votre site. Vous ne savez pas comment téléverser le plugin sur WordPress ? Pas de souci, suivez notre guide sur comment installer un plugin WordPress.

Une fois le plugin activé, vous devez visiter la page WPForms » Paramètres pour saisir la clé de licence.

page de licence WPForms

Vous pouvez trouver la clé de licence dans la section Téléchargements de votre compte WPForms sur leur site web.

clé de licence wpforms

Une fois la clé de licence vérifiée, vous pouvez commencer à créer le formulaire de commande.

Étape 2. Ajouter un nouveau formulaire de commande en ligne

Pour créer votre formulaire de commande, ouvrez la page WPForms » Ajouter dans votre tableau de bord WordPress.

Cela ouvrira le constructeur WPForms sur votre écran. Vous devez entrer un nom pour votre nouveau formulaire et sélectionner le modèle intégré Formulaire de facturation / commande.

modèle de nom et de commande wpforms

Maintenant, vous pouvez voir les options d'édition sur le côté gauche et un aperçu du formulaire de commande en ligne sur le côté droit de votre écran.

Aperçu du formulaire de commande

Le modèle de formulaire de commande WPForms est pré-rempli avec toutes les informations standard dont vous aurez besoin d'un client, telles que son nom, ses coordonnées et son adresse.

Le champ le plus important que vous devez modifier est le champ Articles disponibles. Lorsque vous sélectionnez ce champ, vous verrez des options sur la gauche pour modifier les articles et les prix.

Articles disponibles

Vous pouvez modifier l'étiquette du champ et ajouter ou supprimer des articles ici en fonction du nombre de produits que vous souhaitez vendre.

Si vous souhaitez ajouter des images pour chaque produit, cochez la case Utiliser les choix d'images.

Utiliser des choix d'images

Vous verrez maintenant des options pour télécharger des images pour vos produits. Cela aidera les clients à comprendre ce qu'ils commandent sur votre site Web.

WPForms vous permet également d'ajouter d'autres champs à votre formulaire de commande. Cela inclut :

  • CAPTCHA
  • Téléchargement de fichiers
  • Texte sur une seule ligne / Paragraphe
  • Menu déroulant / Cases à cocher
  • Site Web / URL

Vous devez simplement les faire glisser depuis le menu de gauche et les déposer dans votre modèle. Et si vous sélectionnez le champ, vous pouvez modifier le nom du champ, le texte de remplacement, et plus encore à l'aide de l'éditeur de formulaire.

glisser-déposer wpforms

La conception de votre formulaire de commande est maintenant prête, assurez-vous de cliquer sur le bouton Enregistrer pour sauvegarder vos modifications.

Étape 3. Configurer et gérer les notifications du formulaire

Les notifications sont importantes pour vous tenir informé, vous ou votre équipe, des nouvelles commandes. Par défaut, WPForms envoie une notification à votre adresse e-mail d'administrateur WordPress chaque fois qu'un client soumet un formulaire de commande.

Vous pouvez personnaliser ces alertes de notification, modifier/ajouter des adresses e-mail et définir des règles de notification.

WPforms vous permet également de configurer des notifications automatisées à envoyer aux clients qui ont passé une commande. Nous vous montrerons comment configurer les deux options.

1. Notifications par e-mail pour vous et votre équipe

Pour vous informer, vous et votre équipe, dans le constructeur WPForms, ouvrez l'onglet Paramètres » Notifications.

personnaliser la notification wpforms

Dans la notification par défaut, vous pouvez ajouter des adresses e-mail personnalisées séparées par des virgules. Ensuite, modifiez la ligne d'objet et le corps de l'e-mail.

En bas de la page, vous verrez une option pour activer la logique conditionnelle. Cela vous permet de créer des règles pour envoyer des notifications uniquement si les critères sont remplis.

notification de logique conditionnelle

Ainsi, par exemple, si vous vendez différents produits, vous pouvez envoyer des notifications aux responsables de produits dédiés. Ou si un client a laissé un commentaire, vous pouvez informer le membre de votre équipe qu'il doit vérifier et répondre au commentaire.

Nous allons maintenant vous montrer comment configurer des notifications automatisées à envoyer aux clients pour confirmer leurs commandes.

2. Confirmation par e-mail pour les clients

Tout d'abord, créez une nouvelle notification en utilisant le bouton Ajouter une nouvelle notification. Ensuite, ouvrez l'option Afficher les balises intelligentes à côté du champ Envoyer à l'adresse e-mail.

notification pour le client dans wpforms

À partir de là, vous devez sélectionner E-mail dans les champs disponibles et WPForms enverra la notification à l'e-mail que le client a saisi dans le formulaire de commande.

Vous pouvez ajouter une ligne d'objet et un message personnalisés à la notification. Vous pouvez également inclure les détails du formulaire de commande dans la notification en utilisant la balise intelligente {all_fields}.

tous les champs dans wpforms

Enregistrez vos paramètres de notification en utilisant le bouton Enregistrer et WPForms s'occupera automatiquement des alertes de notification.

Étape 4. Configurer les confirmations lors de la soumission du formulaire

Des notifications sont envoyées aux adresses e-mail tandis qu'un message de confirmation apparaîtra aux utilisateurs sur votre site Web lorsqu'ils cliqueront sur le bouton de soumission du formulaire de commande en ligne.

WPForms rend les confirmations intéressantes avec 3 options :

  • Message : Vous pouvez ajouter un message de succès personnalisé lors de la soumission du formulaire de commande. C'est l'option par défaut et elle garantit aux clients que leur commande est traitée avec succès.
  • Afficher la page : Avec cette option, vous pouvez rediriger les clients vers une page de remerciement personnalisée. Cela conduira à un engagement plus poussé et à la fidélité à la marque.
  • Accéder à l'URL (Redirection) : Elle vous permet d'ajouter une URL spécifique et d'envoyer les clients vers un autre site Web après la soumission du formulaire de commande.

Pour ajouter une option de confirmation personnalisée, allez dans l'onglet Confirmation et sélectionnez une option dans le menu Type de confirmation.

Type de confirmation

Ajoutez un message personnalisé et cliquez sur le bouton Enregistrer pour continuer.

Pour plus de détails, consultez notre tutoriel : Comment configurer les bonnes notifications et confirmations de formulaire.

Étape 5. Ajouter un mode de paiement à votre formulaire de commande

WPForms vous permet de collecter des paiements en ligne pour les commandes des clients. Vous pouvez facilement connecter une option de paiement à votre formulaire de commande.

Il prend en charge PayPal, Stripe et Authorize.Net pour accepter les paiements en ligne. Pour chaque mode de paiement, WPForms dispose d'un module complémentaire que vous devez installer et activer sur votre site Web.

Après l'activation, vous pouvez visiter Paramètres » Paiements dans le constructeur WPForms. Cela vous montrera l'option de paiement que vous avez installée à l'aide des modules complémentaires WPForms.

Mode de paiement

Si vous sélectionnez PayPal Standard, vous devez saisir votre adresse e-mail PayPal, sélectionner le mode de production et gérer d'autres paramètres.

Paramètres PayPal

Enregistrez vos modifications et votre formulaire de commande en ligne est prêt. Vous pouvez maintenant l'afficher sur les articles, les pages et les zones prêtes pour les widgets de votre site Web.

Étape 6. Afficher le formulaire de commande en ligne dans WordPress

L'ajout du nouveau formulaire de commande à votre site WordPress ne prend que quelques clics.

Pour les pages et les articles, dans l'éditeur de blocs WordPress, ajoutez un nouveau bloc et recherchez « WPForms ».

Icône Plus

Une fois que vous avez ajouté le bloc à votre page, utilisez le menu déroulant pour sélectionner le formulaire de commande en ligne que vous venez de créer.

Sélectionner le formulaire de commande

Il ne vous reste plus qu'à Publier ou Mettre à jour votre page. Vous pouvez prévisualiser votre page pour voir le formulaire de commande en ligne en action.

Si vous utilisez toujours l'éditeur classique, vous trouverez un bouton « Ajouter un formulaire » qui vous permettra de sélectionner votre formulaire.

ajouter formulaire dans éditeur classique

Vous pouvez également ajouter le formulaire de commande dans vos zones prêtes pour les widgets, telles que les barres latérales et les pieds de page. Pour cela, rendez-vous sur la page Apparence » Widgets.

Faites maintenant glisser et déposez le widget WPForms dans votre barre latérale ou votre pied de page. Sélectionnez le formulaire de commande dans le menu déroulant et il sera ajouté automatiquement.

Ajouter un widget de formulaire

Et avec cela, vous êtes prêt à prendre des commandes sur votre site Web avec un formulaire de commande professionnel.

WPForms est sans aucun doute le meilleur des plugins de création de formulaires. Vous pouvez continuer à utiliser le plugin pour créer d'autres formulaires pour votre site, comme un formulaire de contact ou un formulaire de demande de rappel, afin que les prospects potentiels puissent vous contacter pour dissiper leurs doutes. Cela vous aidera à surmonter les objections de vente et à augmenter vos chances de réaliser une vente.

C'est tout pour aujourd'hui. Nous espérons que ce tutoriel vous a aidé à apprendre comment créer un formulaire de commande en ligne dans WordPress.

Pour vos prochaines étapes, vous voudrez utiliser ces ressources pour obtenir plus de prospects et augmenter vos ventes :

Ces articles sont remplis de tutoriels et d'outils pour vous aider à réussir et à faire de votre entreprise en ligne un succès.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !