Comment créer un formulaire simple avec multiple méthodes de paiement

La première chose que vous devez faire est d’identifier le nombre de méthodes de paiement que vous souhaitez utiliser. Dans cet exemple, nous aurons deux modes de paiement, PayPal Standard et Bon de commande.

Dans notre cas, nous aurons au total trois formulaires :

1. Formulaire principal – le formulaire principal qui hébergera les deux formulaires
2. Formulaire standard PayPal – sera le 1er mode de paiement
3. Bon de commande – sera le 2e mode de paiement

Étape 1 : Créer le premier formulaire

1. Accédez à votre générateur de formulaires et ajoutez un élément à choix unique et étiquetez-le comme méthode de paiement.

Cela permettra aux utilisateurs de choisir le mode de paiement qu’ils préfèrent. Vous pouvez utiliser d’autres champs, bien que nous souhaitions que les utilisateurs ne choisissent qu’un seul type de mode de paiement. Vous pouvez donc choisir un bouton radio ou une liste déroulante.

2. Nous ajouterons ensuite deux widgets Iframe intégré où les formulaires de paiement Formulaire PayPal Standard et Bon de commande seront intégrés ou chargés.

Nous laisserons le formulaire principal avec cela pour le moment.

Étape 2 : Configurer le premier formulaire de paiement (PayPal Standard)

Nous allons créer un nouveau formulaire et configurer une passerelle de paiement PayPal Standard. Sous l’onglet Paiements, choisissez PayPal Standard et ajoutez-le à votre formulaire.

Pour en savoir plus sur la configuration des intégrations de paiement, vous pouvez commencer par ces guides :

• Types de bons de commande
• Principes de base du formulaire de commande
• Configurer votre premier formulaire de commande

Étape 3 : Configurer le deuxième formulaire de paiement (bon de commande)

Tout comme à l’étape 2, nous allons créer un autre formulaire de paiement. Cette fois, nous utiliserons le
Bon de commande comme passerelle de paiement.

La passerelle de paiement du Bon de commande n’est intégrée à aucun service de paiement tiers. Ceci est généralement utilisé si vous souhaitez que vos utilisateurs paient par virement bancaire ou par dépôt sur votre compte bancaire. Vous pouvez utiliser un élément Paragraph pour indiquer aux utilisateurs où envoyer les paiements.

Étape 4 : Obtenir l’URL des formulaires de paiement

L’URL du formulaire se trouve sous l’onglet Publier de Form Builder.

Étape 5 : Intégrer les formulaires de paiement dans le formulaire principal

Revenez maintenant au formulaire principal et définissez les URL de chacun des widgets Iframe Intégré.

1. Ouvrez le panneau Paramètres du widget en cliquant sur l’icône de la baguette du widget.
2. Collez l’URL du formulaire standard PayPal dans le URL Frame du cadre sous l’onglet Général.

3. Faites de même sur l’autre widget pour le formulaire de bon de commande.

Étape 6 : Configurer les conditions

Nous voulons uniquement afficher le formulaire de paiement en fonction du choix que l’utilisateur a fait sur le bouton radio. Pour ce faire, nous allons utiliser la condition Afficher/Masquer le champ. Si vous avez besoin d’approfondir ce sujet, voici un guide sur “Comment afficher ou masquer les champs en fonction de la réponse de l’utilisateur“.

1. Cliquez sur Paramètres en haut puis sur Conditions à gauche. Ici, vous pouvez créer une condition Afficher/Masquer un champ.

2. Créez maintenant deux conditions qui afficheront le widget Iframe Embed spécifique en fonction du mode de paiement sélectionné :

• Si le mode de paiement est égal à “PayPal”, alors affichez l’iframe du formulaire PayPal.

• Si le mode de paiement est égal à “Bon de commande“, affichez l’iframe du formulaire de bon de commande.

Vous avez maintenant des formulaires qui vous permettent d’avoir plusieurs options de paiement.

Assurez-vous de supprimer le bouton Soumettre de votre formulaire principal. Vos utilisateurs soumettront les entrées à partir de l’un des formulaires de paiement.

Vous pouvez voir comment fonctionne mon formulaire principal sur ce lien de formulaire : https://www.jotform.com/213133454169958 

Pour un formulaire plus complexe, vous pouvez lire sur ce guide de l’utilisateur comment mettre à jour un formulaire de paiement multiple à l’aide du formulaire de paiement multiple de la galerie de formulaires : “Comment mettre à jour le formulaire de paiement multiple“

Une autre option consiste à rediriger les utilisateurs vers une URL de formulaire différente en fonction du mode de paiement sélectionné. Voici un guide sur la façon de “Modifier l’URL de la page de remerciement en fonction d’une condition”.