Browse Article by Topicsmultiple payment form payment form conditions
- Order Form Basics
- Order Form Types
- PayPal Forms
- Smart Forms Using Conditional Logic
- Adding a license agreement to a form
- Creating a scrollable Terms & Conditions
- How to Update the Multiple Payment Form
- Setting Up Your First Order Form
- How to Have Sub-Category or Sub-Labels on an Order Form
- How to Create a Basic Multiple Payment form
Related Forum Questions
- Payment form not working
- Why is my payment form not allowing credit card input?
- All conditions stopped working
- My account is blocked due to possible phishing
- I would like to setup a form where several children can be booked onto a course
- Is it possible for a user to submit multiple forms and pay at the end?
- Some can submit, some cannot - why?
- Edit PayPal Payment form
- Payment field description lenght error
- Is it possible to submit the form "only after" a payment has been made?
How to Create a Basic Multiple Payment formLast Update: January 9, 2016
First thing that you'll need to do is identify how many payment methods you would like to use. In this example, we'll have two payment methods, Paypal and Purchase Order.
One (1) - primary form that will house the two forms
One (1) - will be your 1st payment method, Paypal.
One (1) - will be your 2nd payment method, Purchase Order
1st Step: The Primary Form
1. Add a radio button or a drop down menu form element. Add the selections for the payment methods. In this example, we use Radio Button field.
3. Name the First Widget as PayPal and the other one as Purchase Order (Or actually, add a text content is a more appropriate term):
2nd Step: Paypal Form
1. Create a new form that will be your payment form for PayPal, and make sure you add there the information that you will collect from the user such as the name, email, etc. and save your form.
2. Get and save the form URL by clicking the "Preview" button. You also need to save the form width andheight structures because the iFrame Widget requires this later.
3rd Step: Purchase Order Form
1. Go again to the My Forms page and clone your Paypal Form.
2. Delete the PayPal Payment Tool. A prompt will appear and ask "Would you like to keep the products to be used with another payment gateway?" Click YES.
3. Add the Purchase Order payment tool. If you kept the products, the product list will automatically appear again using the new payment method
4. Get and save the form URL by clicking the "Preview" button. Again, you also need to save the form width and height structures because the iFrame Widget requires this later.
4th Step: Inserting the Form URL's into the iFrame Widget
1. Open again the primary form (the one that will house your two payment forms)
2. Click on the Paypal Widget and run the widget wizard:
3. Paste the Paypal Form URL, set the Width and the Height of the Widget. Both height and widget should be defined.
4. Do the same steps for the Purchase Order Payment
5th Step: Setting up the Conditional Logic
1. Click "Setup & Embed"
2. Click "Conditions" button
3. Proceed to setting conditions by selecting the Show/Hide a form field
4. Set your conditional logic to like this:
This is the result of the instructions above: http://www.jotformpro.com/form/41363533068958
For a more complex form, you can read on this user guide on how to update a multiple payment form using the multiple payment form from the Form Gallery: http://www.jotform.com/help/161-How-to-Update-the--Multiple-Payment-Form
Another alternative option is to redirect users to a different form URL base on the selected payment method. Here's a guide on how to redirect to a different URL base on the users answer. http://www.jotform.com/help/317-Change-Thank-You-URL-upon-a-condition-is-met
Questions? Please let us know below!