Geo landing pages & form to landing page

  • 17 August 2016
  • 6 replies
  • 56 views

We run events through landing pages, I was wondering if there was a way to have geo relevant landing pages (seen this /topics/geo-redirect-landing-page) but I need an automated way via IP addresses or location settings - I’m not going to be able to do it manually.

Second question. I have multiple events run across different cities and a homepage. Would there be a way to have a form on the homepage, add cities to it whihc link to landing pages so people can select a city from a drop down and go through to it? 

 


6 replies

Userlevel 7
Badge +1

Hey James! This will all depend on your comfort level with coding, but there are a few really helpful posts in our Community that go over this in detail. Have a look here and see if this gives you the information you need to accomplish some geo-location scripts: /topics/geo_location_script

As for your second question regarding a drop down menu, it sounds like you might be looking for a conditional form. Unbounce doesn’t have this ability natively, but if you look into some third party form providers (Wufoo and Formstack are some great options), you can set up a list of rules, such as “If users picks A, then display option B, C & D”. Once you’ve created the form, you can copy the embed code provided, and paste it into a Custom HTML widget on your Unbounce landing page. 

If you hit any snags, you can reach back out here or shoot a message over to support@unbounce.com – but if you do that, it’d be awesome if you shared any of your findings in here so that everyone in the Community can see how it pans out. 

Hope that helps, James! 🙂

Userlevel 7
Badge +3

Hi James, 

There are a few key details missing from your question above but generally speaking the answer is YES to both questions.

  • Yes, you can write a script that redirects based on IP address. However, depending on how accurate you need the results to be, I would caution against it.

Alternatively, if you are using any of the big ad platforms, you can use their geo targeting capabilities together with UTM parameters.

  • Yes, you can have a drop down that based upon selection redirects to pre-defined landing page.

Last but not least, take a look at Unbounce’s dynamic text replacement and how it can help you better adjust the copywriting on your page for a particular city/region/state etc.

Best,
Hristian 

Hey Hristian, 

As we’re targeting our advertising via location, its not completely necessary to have geo-based landing pages plus after further research, we have a number of registrations from masked IP addresses so its not worth the risk of losing those registrations.

How is it possible for me to have a drop-down which based upon selection redirects? As I’m aware, you can only have one URL on from ‘confirmation’. Is there some custom script for this or is it a feature I just can’t see?

  • I’m well versed with the dynamic text, its great!
Userlevel 7
Badge +3

Hi James, 

Here is a script I wrote for someone here in the community a few months back. 
(I can’t seem to be able to find the original thread that I posted this on). 

Of course, the vars, URLs and the drop down field name should be adjusted. It also assumes that there is a submit button for the form. 

Best,
Hristian

I have a fairly decent understand of putting codes into Unbounce now but I’m struggling to get this to work, ive amended to what i thought might work but its not. Any ideas?

Userlevel 7
Badge +3

Hi James, 

The above script is just part of a larger script and it’s written in a certain way to accommodate the other parts. 

I whipped up a new one that should be easier to work with: 

<br />$(function() {<br />&nbsp; lp.jQuery('<b>#lp-pom-button-10</b>').unbind();<br />&nbsp; $("<b>#lp-pom-button-10</b>").click(function() {<br />&nbsp; &nbsp; var opt = $('<b>#awesome_redirect'</b>).val();<br />&nbsp; &nbsp; switch (opt) {<br />&nbsp; &nbsp; &nbsp; &nbsp; case "<b>BBC</b>":<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.location.href = "<a href="http://bbc.co.uk"" rel="nofollow" target="_blank" title="Link http//bbccouk">http://bbc.co.uk"</a>;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;<br />&nbsp; &nbsp; &nbsp; &nbsp; case "<b>CNN</b>":<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.location.href = "<a href="http://cnn.co.uk"" rel="nofollow" target="_blank" title="Link http//cnncouk">http://cnn.co.uk"</a>;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;<br />&nbsp; &nbsp; &nbsp; &nbsp; case "<b>GOOGLE</b>":<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.location.href = "<a href="http://google.co.uk"" rel="nofollow" target="_blank" title="Link http//googlecouk">http://google.co.uk"</a>;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;<br />&nbsp; &nbsp; }<br />});<br />&nbsp; });<br />

Things that need to be changed above (all bolded):

  • Button ID
  • Field Name (awesome_redirect)
  • Case - Change these to match the actual drop down options
  • URLs - obviously :) 

Here is an example page with the script: http://unbouncepages.com/drop_down_redirect_example/

Best,
Hristian

Reply