Multi page contact form as per contact template 3

[adriansoars]

Hi - I want to have a contact form like the template 3, where you click next and it shows another form instead of reloading the page. How can I achieve this?

Thank you

[ruenel]

Hello @adriansoars,

Thanks for writing in! To accomplish what you have in mind, please go to X/Pro > Validations > Extensions and install Cost Estimation & Payment Forms. You can check out the official documentation of this plugin here:

• https://www.wordpress-estimation-payment-forms.com/documentation/

Hope this helps.

[adriansoars]

Thank you!. I will have a try.

[christopher]

You’re welcome.

[adriansoars]

After trying this, I am a bit confused. When I insert the contact template 3, it requests that I have contact form 7 installed, but this functionality is created with the estimation and payments plugin?

As I am very new to Pro, how do I insert the estimations and payments plugin, into the visual designer?

Thank you!

[adriansoars]

Hello again, I have double checked and Contact Template 3 definitely is using Contact Form 7. In that case, how are the multiple pages working? How are the labels indicating the pages rendered (personal information, etc)?

Thanks for your help

[friech]

Hi @adriansoars,

Yes, that is a Contact form 7, and you need the Contact Form 7 Multi-Step Addon as well.

Please see the complete tutorial here. The markup code for the form and CSS is provided on the link in the video description.

If you find the video helpful, please subscribe to our channel for more tutorials.

Hope it helps,
Cheers!

[adriansoars]

Awesome. Great tutorial. Thanks for the pointer

[friech]

We are delighted to assist you with this.

Cheers!