Replies posted by Rob

198 Replies

Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Use Geotargeting to Display a Visitors Location on a Page

Hi Scott! I just had a look and the code will still work. However it looks like Geolocation DB now requires a free signup in order to use their service and make requests via their API. Signing up for a free account will get you an API key and a new URL to use when making a request to the API. After signing up all you need to do is paste in that new URL with the API key in the code and replace the URL in url: "https://geoip-db.com/jsonp/" Once that new URL is added everything should work as before 🙂

86
Hristian
2 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

Dynamic Image Replacement Using URL Parameters

I took another look, and ironically I think the issue was being caused by the setTimeout function that I had added previously to fix an issue with the image loading for someone else. I made a copy of your page and removed that settTimeout and it appears to have fixed the issue on my copy. Here’s the code: <script> (function(){ /* Unbounce Community :: Tips & Scripts :: Dynamic Image Replacement Using URL Parameters TS:0002-04-??? *********************** Do not remove this section. It helps our team track useage of external workarounds. */ // Add the image source as the value of a URL parameter to have it appear on the page // Add ID's of Images in builder var image1 = $("#lp-pom-image-520"); var image2 = $("#lp-pom-image-12"); // Add URL parameters var img1 = getURLParameter('img1'); var img2 = getURLParameter('img2'); // function to get URL parameter function getURLParameter(name) { return decodeURIComponent((new RegExp(

37
Finge
7 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

Dynamic Image Replacement Using URL Parameters

Hi Kristi! Looks like there is a small typo in the code where the variables are being set as “imageOne” and “imageTwo” but then referenced later in the code as “image1” and “image2”, which is causing an uncaught reference error on the page. If you make sure those variable match in the code I think that should fix your issue 🙂

37
Finge
7 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

Dynamic Image Replacement Using URL Parameters

hello @tom_goirand and @Elbert thanks for raising this. I’ve found a bit of time to take a quick look at this and you are correct the original script appears to no longer work. I think I may have figured out a solution though 🙂 I was able to get the images to swap on the example page by wrapping the function that changes the image ‘src’ in a setTimeout function to put a slight delay on changing the images. This appears to have worked in getting the images to swap. On the example I’ve set the length of the delay to 2 milliseconds, so you can briefly see the original before it changes over. I’m not entirely sure why the code stopped working in the first place be completely honest. Improvements have been made to how we host and serve images in the years since this workaround was first posted, so my best guess is that somewhere along the line a breaking change was introduced that caused this code to stop working. What I think might have happened was that the original javascript cod

37
Finge
7 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Use Geotargeting to Display a Visitors Location on a Page

Good question Michael! To show some default text in the event that a location isn’t returned in the response you could use an “if” statement placed after the variables are set from the response from GeoLocation DB. So for example: if (!city || city==“Not Found”) { $("#cityField").val(“default text”); } The above code says if there is no value for city (!city) OR if the value for city is “Not Found” then display “default text” in the city form field. You can add this immediately after the code setting the variables like so: var country = location.country_name; var state = location.state; var city = location.city; if (!city || city==“Not Found”) { $("#cityField").val(“default text”); } One thing to note is that this would need to be done for each field separately. Also the “Not Found” is case sensitive so you’d want to make sure that matches the exact not found message returned by Geolocation DB. Hope this helps!

86
Hristian
2 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Use Geotargeting to Display a Visitors Location on a Page

Hi @Michael_Granger I think the issue may been due to me updating the URL in the script which I believe may have broken the functionality. I’ve swapped it back to the previous URL and that should fix the issue. The URL to use in the script is “https://geoip-db.com/jsonp/” So the (first three lines of the) code would look like: $.ajax({ url: "https://geoip-db.com/jsonp/", jsonpCallback: "callback", Let me know if that fixes it for ya!

86
Hristian
2 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Use Geotargeting to Display a Visitors Location on a Page

Thanks for checking on this Hristian, great catch! I’ve updated the original post with the new URL that needs to be used (https://geolocation-db.com/json) and updated the link to their website in the post description. Thanks again!

86
Hristian
2 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Hi @aprilm thanks for the kind words! If you’re referring to the nice video tutorial, that was actually put together by my colleague Jon who works on our Customer Support team. I’d have to agree he is very clever 🙂 To answer your question, unfortunately the two versions of the code don’t work together “out of the box” as they say. I have no doubt that it’s possible to combine the functionality, I just haven’t done that in either version of the code so it would require some tweaks. I can’t say when, if ever, I’d be able to make an improvement like that though I’m afraid.

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Hi @PeerHealthExchange sorry for the late reply here. Just had a look at your page and it looks like you’ve got this working now though (under the Let’s Talk: Real Stories section)? Let me know if you’re still having any issues though, happy to take another look for you as soon as I can.

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in News and Announcements

New Feature: Improved Sort and Filter 🎉

Hi @LuckyLuke We actually just released another, much bigger, feature this morning. Our new feature Smart Traffic is now out of open beta and officially a brand new permanent feature. You can read more about that here - Converting Confidently with the Power of AI: Smart Traffic! If there is anything specific you are looking for, or if you have any feedback on how we can improve Unbounce for you, head on over to feature request section of the community and let us know the details!

7
Rob
4 years ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Use Geotargeting to Display a Visitors Location on a Page

@Akkysia great questions! This can be a little bit tricky if you’re not familiar with javascript, but you’ll want to place both the map and prefill snippets at the end of the function but not outside of the closing brackets }); Here’s a screenshot of what it looks like on the example page. You can see that the prefill and map snippets are near the bottom but still inside that function that’s pulling in the location from GeoIP-DB Hope this helps!

86
Hristian
2 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Use DTR and Track Which Button Opens a Lightbox

Sorry for the late reply here @danmartin42! I just tried the page and it looks like it’s unpublished. If you’re still struggling with the script let me know and I can take a look for you if you publish the page again or drop a link to the preview screen.

13
M
2 years ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Hi @Wrik_Sengupta unfortunately I haven’t created a version of this script that combines both the auto and click functionality. Sorry about that! I’m sure it’s possible to combine the two, but would require some Javascript knowledge. If you’re looking for something with more options in terms of controls you might have better luck embedding a third party carousel using the html widget.

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

@teamvoilasocial Thanks for the link! I had a look and I’ve got it working on the page for you. I created a new variant so as not to make an changes to the original. The script is working now on variant B (its unpublished so you can check it out in preview mode). I removed a couple of extra instances of the code on the page and moved the jQuery CDN to be in the same “script” as the carousel code. For some reason jQuery was not loading before the carousel code. To be honest I’m not sure why that was happening. Moving the location of the CDN script though did look to solve the issue. Have a look at variant B and it should give you what you need to get it working on the actual page 🙂

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

You caught me at a good time today @JamesN, I had a few minutes to take a look at the pages you linked. It looks like the issue is related to a conflict with different versions of jQuery being called in on the pages. I’m seeing a console error on the live page (index):8408 Uncaught TypeError: $(…).fadeIn(…).delay(…).fadeOut(…).promise is not a function Which is being caused by the .promise() function in the carousel script. Looking a bit closer it appears there are three different versions of jquery being referenced on the page (1.12.4, 1.4.2, and 2.2.4). The last one to load on the page is 1.4.2 though, which appears to be taking precedence. That .promise() function isn’t supported until version 1.6. Sooo long story short, it looks like jQuery 1.4.2 is what the browser is defaulting to since it’s loading last, and that’s causing an error with the carousel script. Removing that isn’t going to be too difficult though thankfully. You can remove the older versions of jQuery (1.4.2 and 1

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Sorry to hear you’re having some issues with the code @JamesN, could you drop a link to one of the pages with the issue here? Nothing has changed within the script of it’s dependencies that would stop it from working “out of the box”. To confirm that I duplicated the original example page and republished it. The script still works as expected. One thing you could look into would be if any other code has been added to the pages that may be conflicting in some way with this script. So it might be worth checking if anything has been added to the page either via script manager. Code added via Google Tag Manager could also be causing a conflict. I should be able to provide some more help by checking the live page though

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

@teamvoilasocial Could you post a link to the published page with the issue so I can take a closer look and see if there are any errors showing up. One thing to check is to make sure that everything is nested correctly in the builder. This step can be a bit tedious due to how the page builder behaves, so I find opening the “content” tab in the bottom left helps with showing how things are nested. A common issue with the script is the boxes getting nested one level down from the targeted box, which is hard to spot sometimes without that content tab open.

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Add Tooltips and Rollover Images in Unbounce

Hi @iGORBICEPS, apologies for the late reply here. I had a look at your page and noticed two things that are most likely preventing it from working. The placement of the jQuery code needs to be set to the “head” - https://www.screencast.com/t/hM0iFLwLEbu You’ll need to add in a “#” symbol before the first id in the script - https://www.screencast.com/t/pY2beZxr6uc Give those thinbgs a try and it should start working for you 🙂

46
Rachel_Dawson
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Add Tooltips and Rollover Images in Unbounce

Hi @John_Steele, this is a great question and something that would be a great addition to this script. Unfortunately when I originally created it way back when the intention was to be able to show some useful tips to visitors, not to necessarily to interact with actual tooltip, so I didn’t include what you’re asking for. You could try the “rollover” version of the script though and try just not layering the two elements directly on top of each other. This should give you what you’re after as the tooltip wouldn’t disappear until someone had hovered on it and then moved the cursor away. Hope this helps!

46
Rachel_Dawson
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Could you post a link to the page where the code is implemented? It’s helpful for seeing any errors that might be popping up related to possible syntax. Is the code just not working at all or is there something off with the expected results? One thing you can check is to make sure the content is correctly nested in the box you are targeting with the code. This part can be tedious so I recommend opening up the “content” tab in the bottom left of the builder to make sure everything is nested correctly.

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Hi @Ben_Hazan1 Unfortunately I haven’t created a version of the script that combines the auto and click functionality. In regards to the slide in animation, there is some limited functionality for this included in jQuery, so you could potentially swap out the .fadeOut(500) part of the code with the .slideToggle(500) or .toggle("slide") functions that exist. Unfortunately I don’t think either of these options will be exactly what you’re looking for as they both slide vertically, not horizontally. Jquery doens’t currently have a pre built function for a horizontal slide in, so that would require a custom function which I haven’t created for this workaround. Sorry about that!

241
D_Hendrik_Mulyana
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Add Tooltips and Rollover Images in Unbounce

Looks like there was a permissions issue on the folder in my Google drive. I’ve just fixed that so it should work for you now. If it doesn’t let me know and I’ll DM you a copy of the page.

46
Rachel_Dawson
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Add Tooltips and Rollover Images in Unbounce

Hi @nuange I just tried the link and the page downloaded ok for me. It should just automatically download the page in your browser as an .unbounce file (it won’t navigate away from this page). It could be something related to the browser or a browser extension. Could you try downloading the page in a different browser?

46
Rachel_Dawson
1 year ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How-to] Use Geotargeting to Display a Visitors Location on a Page

Hey @justinoon! The code could potentially work with https://ipgeolocation.io/ but will require a bit of work. You’ll need to change the value of the “url” field in the ajax request to be the endpoint for https://ipgeolocation.io/ url: "URL FROM IP GEO LOCATION", You’ll also want to review how the data being returned from IP Geo Location is named and formatted. I’ve had a quick look at their docs and the data is formatted as JSON which is good. You will need to make some small edits though based on the naming conventions. For example location.state would need to be changed to location.state_prov. It does look like the naming conventions are very similar though so I don’t think there will be any huge updates to the code required. One thing I did notice though is that to authorize with https://ipgeolocation.io/ you’ll either need to use an API key (which this script does not have built in) or use a specific request origin (ie. domain). In order to get it working with the script here I’d

86
Hristian
2 months ago
Rob
RobFormer Unbouncer
posted in Tips & Scripts

Dynamic Image Replacement Using URL Parameters

Thanks for catching that @kirstihegg! That example page is quite old and was definitely in need of an update (Imgur also has since restricted the ability to embed an image). I did a quick update to the page to remove the reference to Dropbox and Imgur so others won’t run into the same issue. Glad you were able to get it to work in the end!

37
Finge
7 months ago

Badge winners

Show all badges
Terms & ConditionsCookie settings