How to Redirect Wix Site Visitors Based on Their Location using custom code

If you’re managing a Wix website and need to redirect visitors based on their geographic location, implementing geolocation-based redirection can enhance user experience and compliance. Here’s a step-by-step guide to set this up using Wix Velo and a third-party IP lookup service.

How to Redirect Wix Site Visitors Based on Their Location Using Velo

🌍 Why Use Geolocation Redirection?

Geolocation redirection allows you to tailor content, pricing, or availability based on a visitor’s country. For instance, you might want to:

Display region-specific pricing.
Comply with regional regulations by restricting access.
Provide localized content for better engagement.

🛠️ Setting Up Geolocation Redirection in Wix

1. Enable Velo by Wix

First, ensure that Velo (Wix’s development platform) is enabled on your site:wix.com+3Community Support Forum | Wix Studio+3Medium+3

In the Wix Editor, click on Dev Mode and select Turn on Dev Mode.

2. Import Necessary Modules

At the top of your page’s code editor, import the required modules:

import wixLocation from 'wix-location';
import {fetch} from 'wix-fetch';

3. Implement the Geolocation Logic

Add the following code within the $w.onReady function to fetch the visitor’s location and redirect accordingly:wix.com+3Medium+3Community Support Forum | Wix Studio+3

$w.onReady(function () {
  fetch('https://extreme-ip-lookup.com/json', { method: 'get' })
    .then((httpResponse) => {
      if (httpResponse.ok) {
        return httpResponse.json();
      }
    })
    .then((json) => {
      const loc = json.countryCode;
      if (loc === "IN" && wixLocation.path !== "not-available") {
        wixLocation.to("/not-available");
      }
    });
});

Explanation:

The code fetches the visitor’s IP information from extreme-ip-lookup.com.
It checks if the countryCode is "IN" (India).
If the visitor is from India and not already on the /not-available page, they are redirected there.

Note: Ensure that the /not-available page exists and contains appropriate messaging for restricted access.

⚠️ Important Considerations

Avoid Redirect Loops: The condition wixLocation.path !== "not-available" prevents continuous redirection loops.
Page Existence: Before implementing the redirect, create the target page (/not-available) with relevant content.
Testing: Test the functionality using VPN services to simulate different geographic locations.

🚀 Alternative Solutions

If coding isn’t your forte or you require more advanced features, consider using Wix App Market solutions like:

Blocky: IP & Country Blocker: Block or redirect visitors based on IP or country.
Geolocation Country Redirect: Redirect visitors to different sites based on their country, with customizable pop-up modals.

📝 Final Thoughts

Implementing geolocation-based redirection on your Wix site can significantly enhance user experience by delivering relevant content and complying with regional regulations. Whether you choose to code it yourself using Velo or opt for a third-party app, the key is to ensure that visitors are seamlessly guided to the content that best suits their location