Is it possible to have additional fields show after selecting a certain option on your form?


#1

This is what I’d ultimately like to do:

Have a radio button that asks whether they’d like an invoice by email or mail.

If they click email, then I’d like a field to “pop up” where they can enter their email.

If they click mail, then I’d like a field to “pop up” where they can enter their mailing address.

Is this possible?


#2

Jenna,
You are not the first person to talk about conditional form fields today :slight_smile:

Right now I don’t thin there is an easy way to do this. It would require some custom CSS and javascript. But, I could be wrong so you should wait for an official response from an unbouncer. If you are looking to do this quicker email or call support. They are pretty awesome!

Good luck! Can’t wait to see how this is solved as it is a great idea.

Joe


#3

Hi Jenna, 

The short answer is yes, but the long answer is: it’s complicated. 

The solution involves a bit of javascript to show/hide based on form parameters chosen. It can be pretty tricky if you’re not familiar with advanced coding, but one of our Community Champions Stuart Mitchell was able to find a solution and should be able to help. He discusses it in this thread if you want to take a look, otherwise it would be best to link with him directly. I can intro you two via email if you’re interested. 

Let me know! :slight_smile:


#4

Great, thank you Justin! I will check it out :slight_smile:


#5

After reading Stuart’s thread it seems as though its possible to do this with just a little tinkering. My question is are conditional forms with variable fields in the feature request pipeline?


#6

It sure is, Joe!


#7

Well… I’ll have to keep my eye out for upcoming releases :wink:


#8

Awesome!

If you want to put your weight behind this idea, be sure to +1 and Follow this thread too: 
https://community.unbounce.com/unbounce/topics/how-to-show-different-pages-through-conditions-in-for…


#9

This would really be great. Because while it’s technically possible in js, it’s still flawed on various UX fronts unless it’s native. For example, Stuart’s link is great for desktop - but on Mobile that doesn’t look too good.