Voulez-vous ajouter un champ de code de réduction à vos formulaires de commande WordPress ?
Vous n'avez pas besoin d'installer un plugin e-commerce avancé pour commencer à offrir des réductions à vos clients. Dans ce tutoriel, nous vous montrerons comment activer un champ de code de réduction sur vos formulaires de commande WordPress.
Ajout d'un champ de code de réduction à vos formulaires de commande WordPress
Sans aucun doute, l'ajout d'un champ de code de réduction à vos formulaires de commande vous aidera à augmenter vos conversions ainsi que vos ventes.
Si vous ne vendez que quelques produits sur votre site Web, vous n’aurez peut-être pas envie d’installer un plugin lourd comme WooCommerce pour collecter les paiements et offrir des réductions avec des codes promotionnels. Tout ce que vous avez à faire est d’installer un plugin de formulaires WordPress, comme WPForms et de l’intégrer à une passerelle de paiement. Nous avons un tutoriel étape par étape qui vous montre comment vendre en ligne sans configuration e-commerce.
WPForms est le meilleur plugin de formulaires de contact pour WordPress. Il vous permet de créer rapidement et facilement un formulaire de contact, un formulaire de paiement, un formulaire de commande, un formulaire de don, ou tout autre formulaire WordPress.
Le meilleur, c’est que vous pouvez également ajouter un champ de code promotionnel à vos formulaires de commande avec WPForms. Pour en savoir plus sur ce plugin, consultez notre avis détaillé sur WPForms
Avant de commencer, précisons que ce tutoriel vous montre comment ajouter un code de réduction spécifiquement à votre formulaire WordPress. C'est simple et facile à suivre, et convient mieux à ceux qui gèrent une boutique d'un seul produit ou vendent seulement une poignée de produits en ligne.
Cette méthode ne dispose pas de fonctionnalités avancées pour ajouter des réductions basées sur des pourcentages et des conditions de panier pour les boutiques de commerce électronique complètes et de grande taille. Pour cela, vous devrez utiliser une solution WooCommerce comme Advanced Coupons.
Vous pouvez ajouter des offres BOGO, des coupons par URL, des conditions de panier, des restrictions de rôle de coupon, des crédits de magasin, et plus encore – son utilisation est totalement gratuite. Il existe également une version premium du plugin qui vous offre des fonctionnalités avancées.
Consultez notre avis détaillé sur le plugin Advanced Coupons ou commencez tout de suite et apprenez Comment créer correctement des coupons avec WooCommerce pour le profit.
Cela dit, voyons comment vous pouvez rapidement ajouter une option de réduction simple à votre formulaire WordPress en utilisant WPForms.
Étape 1 : Installation de WPForms
Pour ajouter un code de coupon à votre formulaire de commande, vous devez d'abord installer et activer le plugin WPForms sur votre site.
Étape 2 : Création de votre formulaire de commande
La prochaine étape consiste à créer votre formulaire de commande avec WPForms. Pour créer votre formulaire, allez dans WPForms » Ajouter un nouveau. Vous serez maintenant dirigé vers une nouvelle page où vous pourrez sélectionner un modèle. Sélectionnez ici le modèle Formulaire de facturation/commande.
Vous serez maintenant dirigé vers le constructeur de formulaires avec tous les champs sur votre gauche et le formulaire sur votre droite. Vous pouvez simplement faire glisser les champs du formulaire et les déposer dans le formulaire de commande. Pour modifier un champ, il vous suffit de cliquer sur le champ et d'ajouter votre saisie sur le côté gauche de votre formulaire.
Bien que le modèle de formulaire de commande vous donne une longueur d'avance, la beauté de WPForms est que vous pouvez le personnaliser comme vous le souhaitez.
Étape 2 : Utiliser la logique conditionnelle pour ajouter un champ de code de réduction
Pour de meilleurs résultats, il est seulement recommandé d'afficher le champ de code de réduction au client qui a effectivement un code de réduction à échanger.
Créons un champ de liste déroulante sur votre formulaire pour demander si le client a un code de réduction. Pour ce faire, ajoutez le champ Liste déroulante à votre formulaire sous la section Champs standard.
Vous devrez maintenant personnaliser ce champ. Cliquez simplement sur l'option du champ et changez l'étiquette en Avez-vous un code de réduction. Ensuite, changez :
- Premier choix en Sélectionner
- Deuxième choix en Oui
- Troisième choix en Non
Ensuite, vous devez ajouter un champ où votre utilisateur peut saisir le code de réduction. Faites donc glisser le champ Texte sur une seule ligne depuis la gauche et déposez-le juste en dessous du champ Oui/Non sur votre formulaire.
Renommez maintenant ce champ en Code de réduction. Pour ce faire, cliquez simplement sur le champ et changez le texte sur le côté droit de votre écran.
Il est maintenant temps d'activer la logique conditionnelle. Pour cela, faites défiler l'écran vers le bas pour trouver l'option Conditions.
Juste en dessous, sélectionnez la case à cocher pour activer la logique conditionnelle. Votre logique conditionnelle doit indiquer Afficher ce champ si « Avez-vous un code de réduction » est Oui, tout comme dans la capture d'écran ci-dessous.
Cela signifie que le champ Code de coupon de réduction ne s'affichera que si un utilisateur confirme qu'il a un code de coupon à échanger.
Étape 4 : Créer des validations pour votre champ de code de coupon
L'étape suivante consiste à ajouter des validations à votre formulaire que vous avez créé avec WPForms. Avec cette étape, vous pouvez indiquer à vos utilisateurs si leur code de coupon est valide ou non. Pour cela, allez dans l'onglet Champs de paiement. Ajoutez maintenant 2 champs Article unique juste en dessous de votre champ Code de coupon de réduction.
Cliquez maintenant sur chacun de ces champs. Utilisons le premier champ pour échanger le coupon et le second champ pour afficher un message d'erreur si le code de coupon n'est pas correct.
Dans le premier, modifiez l'étiquette pour Votre Prix. Sous le champ Description, expliquez la remise que vous souhaitiez offrir. Dans le champ Prix de l'article, ajoutez le prix remisé.
Ensuite, faites défiler jusqu'à l'onglet Conditionnelles et cochez la case Activer la logique conditionnelle. Ici, vous pouvez définir quand les gens devraient voir ce champ Article unique. Ajoutez maintenant ce que vous voulez que votre code de réduction soit. Disons que votre code est 100%OFF.
Vous pouvez ajouter plus d'un code de réduction en cliquant sur l'option Ajouter un nouveau groupe juste en dessous.
Comme mentionné ci-dessus, utilisons le deuxième champ pour afficher un message d'erreur si le code de coupon n'est pas correct.
Pour ce faire, pour le deuxième Article de ligne unique, ajoutez l'étiquette Votre Prix. Dans la Description, disons Code de réduction invalide. Gardez à l'esprit que ce champ doit être affiché lorsque le code de coupon est invalide. Pour ce faire, faites défiler jusqu'à Conditionnelles et cochez la case Activer la logique conditionnelle.
En dessous, laissez-le afficher le champ si le coupon de réduction N'EST PAS 100%OFF. Si vous avez plus de codes de réduction, ajoutez-les en utilisant le bouton Ajouter un nouveau groupe.
Une fois terminé, cliquez sur le bouton Enregistrer dans le coin supérieur droit de votre écran. Votre formulaire est maintenant prêt à être publié.
Étape 5 : Publication de votre formulaire sur WordPress
L'étape suivante consiste à publier votre formulaire. Pour cela, allez dans l'éditeur de page ou d'article où vous souhaitez afficher votre formulaire. Cliquez ensuite sur le signe + dans le coin supérieur gauche de votre écran. Ensuite, à l'aide du bouton de recherche, recherchez WPForms.
Lorsque vous trouvez WPForms, cliquez dessus. Vous pouvez maintenant sélectionner votre formulaire en cliquant sur la flèche déroulante. Votre formulaire sera maintenant ajouté à votre page. Assurez-vous ensuite de publier le formulaire en mettant à jour votre article.
C'est tout. Vous avez ajouté avec succès un champ de code de coupon à votre formulaire de commande WordPress.
À mesure que votre entreprise en ligne se développe, vous pourriez avoir besoin de passer à une solution plus avancée. Vous devrez alors peut-être vous inscrire à Advanced Coupons. Nous vous suggérons de mettre cette page en favoris ou de noter ce plugin pour une utilisation future.
Nous espérons que ce tutoriel vous a plu. Si c'est le cas, vous pourriez également vouloir lire d'autres de nos ressources :
- 11+ meilleurs plugins de témoignages WordPress
- Comment ajouter des notifications de preuve sociale dans WordPress
- 15 outils d'optimisation du taux de conversion pour faire décoller la croissance
Ces articles vous aideront à développer votre entreprise en ligne et à gagner la confiance des utilisateurs.
Vous ne pouvez donc définir qu'un prix fixe pour votre code de réduction ? Pourquoi ne pas offrir l'option d'une réduction en pourcentage ? Pourquoi ne pas permettre à un champ d'avoir un montant négatif qui pourrait être soustrait du total ? Ou faire en sorte qu'il multiplie le total par un pourcentage pour un prix réduit de 20% ou quelque chose comme ça ? J'ai passé tout ce temps à créer mon formulaire dans WPforms et maintenant je suis limité par ce manque de capacité.
Si vous avez besoin d'un plugin de coupon complet, vous pourriez essayer Advanced Coupon Plugin à la place.
C'est bien en effet, mais le vrai problème est de savoir comment ajouter un champ de quantité.
La seule raison pour laquelle je n'ai pas ma boutique en ligne avec WPforms simple est son manque de ce champ.
Merci de votre visite René,
Vous pouvez ajouter un champ de quantité en choisissant le menu déroulant ou le menu radio. Voici un article de WPForms qui montre comment faire.