The Form skip to the next page as soon as fields are filled

  • Profile Image
    megfenn
    Asked on March 18, 2020 at 09:51 AM

    Hi, I'm wanting to create a customer journey on my website using Jot form. Each web page will show questions based on the user's response to the form. I understand how to do the Jot form side of things and create a multi-page form, but I'm unsure how I embed that on my website so that it shows the next 'page' of the form (i.e, it looks like it goes to the next web page). Can you please advise? Thanks.

  • Profile Image
    roneet
    Answered on March 18, 2020 at 10:31 AM

    May we know the form in question? Have you enabled the Auto next feature where as soon as the fields are filled up it jumps to the next page? Are you using the Cards or Classic layout form?

    Looking forward to your response.

    Thanks.

  • Profile Image
    megfenn
    Answered on March 18, 2020 at 10:39 AM

    I haven't made the form yet. I was wanting to know the best way forward before I started it. Thanks in advance.

  • Profile Image
    Richie_P
    Answered on March 18, 2020 at 11:15 AM

    You may use the Card Form if you would like to create a card type form.

    Sample Form:https://form.jotform.com/200774600418046

    If you would like to use the classic forms, you can add the Page break page element and enable Auto Next.

    Guide:https://www.jotform.com/help/119-How-to-Create-a-Multi-Page-Form-with-JotForm

    Sample Form:https://form.jotform.com/200774430597055

    Hope this information helps.

    If you have further questions, let us know.

  • Profile Image
    megfenn
    Answered on March 18, 2020 at 12:10 PM

     Thanks very much. I'll work on the form and be back in touch if I get stuck.

  • Profile Image
    megfenn
    Answered on March 18, 2020 at 01:19 PM

    Hi, have created the form and embedded it on a test page of our website.

    https://www.shakeitupcreative.com/test-form/

    A few questions - I've set the colours and font within Jotform but on the initial card, it displays differently. I've put a screen grab below. On the test page, the pink background is showing as dark.

    Also, how do I stop it from going full screen automatically when they click 'Next' on the first card?

    Thanks very much!

    1584551909Screenshot 2020-03-18 at 17.18

  • Profile Image
    Welvin
    Answered on March 18, 2020 at 01:58 PM

    Allow me to answer your next two questions in the new thread below:

    https://www.jotform.com/answers/2214926

    If there's still a problem with the form that skips page, kindly update this thread so we can take a look at it further.