How can I set different website content (not language) based on geolocation?

Ask the community
,
1

I want to restrict the pages being visited depending on the country visiting my site.
I want a different content for US and Australia sites. US visitors are my clients, while my Australia site is for recruiting purposes.

2

https://www.wix.com/corvid/forum/community-discussion/customized-content-based-on-visitor-s-geo-location
https://www.wix.com/corvid/reference/wix-window.html#getCurrentGeolocation
https://www.wix.com/corvid/reference/wix-window.html#browserLocale

3

Hey, so I had a similar problem where I wanted to display a pricing page based on the visitor’s geolocation.

If you are proficient with Velo coding then you can use Routers . If you don’t come from a coding background like me you can use a workaround as I did.

In my scenario, I have two pricing pages, one for Indian visitors and another for international visitors. I wanted the site visitors to automatically be redirected to their respective pricing page.

The step-by-step article is here along with the required code that you can copy.

The code was originally used to geo-block visitors from certain countries and redirect them to a page but I tweaked it to my requirement.

You can see the code in action on my website here .

You will notice the URL stay at www.josesibik.com /pricing if you are NOT from India but if your location is from India, you will be redirected to www.josesibik.com /pricing-in

Note: While this may help solve your issue, it has a con. The code I use loads the first page before redirecting to the final page. Whereas, with Routers , the visitor is redirected before the first page loads.

Hope this helps. Thank you.

4

Hey Jose! Thank you for sharing your code. I tried it out and I can’t understand why it’s not working.
I’m in Argentina and I want the “international” lightbox to open only of you are outside Argentina.

This is the code, same as yours


import wixWindow from 'wix-window';
import {fetch} from 'wix-fetch';

$w.onReady(function () {     // Fetch the user's location details
     fetch('https://extreme-ip-lookup.com/json', {
        method: 'get'
     })     // Check if the request was successful
     .then((httpResponse) => {
if (httpResponse.ok) {
return httpResponse.json();
        }
     })     
     .then((json) => {
        // Set the user's countryCode as a const
const loc = json.countryCode;        /* Check if location is India, and check if the visitor is not on Pricing-in page */        
if(loc !== "AR"){
           // Redirect to "pricing-in" page
          wixWindow.openLightbox("international");
        }
     });
     })

The thing is, the code as it is does show the lightbox in Argentina and everywhere. And if it’s

if(loc === "AR")

then it shows nowhere

What I’m I missing?
thanks!
Euge

5

@eugeniagarat Hi Euge,
Hope you’re doing well!

Please share a link to the page with the code. Also, recently ‘Extreme IP Lookup’ has made small changes that require an account with their site to generate a key to use their service. That could also be the problem.

Looking forward to your response. Thank you.

6

Hey Jose! So glad you answered! Thank you for taking the time!
This is the page with the code https://www.azziworldwide.com u[/u]
Right now there is no lightbox name between brackets as I erased it cause it doesn’t work properly. I just made an account with “Extreme IP Lookup”. Is there anywhere in the code I should add that key for using their service?

Thank you!
Euge