Comment ajouter une logique conditionnelle aux formulaires de paiement WordPress

Imaginez qu'un consultant indépendant crée un formulaire de paiement pour les nouveaux projets clients. Chaque visiteur qui arrive sur la page voit les mêmes champs : « Nom de l’entreprise », « Numéro d’identification fiscale » et « Référence de la facture », même les acheteurs individuels qui paient un simple acompte.

Le formulaire semble avoir été créé pour quelqu'un d'autre. Certains visiteurs ferment l'onglet avant de finaliser le paiement.

C'est le coût des formulaires de paiement WordPress sans logique conditionnelle : le formulaire pose les mêmes questions à chaque visiteur, quel que soit le contexte.

Les propriétaires de sites qui souhaitent gérer plusieurs types d'acheteurs soit surchargent le formulaire avec des champs qui ne s'appliquent pas à tout le monde, soit créent un formulaire distinct pour chaque scénario, doublant ainsi le travail de maintenance chaque fois qu'un prix change.

C'est là que vous avez besoin de la logique conditionnelle dans vos formulaires de paiement. La logique conditionnelle vous permet d'afficher ou de masquer des champs en fonction de ce qu'un visiteur sélectionne ou saisit.

Dans cet article, nous vous montrerons comment ajouter la logique conditionnelle aux formulaires de paiement WordPress.

Pourquoi la logique conditionnelle est importante pour les formulaires de paiement

Nous avons travaillé avec de nombreux propriétaires de sites qui ont créé des pages de paiement soignées pour constater ensuite que le taux de conversion diminuait car le formulaire semblait générique. La logique conditionnelle résout plusieurs points de friction qui se présentent de manière répétée :

• Les longs formulaires entraînent l'abandon du panier : Chaque champ qui ne s'applique pas à un visiteur est une raison de faire une pause avant de payer. La logique conditionnelle maintient la longueur du formulaire visible courte et pertinente pour chaque personne qui le remplit.
• Les champs non pertinents créent de la confusion avant le paiement : Un acheteur individuel qui voit un champ « Numéro d’identification fiscale » se demande s'il est sur le bon formulaire. Ce moment de doute au moment du paiement est souvent suffisant pour le faire partir.
• Plusieurs formulaires multiplient le travail de maintenance : Sans logique conditionnelle, de nombreux propriétaires de sites créent un formulaire de paiement distinct pour chaque type d'acheteur ou scénario de tarification. Lorsqu'un prix ou un message de confirmation change, chaque formulaire doit être mis à jour séparément.
• Des données erronées finissent dans Stripe : Lorsque les champs facultatifs sont toujours visibles, les visiteurs les remplissent avec du texte de substitution ou les laissent vides. La logique conditionnelle garantit qu'un champ n'apparaît que lorsqu'il s'applique, de sorte que les données client qui arrivent dans Stripe restent précises et utiles.

Cela dit, voyons comment vous pouvez facilement le configurer dans WordPress.

Configurer la logique conditionnelle dans les formulaires de paiement

Vous ajoutez la logique conditionnelle à vos formulaires de paiement à l'aide de WP Simple Pay. Il se connecte directement à Stripe sans WooCommerce ni panier d'achat complet, et il est doté d'une fonctionnalité de logique conditionnelle.

WP Simple Pay est le plugin de paiements Stripe n° 1 pour WordPress, conçu pour les indépendants, les organisations à but non lucratif, les organisateurs d'événements et les petites entreprises qui souhaitent accepter des paiements ponctuels et récurrents sans configuration e-commerce complète.

Contrairement aux constructeurs de formulaires polyvalents qui ajoutent Stripe comme module complémentaire, WP Simple Pay est conçu exclusivement pour les paiements Stripe : la logique conditionnelle, les champs personnalisés et le traitement des paiements font tous partie du même plugin.

Its visual form builder includes a conditional logic option, letting you build payment forms that adapt to each visitor.

Here are some of the features offered by WP Simple Pay:

• Conditional Form Fields: Show or hide any custom field based on what a visitor selects or enters. No code, no separate forms, and no workaround required.
• 21 Custom Field Types: Choose from dropdowns, radio buttons, checkboxes, text inputs, date pickers, and more. Each field carries its own independent conditional rules.
• Real-Time Field Visibility: Conditions evaluate instantly in the visitor’s browser as they interact with the form. No page reload needed.
• 10+ Payment Methods: Cards, Apple Pay, Google Pay, ACH Direct Debit, Klarna, and more. Conditional logic works alongside every payment method WP Simple Pay supports.

With that, let’s see how you can use WP Simple Pay to add conditional logic to WordPress payment forms.

Étape 1 : Installer et activer WP Simple Pay

To start, you can visit the WP Simple Pay website and choose a plan. Do note that the conditional logic feature is available to WP Simple Pay Pro or higher plans users.

Next, you can download the .zip file from the WP Simple Pay account dashboard by clicking the Download WP Simple Pay Pro button.

From there, navigate to your WordPress dashboard, upload the plugin files, and then install and activate the plugin. If you haven’t installed a WordPress plugin before, this step-by-step guide to installing WordPress plugins walks through the full process.

Once the plugin is active, the WP Simple Pay setup wizard launches automatically. Go ahead and click Let’s Get Started to begin the onboarding flow.

If the wizard doesn’t appear, navigate to WP Simple Pay » Settings » General » Advanced and click Launch Setup Wizard.

WP Simple Pay should now be installed and ready. Next, we’ll connect it to Stripe.

Étape 2 : Connecter WordPress à Stripe

In the setup wizard, you can then click the Connect with Stripe button and enter the email address for the Stripe account.

New users can create a free Stripe account from the same screen without leaving WordPress.

After completing the authentication, the wizard advances automatically.

Confirm the Setup Complete screen to finish the setup. Your site is now linked to Stripe and ready to process payments.

Step 3: Create a Payment Form and Add Custom Fields

Next, you can click the ‘Create a Payment Form’ button in the setup wizard.

Or you can navigate to WP Simple Pay » Payment Form and click the ‘Add New Payment Form’ button to add a new form.

From here, you will see multiple built-in form templates.

Go ahead and select a form template.

Payment Form works for most use cases, though a Subscription Payment Form or a use-case template like Fun Run Registration Form works equally well, depending on your goal.

Après avoir sélectionné un modèle de formulaire, vous pouvez accéder à l'onglet Général, donner un titre au formulaire et choisir un type d'affichage.

Le type Formulaire de paiement sur site convient à la plupart des cas d'utilisation. Vous pouvez également cocher l'option Ouvrir dans une fenêtre modale pour afficher le formulaire sous forme de popup.

D'autre part, vous pouvez également sélectionner Formulaire de paiement hors site Stripe dans le menu déroulant Type pour rediriger les visiteurs vers la page de paiement hébergée par Stripe.

Ensuite, ouvrez l'onglet Paiement et configurez la devise, le montant et si le paiement est unique ou récurrent.

À partir de là, vous devrez ouvrir l'onglet Champs du formulaire. Utilisez le menu déroulant du type de champ pour ajouter les champs qui serviront de déclencheurs et de cibles pour les règles conditionnelles.

Pour cet exemple, ajoutons un champ Liste déroulante intitulé « Type de client » avec les options « Particulier » et « Entreprise », puis un champ Texte intitulé « Nom de l'entreprise ».

Étape 4 : Ajouter une logique conditionnelle à vos champs de formulaire

Une fois les deux champs en place, développez le champ Nom de l'entreprise dans la liste et faites défiler jusqu'à la section Logique conditionnelle.

Cochez la case « Oui » sous l'étiquette Activer la logique conditionnelle.

WP Simple Pay affiche deux paramètres : l'action pour le champ (Afficher ce champ ou Masquer ce champ) et la logique de règle (Toutes les règles correspondent (ET) ou N'importe quelle règle correspond (OU)).

Définissez l'action sur Afficher ce champ et laissez la logique définie sur Toutes les règles correspondent (ET).

Ensuite, ajoutez une règle en définissant le champ source sur Type d'entreprise, l'opérateur sur Est égal à, et la valeur sur ce que vous souhaitez définir (dans notre cas, ce sera Entreprise). À partir de ce moment, le champ Nom de l'entreprise reste masqué jusqu'à ce qu'un visiteur sélectionne « Entreprise » dans la liste déroulante.

Astuce Pro : WP Simple Pay ne masque pas seulement visuellement les champs ; il les désactive complètement. Un champ obligatoire comme « Nom de l'entreprise » ne bloquera pas la soumission s'il est masqué pour un visiteur qui a sélectionné « Particulier ». D'autres constructeurs de formulaires masquent le champ visuellement mais laissent la validation obligatoire active, ce qui provoque des erreurs de paiement fantômes pour les visiteurs qui n'ont jamais vu le champ.

De plus, vous pouvez utiliser N'importe quelle règle correspond (OU) lorsqu'un champ doit apparaître pour plus d'une sélection. Par exemple, affichez un champ « Adresse de livraison » lorsqu'un visiteur choisit « Produit physique » ou « Kit événementiel » dans un menu déroulant de type de produit.

Répétez le processus pour tous les autres champs qui nécessitent des règles conditionnelles. Chaque champ gère ses propres règles indépendamment, donc l'ajout de conditions supplémentaires à un formulaire est simple.

Étape 5 : Publier et tester votre formulaire à logique conditionnelle

Lorsque vous avez terminé, cliquez simplement sur Publier pour enregistrer le formulaire.

Ensuite, vous pouvez l'ajouter à n'importe quelle page ou publication en insérant le bloc WP Simple Pay – Formulaire de paiement depuis l'éditeur de contenu WordPress, ou en collant le shortcode.

Une fois le bloc ajouté, sélectionnez simplement votre formulaire dans le menu déroulant.

Vous pouvez maintenant visiter la page publiée et tester votre formulaire de paiement avec la logique conditionnelle.

Par exemple, lorsque nous changeons le type d'entreprise en « Entreprise », le nouveau champ apparaît où les utilisateurs peuvent entrer le nom de leur entreprise.

Bonus : Utiliser la logique conditionnelle avec les options de prix

L'onglet Paiement de WP Simple Pay prend en charge plusieurs options de prix, et le système de logique conditionnelle peut être déclenché par l'option de prix qu'un visiteur sélectionne.

Par exemple, un formulaire d'inscription avec des niveaux « Standard » et « VIP », un menu déroulant « Taille du T-shirt » peut apparaître uniquement pour les acheteurs VIP, gardant le processus de paiement standard épuré.

Si le formulaire a plusieurs options de prix configurées dans l'onglet Paiement, le sélecteur de prix apparaît automatiquement comme une option de déclenchement dans le générateur de règles de logique conditionnelle. Définissez simplement l'opérateur sur Égal à et choisissez l'option de prix spécifique qui doit révéler le champ.

Consultez notre guide sur l'utilisation des modèles de formulaires de paiement dans WordPress pour augmenter les ventes pour plus d'idées sur la création de flux de paiement plus intelligents.

FAQ sur la logique conditionnelle des formulaires de paiement

1. Qu'est-ce que la logique conditionnelle dans un formulaire de paiement ?

La logique conditionnelle permet à un formulaire de paiement d'afficher ou de masquer des champs en fonction de ce qu'un visiteur a déjà sélectionné ou saisi. Un champ « Nom de l'entreprise » peut rester masqué jusqu'à ce qu'un visiteur choisisse « Entreprise » dans un menu déroulant de type de client. Cela permet de garder les formulaires courts et garantit que les visiteurs ne voient que les champs qui s'appliquent à leur situation.

2. WP Simple Pay prend-il en charge la logique conditionnelle ?

Oui. WP Simple Pay inclut la logique conditionnelle dans son constructeur de formulaires visuel pour tous les plans Pro. Les propriétaires de sites peuvent l'activer sur n'importe quel champ personnalisé depuis l'onglet Champs du formulaire sans aucun code. La logique conditionnelle n'est pas disponible dans WP Simple Pay Lite.

3. Puis-je afficher différents champs en fonction de l'option de prix sélectionnée par un visiteur ?

Oui. Le système de logique conditionnelle comprend un opérateur Prix égal à qui se déclenche en fonction de l'option de prix sélectionnée par un visiteur. Cela signifie qu'un champ comme « Taille du T-shirt » peut apparaître uniquement lorsqu'un visiteur choisit un niveau de prix ou un forfait spécifique sur le formulaire.

4. Comment afficher ou masquer un champ en fonction d'une sélection dans un menu déroulant ?

Dans l'onglet Champs du formulaire, développez le champ cible et cochez Activer la logique conditionnelle. Définissez le champ source sur le menu déroulant, choisissez égal à comme opérateur, et entrez la valeur de l'option qui doit déclencher la règle. Le formulaire se met à jour en temps réel dans le navigateur du visiteur au fur et à mesure de sa sélection.

5. Puis-je ajouter plusieurs conditions à un seul champ ?

Oui. Chaque champ prend en charge plusieurs règles, et vous pouvez choisir si Toutes les règles correspondent (ET) ou Une règle correspond (OU) s'applique. Cela gère les scénarios tels que l'affichage d'un champ uniquement lorsqu'un type de produit spécifique et un montant d'achat minimum sont sélectionnés.

Commencez à utiliser la logique conditionnelle pour les formulaires de paiement

L'ajout de la logique conditionnelle aux formulaires de paiement WordPress rend chaque paiement plus pertinent. Les visiteurs ne voient que les champs qui s'appliquent à leur situation, les données envoyées à Stripe restent propres, et les propriétaires de sites gèrent un seul formulaire au lieu de plusieurs.

Nous espérons que cet article vous a aidé à apprendre comment ajouter la logique conditionnelle aux formulaires de paiement WordPress. Vous voudrez peut-être aussi consulter nos guides sur l'ajout de champs personnalisés à votre formulaire de paiement Stripe et la création de messages de confirmation par e-mail par formulaire dans WordPress.

Prêt à commencer à accepter les paiements ? Commencez dès aujourd'hui avec WP Simple Pay.

Pour lire d'autres articles comme celui-ci, suivez-nous sur X.