Vous souhaitez ajouter un champ de code de coupon de réduction à vos formulaires de commande WordPress ?
Vous n’avez pas besoin d’installer un plugin de commerce électronique avancé pour commencer à offrir des remises à vos clients. Dans ce tutoriel, nous allons vous montrer comment activer un champ de code de coupon sur vos formulaires de commande WordPress.
Ajoutez un champ de code de coupon à vos formulaires de commande WordPress
Si vous ne vendez que quelques produits sur votre site Web, vous ne voudrez peut-être pas installer un plugin lourd comme WooCommerce pour collecter les paiements et offrir des remises avec des codes promo. 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.
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.
La meilleure partie est que vous pouvez également ajouter un champ de code de coupon à vos formulaires de commande avec WPForms.
Sans aucun doute, l’ajout d’un champ de code de coupon de réduction à vos formulaires de commande vous aidera à augmenter vos conversions et vos ventes.
Étape 1 : Installer WPForms
Pour ajouter un code promo à votre bon de commande, vous devez d’abord installer et activer le plugin WPForms sur votre site.
Étape 2 : Créez votre bon de commande
L’étape suivante consiste à créer votre bon de commande avec WPForms. Pour créer votre formulaire, rendez-vous sur WPForms »Ajouter un nouveau. Vous serez maintenant dirigé vers une nouvelle page où vous pourrez sélectionner un modèle. Ici, sélectionnez le Facturation / Bon de commande modèle.
Vous allez maintenant être dirigé vers le générateur de formulaires avec tous les champs à votre gauche et le formulaire à votre droite. Vous pouvez simplement faire glisser les champs du formulaire et les déposer sur le formulaire de commande. Pour modifier un champ, vous pouvez simplement cliquer sur le champ et ajouter votre entrée sur le côté gauche de votre formulaire.
Bien que le modèle de formulaire de commande vous donne un avantage, la beauté de WPForms est que vous pouvez le personnaliser comme vous le souhaitez.
Étape 2 : utilisez la logique conditionnelle pour ajouter un champ de code de coupon
Pour de meilleurs résultats, il est uniquement recommandé d’afficher le champ du code de coupon au client qui a réellement un code de coupon à utiliser.
Créons un champ déroulant sur votre formulaire pour demander si le client a un code promo. Pour ce faire, ajoutez le Menu déroulant champ à votre formulaire sous le Champs standards section.
Vous devrez maintenant personnaliser ce champ. Cliquez simplement sur l’option de champ et remplacez l’étiquette par Vous disposez d’un code promo. Puis changez :
- Première option pour Veuillez sélectionner
- Second choix pour Oui
- Troisième option pour Non
Ensuite, vous devez ajouter un champ dans lequel votre utilisateur peut saisir le code du coupon de réduction. Alors faites glisser le Texte sur une seule ligne à gauche et placez-le juste en dessous du champ Oui / Non de votre formulaire.
Renommez maintenant ce champ en Code de réduction. Pour ce faire, cliquez simplement sur le champ et modifiez 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 pour trouver le Conditionnels option.
Juste en dessous, cochez la case pour activer la logique conditionnelle. Votre logique conditionnelle doit indiquer Afficher ce champ si “Avez-vous un code de réduction” est Oui comme dans la capture d’écran ci-dessous.
Cela signifie que le Code de réduction Le champ ne s’affichera que si un utilisateur confirme qu’il dispose d’un code promo à utiliser.
Étape 4 : Création de 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 montrer à vos utilisateurs si votre code promo est valide ou non. Pour cela, rendez-vous sur Champs de paiement languette. Ajoutez maintenant Objet unique champs 2 fois juste en dessous de votre Code de réduction Campagne.
Cliquez maintenant sur chacun de ces champs. Utilisons le premier champ pour utiliser le coupon et le deuxième champ pour afficher un message d’erreur si le code du coupon n’est pas correct.
Dans le premier, modifiez la balise pour Ton prix. Sous la La description champ, expliquez la remise que vous souhaitez offrir. Dans le Prix de l’article, ajoutez le prix réduit.
Ensuite, faites défiler jusqu’à Conditionnels onglet et cochez la case Activer la logique conditionnelle option. Ici, vous pouvez configurer quand les gens doivent voir cela Objet unique Campagne. Ajoutez maintenant ce que vous voulez que votre code de réduction soit. Disons que votre code est 100% DE REMISE.
Vous pouvez ajouter plusieurs codes de réduction en cliquant sur le Ajouter un nouveau groupe option juste en dessous.
Comme mentionné ci-dessus, utilisons le deuxième champ pour afficher un message d’erreur si le code promo n’est pas correct.
Pour ce faire, pour la seconde Ligne de commande unique, ajoutez la balise comme votre prix. Dans la description, disons Code de réduction invalide. Veuillez noter que ce champ doit être affiché lorsque le code promo est invalide. Pour ce faire, faites défiler jusqu’à Conditionnels et cochez la case Activer la logique conditionnelle option.
Ci-dessous, laissez-le afficher le champ si le coupon de réduction N’EST PAS À 100% RÉDUIT. Si vous avez plus de codes de réduction, ajoutez-les en utilisant le Ajouter un nouveau groupe bouton.
Une fois terminé, appuyez sur le Économiser dans le coin supérieur droit de l’écran. Votre formulaire est maintenant prêt à être publié.
Étape 5 : publiez votre formulaire dans WordPress
L’étape suivante consiste à publier votre formulaire. Pour cela, rendez-vous sur la page ou l’éditeur de publication où vous souhaitez afficher votre formulaire. Cliquez maintenant sur le + connectez-vous 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 message.
C’est tout. Vous avez ajouté avec succès un champ de code de coupon à votre formulaire de commande WordPress.
Si vous avez aimé cet article, vous pouvez également consulter notre revue complète sur WPForms.
