How to create custom form in a page in wordpress?

Scorpion Ghost

Elite Member
Executive VIP
Jr. VIP
Joined
Mar 22, 2013
Messages
9,150
Reaction score
10,490
So I need to create a form on a page in wordpress. Something like this:

qweqwe.PNG

Creating a form isn't an issue. I could probably use the Jetpack contact form (which I already use) to create it.

The problem is the dropdown and the ability to display content in Step 3 based on what choice was selected on Step 2.

Any ideas?
 
Via some special plugin, because WordPress decided to forbid you to use JS in posts and pages.
 
Via some special plugin, because WordPress decided to forbid you to use JS in posts and pages.

Really?

Actually, I have this HTML site where I have something similar.

So there's 5 tabs on the page, and depending on which one you click, different content is displayed.

But the difference is that I don't know if it can be done that way and have the email I receive contain only the content from the particular tab that was active at the time the submit button was clicked.

So I guess I'll have to use a plugin then. Any suggestions?
 
Wordpress site, right? (not wordpress.com free blog)
What you're looking for is called conditional fields, I use the GravityForms plugin for that.

Wordpress.com bro? What do you I think I am, an amateur? :mad: :D

Okay, nobody answer that :p

Now that you mention it, I've heard of GravityForms. Killer, I'll check it out, thanks bro.
 
:D Wordpress.com bro? What do you I think I am, an amateur? :mad: :D

Okay, nobody answer that :p

Now that you mention it, I've heard of GravityForms. Killer, I'll check it out, thanks bro.
No, you're no amateur, being in here since 2013 with much help given to the community. Don't mind his ignorance :D
 
Last edited:
I checked out Ninja Forms, but the plugin is stuck on "Checking connection... " and I can't do anything.

Delete plugin...
 
I tried using the Jetpack contact form. And I can make it work actually, but it bothers me a bit that I can't get some basic functions I'd like (conditional fields, simple number validation).

From the googling I did to fix up the Jetpack form, I came to the conclusion that there's a lot more help out there for Contact Form 7. So I'll give that a shot too...
 
Gravity forms is perfect, but paid. Try CF7 plugin. It is free.

You may be a bit late to the partay, and I'm sorry but no free entrance for late comers, unless they're hot chicks, so you have to pay for your ticket too :(

But you may be the winner here. No one else recommended Contact Form 7 here. But I'm playing with it now and it can do everything Jetpack contact form can do, and more. Number validation, done.

Now I need to see if it can indeed make a dropdown based on a selection on a dropdown - https://stackoverflow.com/questions...-select-option-debends-on-other-select-option

We'll see what happens, but I'm feeling optimistic :p
 
You may be a bit late to the partay, and I'm sorry but no free entrance for late comers, unless they're hot chicks, so you have to pay for your ticket too :(

But you may be the winner here. No one else recommended Contact Form 7 here. But I'm playing with it now and it can do everything Jetpack contact form can do, and more. Number validation, done.

Now I need to see if it can indeed make a dropdown based on a selection on a dropdown - https://stackoverflow.com/questions...-select-option-debends-on-other-select-option

We'll see what happens, but I'm feeling optimistic :p
@PHPInjected recommended it, too
Contact Form 7
 
So I had an issue where the new fields I added on the contact form, the inputs and selections were not arriving in the email when I get it.

Had to switch to the Mail section in CF7 and add the fields to the Message body.

Still figuring it all out, but I think this is gonna work out.
 
Back
Top