How can I break the payment field into different pages of my form?

I have 3 style of t shirts.  Right now they are all displayed in a continuous style on page 1.  However, I would like to break that up and put an order form under each style instead of all on one page.  Before I start redesigning can I have order forms broken up like that.  To be more specific.  I want to put an order form after all the pictures and information on Fruit of the Loom.  The next section would be Next Level with the order form for those shirts under that.  And thirdly, Jerzees pictures and then order form.  Thanks,

Carol

Hello Carol,

I see you already have a page break in the form. That is how you will create a multi-page form. However, you cannot do this for the payment field. The payment field is a single field, and cannot be broken into multiple sections. 

If you'd like a workaround, you can do this by source code. Similar to what we have in the following guide:

https://www.jotform.com/help/181-How-to-Add-a-Sub-Category-to-an-Order-Form 

Just to clarify, is the payment field part of the product order form?  If it is that would mean that I can not put a product order form under each shirt.  That page 2 was created by accident.  what is the advantage of a multi-page form?  What information should I put on page 2 to enhance the user experience?  

Assuming I can't do that, I can create sub-labels in the order form which will make the order form less cumbersome.  I don't know coding so this could be a challenge.  But I can try.  Any hints would be appreciated.  

Thanks for your help,

Carol

Just to clarify, is the payment field part of the product order form?  If it is that would mean that I can not put a product order form under each shirt.  That page 2 was created by accident.  what is the advantage of a multi-page form?  What information should I put on page 2 to enhance the user experience?  

Assuming I can't do that, I can create sub-labels in the order form which will make the order form less cumbersome.  I don't know coding so this could be a challenge.  But I can try.  Any hints would be appreciated.  

Thanks for your help,

Carol

Unfortunately no, you cannot break the payment field and display part of it under each shirt section.

I would suggest you to please use regular form fields i.e dropdown & checkbox field to list your product options under each shirt. You can add "Form Calculation" widget in form to calculate the amount and then pass it to the payment field. The following guide should help you: https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field

Hope this helps.

Do get back to us if you would like us to build a demo form for you, we will do the needful.

We will wait for your response.

That would be wonderful if you could build a demo form.  Thanks

Hi, sorry for the delay, I have worked on a demo form, please check this example: https://form.jotform.com/92695295169979

If you like it, you may clone it as shown on this guide: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

What I did was the following:

1) Divided the products with a Page Break field.

2) Setup the Quantity, Color, Size, and Style per each product.

3) Assigned a value to the last two Size options: https://www.jotform.com/help/301-How-to-Assign-Calculation-Value

4) Added a Form Calculation widget for each product to perform calculations: https://www.jotform.com/help/259-How-to-Perform-Form-Calculation-Using-a-Widget

Example:

5) Then, summed up all them through another Form Calculation widget, which I named as "Total to be paid".

6) Passed it to the payment field: https://www.jotform.com/help/275-How-to-Pass-a-Calculation-to-a-Payment-Field

Let us know if you need more help, we will be glad to assist you.