How to add 2 submit buttons?

  • Stickel_Amy
    Asked on June 20, 2024 at 9:23 AM

    I have a Yes or No question with a condition added. If Yes, I need to submit on page 7 and if No, I need to submit on page 8. How do I go about having 2 Submit buttons?

    Link to my form: Sunbelt Bill Pay Vendor Onboarding - Jotform Form Builder

    Thank you

  • Israel JotForm Support
    Replied on June 20, 2024 at 9:42 AM

    Hello Amy,

    Thanks for reaching out to Jotform Support. You can just simply add another submit button to page 7 and use a Skip to Hide conditions. Let me show you how:

    • In Form Builder, click on the Add Form Element menu on the left side of the page.
    • Under the Basic tab, scroll down to Basic Elements, and drag and drop the Submit element to your form.

    How to add 2 submit buttons? Image 1 Screenshot 50

    Now let's set the recommended conditional logic.

    For Scenario 1:

    • In Form Builder, Go to Settings and then click on the Conditions tab to Add a condition

    How to add 2 submit buttons? Image 2 Screenshot 61

    For Scenario 2:

    How to add 2 submit buttons? Image 3 Screenshot 72

    Take a look at the results below:

    How to add 2 submit buttons? Image 4 Screenshot 83

    You can check my demo form for your reference.

    Keep us updated and let us know if you need any more help.

  • Stickel_Amy
    Replied on June 20, 2024 at 9:56 AM

    Is there a way to not have the Next button on Page 7?

    How to add 2 submit buttons? Image 1 Screenshot 20 Screenshot 10

  • Lara JotForm Support
    Replied on June 20, 2024 at 10:03 AM

    Hi Stickel_Amy,

    Thanks for getting back to us. To avoid confusion, I answered your other question on a new thread. You can go ahead and check that out here.

    Reach out again if you have any other questions.

  • celvinpieterson09
    Replied on June 20, 2024 at 10:51 AM

    To achieve the functionality of having two submit buttons based on a Yes or No question in JotForm, where a "Yes" submits the form on page 7 and a "No" submits the form on page 8, follow these steps:

    Steps to Add Conditional Submit Buttons:
    1. Create the Yes/No Question:
    • Add a Single Choice field to your form for the Yes/No question.
    • Label it appropriately (e.g., "Do you want to submit on this page?").
    1. Add Page Breaks:
    • Ensure you have page breaks at the end of page 7 and page 8.
    1. Add Submit Buttons:
    • Place a Submit button at the end of page 7.
    • Place another Submit button at the end of page 8.
    1. Set Up Conditional Logic:
    • Go to the "Settings" tab in the .
    • Select "Conditions" from the left menu.
    • Click on "Add a new condition" and choose "Show/Hide Field".
    1. Create the First Condition:
    • Set up the condition to show the Submit button on page 7 if the answer to the Yes/No question is "Yes".
    • Example:
    • IF: [Your Yes/No Question]
    • STATE: Is Equal To
    • VALUE: Yes
    • DO: Show
    • FIELD: [Submit button on page 7]
    1. Create the Second Condition:
    • Set up the condition to show the Submit button on page 8 if the answer to the Yes/No question is "No".
    • Example:
    • IF: [Your Yes/No Question]
    • STATE: Is Equal To
    • VALUE: No
    • DO: Show
    • FIELD: [Submit button on page 8]
    1. Hide Both Submit Buttons Initially:
    • Initially hide both submit buttons by setting their visibility to hidden. This ensures that they only appear based on the conditions you set.
    • Go to each Submit button's properties and set the "Hidden" option to "Yes".
    Example Conditions Setup:
    1. Show Submit Button on Page 7:
    • IF [Yes/No Question] is equal to "Yes"
    • DO Show [Submit Button on Page 7]
    1. Show Submit Button on Page 8:
    • IF [Yes/No Question] is equal to "No"
    • DO Show [Submit Button on Page 8]
    Test Your Form:
    • Make sure to test your form to ensure that the submit buttons appear correctly based on the user's response to the Yes/No question.

    By following these steps, you can control the visibility of the submit buttons based on the user's answer, allowing them to submit the form on either page 7 or page 8 as needed. If you have any further questions or need additional assistance, feel free to ask!

 
Your Answer