How to create multi-page forms?

  • 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 2 years, 9 months ago by Jan Dembowski.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator bcworkz

    (@bcworkz)

    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)

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

    Moderator bcworkz

    (@bcworkz)

    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.

    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)

    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?

    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.