What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Is there any way of adding multiple sections with products on a single order form?

    Asked by jmscreative on July 25, 2012 at 07:10 AM

    Hi there

    I'm trying to create an order form for products on our wedding stationery site (I have to say I think your tools are amazingly easy to use and I LOVE your product!).

    Our products are organised into three different categories - Before the Day, On the Day, and After the Day. There are multiple products within each. Customers may purchase products from all sections at once, but equally, they may wish to purchase from just one section and return for more at a later date. I don't want to bombard them with ALL the products at once, and wanted to break it down in a similar way that I have done in the following form: http://www.jmsc-weddingstationery.co.uk/order-free-bespoke-sample

    Could you let me know if this is possible please?

    Best wishes

    Jo Stratfull

    Order Form order form sections purchase create an order form
  • Profile Image

    Answered by gori-mathew on July 25, 2012 at 07:19 AM

    Hi;

    Yes this is possible.Simply add a quantity property to your product.

    1.  Click the wizard icon for your payment field
    2.  Click Next twice until you are at the Products section of the Payment Wizard
    3.  Hover your mouse on the product you'd like to add a quantity property to
    4.  Click "Add New Option" then choose "Add Quantity Property"

     5.  Click Next then finish the wizard.

    For more guidelines, kindly check the links below;

    https://www.jotform.com/answers/96175-Multiple-entries-on-a-form

    https://www.jotform.com/answers/77711-Order-form

    Lets know if you need further assistance on this issue.

     

  • Profile Image

    Answered by jmscreative on July 25, 2012 at 07:26 AM

    Thanks for the quick response.

    I've added the quantities ok, but I need to know if I can have multiple product SECTIONS within one form. For example:

    Section 1:
    List of products

    Section 2:
    List of products

    Section 3:
    List of products

    So that it is broken down visually for the user, rather than one whole list.

    Is this possible?

  • Profile Image
    JotForm Support

    Answered by jonathan on July 25, 2012 at 07:36 AM

    @jmscreative

    You can probably achieve this if you use the form's source code.

    Add the collapsable fields (section) and products(purchase order) on your form.

    Then using the form source code, you can probably edit the html form and move the products into the sections

    Example, I have this form, I will try to edit the source code to move and divide the products into the section and make an illusion that the products are group/categorized.

    Hope this help.

    Please inform us if you need further assistance.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by jonathan on July 25, 2012 at 08:10 AM

    Hi,

    Here is my updated sample page. I modified the source code of this form.

    Hope this help. Please feel free to contact us shoud you have further inquiry.

    Thanks.

  • Profile Image

    Answered by skompdev on July 26, 2012 at 09:29 PM

    Wow this is brilliant. I can see LOTS of uses for this.

    Thanks for the excellent sample. Putting this to work right away!

     

    Can you explain a little more exactly how you move the products?

    I cloned your form, I then added quantity to my products. It seems like when I cut the <span.... to the <br /> of what i think is andividual product - it stops the form collapse from working. If i repaste the code back the collapse works.

    Maybe I'm just not clear what the exact code for a product is?

     

  • Profile Image

    Answered by forkeo on February 11, 2013 at 10:35 PM

    can I clone this form that you created jonathan. I love it! How do I clone it?

  • Profile Image

    Answered by jeanettebmz on February 11, 2013 at 10:54 PM

    To clone a form please follow these steps

    1. Copy the URL of the form that will be cloned

    2. Log into your target account

    3. Click on "Create Form"

    4. Click on "Import Form"

    5. Click on "From a Web Page" and paste the form URL

    6. Click Continue and your form should be cloned.


  • Profile Image

    Answered by DippyBoutique on February 29, 2016 at 05:25 PM

    Omg i love thsi!!!!  Could i possibly do something like this with my form?  How can i get 5 main drop down menus???  My form is an order sheet/ measurements for custom costumes!!!!   Thanks

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 29, 2016 at 10:38 PM

    Hello DippyBoutique,

    This is a very old thread. I have moved your question to a new thread and you will be answered here:  http://www.jotform.com/answers/784351

    Thank you!