How to create a button to skip pages on the form?

  • hughdal
    Asked on April 8, 2024 at 4:41 PM

    Sorry, I hope I'm asking this correct - I'm trying to set my form up like a shopping cart. So I want users to be able to fill out page 1, click next to page 2, then have the option on page 2 to go to either page 6 (checkout) or go to page 3 (a duplicate of page 1 for additional entries). Then pages 4 and 5 would also be duplicates of page 1.

    Also is their a way of duplicating page 1 to pages 3,4,5 while keeping the same CSS formatting?

    Or maybe their is a better way?

    Thanks

    Skip from page 2 to page 6 Image 1 Screenshot 20 Screenshot 10

  • Edwin JotForm Support
    Replied on April 8, 2024 at 7:19 PM

    Hi hughdal,

    Thanks for reaching out to Jotform Support. I've taken a look at your form and based on my understanding, you want to allow your users to be able to make an order for one to four products. This can be done by using the Skip To/Hide A Page condition. But, you would need to add a question either on page 1 asking the user how many they would like to purchase, or you can add a question on page 2 asking them if they want to order more. I would suggest adding a dropdown on a separate page asking them to select how many they want to order, and then depending on their answer, you can skip/hide certain pages. It's easy. Let me show you how:

    Adding the Dropdown field:

    1. In Form Builder, click on Add Form Element on the left.How to create a button to skip pages on the form? Image 1 Screenshot 80
    2. Click and drag the Dropdown element to the top. How to create a button to skip pages on the form? Image 2 Screenshot 91
    3. Click on Page Break to split the Dropdown field onto its own page.How to create a button to skip pages on the form? Image 3 Screenshot 102
    4. Click on the Dropdown element and enter a name for the question.
    5. Click on the Gear icon.
    6. Click on Options near the top right.
    7. Enter your options.How to create a button to skip pages on the form? Image 4 Screenshot 113

    Setting up the Conditions:

    1. In Form Builder, click on Settings at the top.
    2. Click on Conditions on the left.
    3. Click on Add Condition.How to create a button to skip pages on the form? Image 5 Screenshot 124
    4. Click on Skip To/Hide A Page.How to create a button to skip pages on the form? Image 6 Screenshot 135
    5. Create the condition as shown below and click Save.How to create a button to skip pages on the form? Image 7 Screenshot 146
    6. Repeat the steps to hide the other pages(e.g., if they want to purchase only one product, then hide the second to fourth product pages).
    7. Repeat the steps for the other options(e.g., if they want to purchase two products, or three products, etc.).

    For more information, check out our guide on How to Skip Pages Using Conditional Logic. As for your other question on duplicating the pages, I've moved that to a new thread. You can check that out here.

    Let us know if you have any other questions. 

  • hughdal
    Replied on April 8, 2024 at 7:26 PM

    Thank you so much for showing me! Exactly what I needed.