- PeretzVancouverAsked on October 24, 2016 at 05:45 PM
We are a non-profit trying to develop an online registration and membership payment form. I am trying to figure out how to set up two visually distinct areas of payment: one for the required annual memberships (4 different types) and another for the classes you can take once you have paid for membership.
- JotForm SupportKevin_GAnswered on October 24, 2016 at 10:40 PM
Unfortunately you cannot add more than one payment gateway to your form, and you cannot not use the payment integration for more than one different payment type either.
If you would like to have more than one payment method, then I would suggest you to create two separated forms and then embed them into one main form where your users will decide the payment method they would like to use.
Please check this guide where you will find more details about how to create a multiple payment form:
And this guide will help you when you need to update something in one or all the forms involved on this process:
If you have any question, please let us know.
- PeretzVancouverAnswered on October 31, 2016 at 01:09 AM
I followed all these instructions and created a multi-payment form but am running into a couple of problems. First is that the url for the paypal payment and the purchase order are not showing when viewing the form embedded on our website even though they show when I click on "preview" and go directly to the form.
The second is that when I select something to pay for on the Paypal form it is not taking me to Paypal at all. It just stops after the form is submitted and shows "Thank you".I am also not receiving any emails of filled out forms although this is a separate issue.
- JotForm SupportNik_CAnswered on October 31, 2016 at 06:46 AM
You inverted your forms. For Pay Pal you put Purchase order form in your iFrame embed widget and for Purchase order you embedded PayPal.
As you can see, if you in your main form check your CreditCard iFrame embed widget:
You will see that form ID is actually from your Purchase order form:
So if you just exchange those to iFrame embed URLs it will work fine.
Regarding your email issue, I opened a separate thread and we will attend it here.
If you have further questions please let us know.
- PeretzVancouverAnswered on November 01, 2016 at 11:59 PM
Thank you, you addressed the second item on my email, which I have fixed, but not the first. The Paypal form and the Purchase order form are still not showing up when the main form is embeded into our website. See here:
At the bottom of the form when you select Cheque or Credit Card, the Order form or Paypal form should appear but they do not. Any ideas why?
- PeretzVancouverAnswered on November 02, 2016 at 12:17 AM
And it is still not redirecting me to Paypal once I have filled out the form, selected Paypal order form and chosen something to pay for. Thanks for your help.
- JotForm SupportNik_CAnswered on November 02, 2016 at 05:13 AM
I tested your web page and I see the problem.
Please try following:
1. Change the width of iFrame of both paying forms:
2. And then re-embed your form by using iFrame method, but just the code between iframe without script code:
Apparently, your iFrame is a bit off of your main form. Also if you check a main form directy everything is working fine, so it is the problem in how the form is embedded in your website.
Please try and let us know if that worked for you.
Regarding the PayPal question, I did a test and it redirected me to PayPal as you can see below:
We'll wait for your response.
- PeretzVancouverAnswered on November 03, 2016 at 12:50 AM
Sorry, I don't understand where I am supposed to embed the Iframe code. We tried it on our Wordpress website but it cut the form off midway through.
- JotForm SupportowenAnswered on November 03, 2016 at 07:34 AM
Here is how you can embed your form on WordPress:
1. At the WordPress "Add New Page/Post" page, click on "HTML or Text" tab above post textarea.
2. Paste the form embed codes into the HTML/Text area.
3. Don't forget to save your post/page. That's it. Click on Preview or View on your Wordpress dashboard to see your form.
Please use your iFrame code to paste it in the text area. Your form will be embedded once you are done with these instructions.
Please try this and let us know if it does not work.
Thank you for contacting us.
- PeretzVancouverAnswered on November 05, 2016 at 11:28 PM
What you recommended did not work for us but my website designer figured it out from our end something about fixed versus specified sizing.
I have run into another small problem. Because of the Paypal form integrated into the registration form there are currently two SUBMIT buttons, one for the payment type (Paypal or Purchase Order) and the other for the registration form. Currently if I click on the registration SUBMIT it does not send me to the Paypal site and if I click on the Paypal SUBMIT button it does not complete the online registration form. Is there any way to combine both actions into a single SUBMIT button? And if not, then what do you recommend to not make the Form and payment submission so complicated.
Once again the page is here:
Thanks for all your help.
- JotForm SupportBJoannaAnswered on November 06, 2016 at 11:05 AM
This is happening because they are different forms. You basically have three forms:
1. Registration form
2. PayPal form
3. Purchase Order form
Each form has its own submit button and it will collect data only for fields that are part of that form. For example your PayPal form has only product field and once submit button on that form is used it will collect data only for products that are selected, it will not collect data of registration form. And if submit button on registration form is used data that are selected inside of product field (PayPal or Purchase Order) will not be submitted.
To resolve this issue you will need to modify your forms. You only need two forms. Both forms should have all registration fields and product (payment) field. Only difference is that one form should have PayPal field and other form should have Purchase Order field.
At the top of first (main) form (for example Paypal form) you should ask your users if that want to pay by PayPal or Purchase Order, like it is shown on demo form inside of this guide.
And you should embed your second form inside of the first form.
So if the PayPal option is selected you can show all other field of that form and hide embedded form and if Purchase Order is selected show embedded form and hide all fields of first (main) form.
Hope this will help. let us know if you need further assistance.