Ajax Multi-Step Form with Wordpress

Hello,

I would like to get a Multi-Step Form to work with Wordpress using Ajax, this will simply be the order section of a one-page website.

Based on my research so far:

This script seems to work very well, but not compatible with Wordpress:
http://codecanyon.net/item/ajax-html5-jquery-multistep-form/7498872

This multi-page script doesn't fulfill the need as it's multiple pages not same page:
https://wordpress.org/plugins/contact-form-7-multi-step-module/

Someone seems had been able to build a hack to get it to work on the same page, but not verified:
https://frankthoeny.wordpress.com/2013/04/02/wordpress-sliding-form-with-contact-form-7-and-multipage-multistep-form/

So, what is my best option to get this to work with Wordpress?

  • Adam Czajczyk

    Hello @abdelrahman_magdy,

    I hope you're well today and thank you for your question!

    I made a little research on this and it seems there's indeed no reliable multi-step ajax-powered form plugins for WordPress. From what I can see, the last solution (the one from Frank Thoeny) seems like it should work, although it would require a bit of custom coding. Fortunately, this is quite well explained in the post.

    Another solution would be to implement this form:

    http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar

    There's a "ready to go" code given, however it's not WordPress-dedicated solution and also would require some tweaking and probably wrapping up as a plugin.

    That said, I think what you have found is a reasonable solution and I'd go Thoeny's approach a try here.

    In case you'd need any further assistance on this, let me know!

    Best regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.