How to create multi-page forms?

  • sslv

    (@sslv)


    4 years, 3 months ago

    I’m currently working with UsersWP and GeoDirectory plugins and have created several forms. Those forms are very long and look boring because they are too big.

    I’m looking for a solution which will allow me to apply multi-page functionality on my existing forms without having to create them again.

    From what I searched online no plugin is capable of that, but I’m probably wrong. Please let me know if there are plugins.

    Additionally, I don’t mind using PHP or Elementor HTML/JS to do that but I will need some guidance and if that process will cause any performance or data-loss issues.

    Thanks for your time,
    SSLV

    • This topic was modified 4 years, 3 months ago by Jan Dembowski.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator bcworkz

    (@bcworkz)

    4 years, 3 months ago

    Breaking an existing form into fully discrete pages is problematic because the way submitted data is handled would need to be fundamentally changed. I recommend using some sort of tabbed or accordion display scheme to display different form sections at a time, yet the entire form still exists on the one page and would be submitted all at once.

    The scheme involves adding click event listeners that will alter the CSS properties of various elements so only one part of a form is visible at one time.
    https://www.w3schools.com/howto/howto_js_tabs.asp
    https://jqueryui.com/accordion/#default

    Thread Starter sslv

    (@sslv)

    4 years, 3 months ago

    So I guess the only solution is to handle it with front-end?

    Moderator bcworkz

    (@bcworkz)

    4 years, 3 months ago

    To avoid altering how the form data is processed, yes. A true multi-page form would need to be able to save each individual page’s data before advancing to the next page. Essentially you’d have a number of individual forms instead of one big one. You could do that, but then there ought to be some scripting to ensure the user will properly navigate through all the forms.

    Stefan Harmsen

    (@stefanharmsen)

    4 years, 1 month ago

    Hi SSLV,

    I have the same issue with the long boring GeoDirectory form and I just ran into a plugin that splits the form into multiple parts. Thought I’d share it with you:

    Geodirectory stepwise form

    Oh and here’s a videotutorial: https://www.youtube.com/watch?v=tZpJFsmSpGY

    Hope it’s of any use to you.

    Cheers, Stefan

    Thread Starter sslv

    (@sslv)

    4 years, 1 month ago

    Hi Stefan,

    thanks for the update. I managed to do it for free using JavaScript. But maybe I will use it in the future.

    Do you know if this plugin is one-time-charge or annual-payment?

    Stefan Harmsen

    (@stefanharmsen)

    4 years ago

    You’re welcome sslv. I haven’t bought yet, but it looks like a one-time-charge.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘How to create multi-page forms?’ is closed to new replies.