Dynamic Forms?

  • 18 December 2015
  • 7 replies
  • 12 views

Hi, everyone! Relatively new Unbounce user here, and I’m hoping you can help me.

I’m trying to set up a click-thru page as shown below:

…where the prospect’s selection will take them to more information about the product they need on our website. It looks like something like this may help, but it deals with URL parameters as opposed to a dropdown menu. Does anyone have a script they can share for changing the submit button’s target URL based on dropdown selection?

Many thanks in advance 🙂


7 replies

This is a good question Jennifer and I would definately be interested to know about this also myself!

Userlevel 7
Badge +4

Hey Jennifer! Welcome to unbounce 🙂

Would you be willing to share some more information about your landing page? Although I’m not entirely sure I can help you with this question, I might be able to provide you with some excellent design alternatives!

Can you run me through the required steps for the form? Feel free to inbox me on LinkedIn if you don’t want to spill the beans publicly.

Cheers!

Stefano Apostolakos
https://ca.linkedin.com/in/sapostolakos

I’d love to hear how this gets solved, too.

Hi all, 

You can try something like the script below, there are loads of ways to do it but as long as you can dynamically change the value of window.module.lp.form.data.confirmData to the correct url to match the dropdown your laughing. 

Hope that helps a little.

Cheers

Stuart. 

<br />$("#DropdownFieldName").live('change', function() {<br />&nbsp; switch ($(this).val()) {<br />&nbsp;&nbsp;&nbsp; case 'Smurf Hat':<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.module.lp.form.data.confirmData = "<a href="http://www.yourshopsurl/smurf-hat" rel="nofollow" target="_blank" title="Link http//wwwgooglecom">http://www.yourshopsurl/smurf-hat</a>";<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break;<br />&nbsp;&nbsp;&nbsp; case 'Santa Trousers':<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.module.lp.form.data.confirmData = "<a href="http://www.yourshopsurl/santa-trousers%22" rel="nofollow" target="_blank" title="Link http//amazoncouk/santa-trousers"></a><a href="http://www.yourshopsurl/smurf-hat" rel="nofollow" target="_blank" title="Link http//wwwgooglecom">http://www.yourshopsurl</a>/santa-trousers";<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break;<br />&nbsp;&nbsp;&nbsp; case 'Tickle Stick':<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.module.lp.form.data.confirmData = "<a href="http://www" rel="nofollow" target="_blank" title="Link http//www"></a><a href="http://www.yourshopsurl/smurf-hat" rel="nofollow" target="_blank" title="Link http//wwwgooglecom">http://www.yourshopsurl</a>/tickle-stick";<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break;<br />&nbsp; }<br />});<br />
Userlevel 7
Badge +3

Santa Trousers and Tickle Stick :D 

Figured it was seasonal :) 

Userlevel 7
Badge +3

Reply