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

7 décembre 2023

La première chose que vous devez faire est de déterminer combien de modes de paiement vous souhaitez utiliser. Dans cet exemple, nous aurons deux modes de paiement, PayPal Standard et Bon de commande.

Dans notre cas, nous aurons un total de trois formulaires :

  1. Formulaire principal : le formulaire principal qui abritera les deux formulaires.
  2. Formulaire PayPal Standard : sera le premier mode de paiement.
  3. Formulaire de bon de commande : sera le deuxième mode de paiement.
Youtube Embed Poster: o73mvFr01gk

Étape 1 : Créez le premier formulaire

  1. Accédez à votre Constructeur de formulaires et ajoutez un élément de choix unique que vous étiquetez “Méthode de paiement”.
Jotform Form Builder Single Choice Item

Cela servira d’option pour que les utilisateurs choisissent le mode de paiement qu’ils préfèrent. Vous pouvez utiliser d’autres champs, mais nous voulons seulement que les utilisateurs choisissent un seul type de mode de paiement, vous pouvez donc choisir soit un bouton radio soit une liste déroulante.

  1. Ensuite, nous ajouterons deux widgets iFrame Embed où les formulaires de paiement PayPal Standard et Bon de commande seront intégrés ou chargés.
Jotform Form Builder Widgets

Nous laisserons le formulaire principal comme ça pour l’instant.

Étape 2 : Configurez 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.

Jotform Payment Integrations

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

Étape 3 : Configurez le deuxième formulaire de paiement (Bon de commande)

Comme à l’étape deux, nous allons créer un autre formulaire de paiement. Cette fois, nous utiliserons le bon de commande comme passerelle de paiement.

Jotform Purchase Order Element

La passerelle de paiement Bon de commande n’est pas intégrée à des services de paiement tiers. Elle est généralement utilisée si vous souhaitez que vos utilisateurs effectuent un virement bancaire ou un dépôt sur votre compte bancaire. Vous pouvez utiliser un élément de paragraphe pour indiquer aux utilisateurs où envoyer les paiements.

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

L’URL du formulaire peut être trouvée dans l’onglet Publier du Générateur de formulaires.

Jotform Form Publish

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

  1. Ouvrez le panneau de paramètres du widget en cliquant sur l’icône de baguette magique du widget.
  2. Collez l’URL du formulaire PayPal Standard dans le champ URL du cadre.
Form Builder Iframe Embed
  1. Faites de même pour l’autre widget avec le formulaire de bon de commande.

Étape 6 : Configurez les conditions

Nous voulons afficher le formulaire de paiement en fonction du choix effectué par l’utilisateur dans le bouton radio. Pour cela, nous utiliserons la condition Afficher/Masquer un champ. Si vous souhaitez approfondir ce sujet, consultez le guide Comment afficher ou masquer des champs en fonction de la réponse de l’utilisateur.

  1. Click Settings at the top then Conditions on the left. Here, you can create a Show/Hide Field condition.
Jotform Form Builder Conditional Formatting
  1. Créez maintenant deux conditions qui afficheront le widget iFrame Embed spécifique en fonction du mode de paiement sélectionné :
  • Si la méthode de paiement est égale à PayPal, alors afficher le widget iFrame du formulaire PayPal.
Jotform Conditions
  • Si la méthode de paiement est égale à Bon de commande, ainsi afficher le widget iFrame du formulaire de bon de commande.
Jotform Purchase Conditions

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

Note

Assurez-vous de supprimer le bouton de soumission de votre formulaire principal. Les 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 ce guide utilisateur sur la façon de 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 alternative 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 “Changer l’URL de la page de remerciement en fonction d’une condition“.

Contacter l'assistance :

Notre équipe d'assistance clientèle est disponible 24 heures sur 24 et 7 jours sur 7, et notre temps de réponse moyen est d'une à deux heures.
Notre équipe peut être contactée via :

Forum d'assistance : https://www.jotform.com/answers/

Contacter l'assistance Jotform : https://www.jotform.com/contact/

Envoyer un commentaire:

Jotform Avatar
Ce site est protégé par reCAPTCHA, et les Politique de confidentialité et Conditions de service de Google s'appliquent.

Commentaires :

  • 1Poule2Vie - Profile picture