Solved

Is there a way to take a user to a conditional TYP depending on their answers in the lead form on the LP?

  • 10 May 2022
  • 3 replies
  • 136 views

Userlevel 1
Badge +2

I hope that question make sense.

Basically, I have a landing page where all traffic flows into. On the LP, there’s a form with a checkbox question at the very end that asks the user to identify whether they are a business owner, marketer, or student. The traffic coming in would be interested in marketing education.

 

Depending on whichever box they check, I want to take them to different TYP’s based on their answer.

 

Is this possible?

 

Thanks in advance!

icon

Best answer by Rene.Aussant 19 May 2022, 18:23

View original

3 replies

Hey There! 

I have the instructions here on how to set up the conditional redirect on your landing pages below. I found this script in the community and made some adjustments to get it working on some of my landing pages.

This script will use a drop-down selection instead of checkboxes but it will provide the desired functionality. :)

To start you will want to set up a Drop Down Menu field in your form, this will allow us to set a URL for each selection so the visitor will be redirected based on the selection. You will then want to name the field and set your desired menu choices.

?name=image.png
 
Once you have set this up you will want to add the script I have pasted below in the Javascripts tab in the builder. You can do this by navigating to the builder and finding the Javascripts tab, then select "Add New Javascript".

?name=image.png
 
Once in the "Manage Scripts" window you can copy and paste the script below into the script field. 

<script>

$("#Add Field Name and ID").on('change', function() {

switch ($(this).val()) {

case 'Option 1':
window.module.lp.form.data.url = "Enter desired URL";
break;
case 'Option 2':
window.module.lp.form.data.url = "Enter desired URL";
break;
case 'Option 3':
window.module.lp.form.data.url = "Enter desired URL";

}

});

</script>

Once pasted make sure the placement is set to "Before Body End Tag" then update the the URL's, the Field Name and ID and the Menu Choice Names in the script to match your Drop Down Menu settings, like so:

?name=image.png
 
If you wish to add more options to the script you can copy the script below and paste it starting at line 15. 

break;
case 'Option 3':
window.module.lp.form.data.url = "Enter desired URL";

Now that this script has been installed you will want to add the needed jQuery script to the page for this to function. You will want to add this as another script to the page with the placement set to "Head".

?name=image.png
 
Below is the needed jQuery script. :) 

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

Once this has been set up you will be able to send visitors to different thank you pages based on their form selection. 

I hope this helps! 

Userlevel 1
Badge +1

Nice, thank you for sharing, @Rene.Aussant! My initial thought was  trying to work in a Typeform embed - good to know it’s not necessary. 😀

Badge

This is exactly what I was looking for, thanks Rene! 

Reply