Créer un formulaire avec plusieurs modes de paiement

Nous utilisons JetForm pour réserver des places de concert. Les spectateurs payent par chèque ou par virement.

Nous aimerions ajouter un paiement par Carte Bancaire.

Comment est-ce possible, nous aimerions proposer un triple choix : Chèque, Virement, CB ?

Est-ce possible avec Stripe (ou Stripe Checkout) ? Devrons-nous créer plusieurs formulaires ?

Merci

Bonjour jazz64200,

Merci de contacter l'assistance Jotform. Oui, c'est possible en créant deux formulaires, chacun avec un moyen de paiement différent, formulaires à embarquer dans le formulaire principal sous forme de iframe, cachés par défaut, une condition appliquée au choix de paiement affichant l'iframe correspondant au choix. J'ai besoin d'un peu de temps pour vous expliquer la méthode en détail, je reviens vers vous aussitôt que possible. En attendant, vous pouvez consulter ce guide, Comment créer un formulaire simple avec multiple méthodes de paiement.

Merci de votre patience, que nous apprécions.

Cher jazz64200,

Voici donc un exemple fondé sur un clone de votre formulaire.

Dans un premier temps, il s'agit faire deux clones de votre formulaire de commande et de l'adapter à chacun des mode paiement.

1. A la page MesFormulaires, sélectionner votre formulaire et, totu à doite, cliquer sur Plus.
2. Sélectionnez Cloner. Répétez pour le second clone.
3. Ouvrez le premier clone dans le Générateur de Formulaire, qui servira pour le paiement par CB, et gardez tous les champs sauf les en-têtes qui figureront sur le formulaire principal. et le paragraphe relatif au virement ou chèque. Sélectionnez ensuite la Liste de produits, et cliquez sur l'icône de paiement.
4. Ajouter votre passerelle de paiement CB.
5. Changez l'intitulé du bouton de Soumission en conséquence.
6. Une fois ce premier formulaire de paiement configuré, ouvrez le second clone pour le paiement par virement ou chèque et supprimez seulement les en-têtes inutiles. Et, de même, sélectionnez la Liste de produits, et cliquez sur l'icône de paiement.
7. Sélectionnez Purchase Order, et cliquez sur Utiliser la Sélection.
8. Changez l'intitulé du bouton de Soumission en conséquence.

Maintenant, pour chacun de ces clones, notez leur lien direct (URL):

1. Dans le Générateur de Formulaires, dans la barre de navigation orange en haut de la page, cliquez sur Publier. 
2. Notez l'URL mentionné à la section Partager avec un lien.
3. Ouvrez maintenant le formulaire principal dans le Générateur de formulaire, et ne conservez que le logo, les entêtes et le menu de sélection de moyen de paiement. Dans le panneau de gauche, allez à l'onglet Widgets.
4. Ajoutez le widget Iframe intégré.
5. Cliquez sur sa baguette magique.
6. Renseignez l'option URL Frame avec l'URL de l'un des clones adaptés au paiement.
7. Cliquez sur Mettre à jour le widget.
8. Cliquez maintenant sur l'engrenage du widget.
9. Adaptez la Hauteur de l'iframe afin qu'il montre l'ensemble du formulaire.
10. Répétez depuis l'étape 4 pour le second formulaire de paiement.

Il s'agit maintenant de définir deux conditions qui vont chacune afficher l'iframe correspondant mode de paiement choisi.

1. Dans le Générateur de Formulaires,  ouvre le formulaire principal et, dans la barre de navigation orange en haut de la page, cliquez sur Paramètres. 
2. Dans le panneau de gauche, allez à l'onglet Conditions.
3. Ajoutez une condition Afficher / Masquer un champ, comme suit.
4. Cliquez sur Enregistrer.

La condition étant:

Répétez ces dernières étapes pour définir la seconde condition qui affiche l'autre iframe, et nous y sommes.

Cela nous donne le résultat suivant. Notez que j'ai supprimé le bouton de soumission du formulaire principal qui peut, ici, d'avérer inutile. Ici, toutes les données seront enregistrées dans les données relatives à l'un où l'autre des formulaires de paiement, ce qui est peut-être plus facile pour avoir toutes les données avec chaque paiement ou commande. Vous pouvez évidemment dispatcher les différentes données autrement selon les champs que vous choisissez d'intégrer au sein de chacun de ses trois formulaires. Vous pouvez partir de mon exemple qui se trouve ici.

Vous pouvez trouver mon exemple ici, et les deux formulaires de paiement ici et là. Si vous les clonez, n'oubliez pas de mettre à jour les URL des iframes dans le formulaire principal.

Faites un essai et revenez vers nous si vous avez encore besoin d'aide.

Merci beaucoup pour votre réponse précise, que j'ai pu mettre en place.

Il me reste une question :

Comment retrouver dans le sous-formulaire le nom de celui qui paye ?

Par avance merci,

Jacques Fayet

Bonjour Jacques,

Notez que, pour ce faire, dans mon exemple, j'ai pris soin d'intégrer les informations requises dans les formulaires embarqués pour le paiement. Il n'est en effet pas possible de passer une réponse apportée dans le formulaire principal dans un champ des widgets iframe embarqué.

Votre requête concerne t-elle un formulaire qui a déjà reçu des soumissions et donné lieu à des paiements? Si ou, pouvez-vous préciser de quels formulaires e-formulaires de paiement il s'agit? Ainsi, aussitôt que vous revenez vers nous, nous pourrons comprendre ce qui se passe et chercher une solution. 

Merci de votre réponse.

Je crois avoir mal compris la notion de sous formulaire. Ce n'est pas ce qu'on utilise dans une base de données comme Access avec une relation 1/n.

Si je comprends bien, le formulaire principal sert seulement à choisir le mode de paiement. Chaque "sous-formulaire" doit contenir l'ensemble des données recherchées y compris le paiement.

Je vais devoir tout reprendre. Avez-vous la possibilité de restaurer le formulaire ancien de réservation Jazz for ever ? Version de juin ?

Merci et bonne journée

Hi Jacques,

Our French Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, yes, to have multiple payment options on a single form, you'll need to follow the steps provided by my colleague Frédéric to set up a payment integration on a different form, and then embed it in your main form. About your second question on restoring your form, if I understood it correctly, you'd like to redo the changes you've made to your form on a specific date. If so, it's easy to do that. Let me show you how:

1. In Form Builder, at the top of the page under your Form's name, click on the Circular Arrow icon.

2. On the right side of the page under Revision History, you'll see the changes that were made in your form with their corresponding dates. Click on a version of your choice and click on Revert. That's it.

Give it a try and let us know how it goes.