How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Franci — Mon, 31 Mar 2025 09:30:00 GMT

Why is This Important?

As a global marketer, providing an excellent user experience across regions is crucial. HubSpot’s default language-country switcher allows visitors to choose their preferred language and region, but it can show irrelevant options, confusing users.

In countries like Switzerland and Luxembourg, where multiple official languages exist, visitors might see options they don’t need. For example, a Swiss visitor could see French, German, Italian, or even English options — all valid in Switzerland.

The Problem: Confusing Language Options

By default, HubSpot allows users to switch between all available language-country options, such as:

/en-us/ (English - United States)
/fr-ch/ (French - Switzerland)
/de-at/ (German - Austria)

This can be confusing for users if they see options irrelevant to their country.

The Solution: A Dynamic, Country-Specific Language Switcher

With a little bit of custom code, we can make the language switcher more intelligent by ensuring that only the language-country options relevant to the user’s country (based on the URL) are visible.

Let’s walk through how you can implement this.

The Code: A Simple, Universal Solution

Here’s the script that will dynamically hide language-country variations that don’t match the visitor’s country:

How Does This Script Work?

Extracts Country from the URL: The script checks the current page URL (e.g., /fr-ch/ or /en-us/) and extracts the country code (e.g., ch for Switzerland).
Filters the Language Options: It looks for the language switcher (.languageswitcher) and checks each available language option. If the country code in the option’s link doesn’t match the country extracted from the URL, that option is hidden.
Works for Any Country-Language Pair: Whether you’re dealing with en-us, fr-ch, de-at, or any other language-country pair, the script adapts and hides irrelevant options.

Why This Is So Useful

Tailored for Local Visitors: The script ensures that your landing pages are more personalized by showing only the relevant language options for the country the visitor is from.
Improves User Experience: By hiding unnecessary options, you reduce user confusion, making it easier for visitors to navigate and find the content they need.
Works for Multilingual Countries: For countries with multiple official languages like Switzerland and Luxembourg, all language variations will still be shown when they are relevant to the visitor’s region.

How to Add This Script to Your HubSpot Landing Page

Open Your Landing Page: In HubSpot, navigate to the landing page where you want to implement this feature.
Go to the Settings -> Advanced: Add the above script to the Footer HTML section.
Test It: After you’ve added the script, visit your page and change the URL to reflect different language-country pairs. You should only see the language options that correspond to your country in the URL.

Final Thoughts

This simple script is a game-changer for creating a more intuitive, localized experience on your HubSpot landing pages. By hiding language variations from different countries, you ensure that your international visitors only see the content relevant to their region, making the entire experience more seamless and user-friendly.

If you found this helpful, feel free to share it with your fellow marketers in the HubSpot community! And if you have any questions, don’t hesitate to reach out. Happy optimizing! 🌍✨

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

aimar17 — Mon, 31 Mar 2025 09:12:48 GMT

Great! I've been looking forward to a solution for ages...Great job, thanks!

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Alessio_M — Mon, 31 Mar 2025 09:25:08 GMT

This is truly a game-changer! Thanks for sharing this solution with the community!

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

PAngioi — Mon, 31 Mar 2025 18:44:37 GMT

Great solution!

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Jaycee_Lewis — Fri, 04 Apr 2025 17:19:15 GMT

Hey @Franci 👋 This is great! I can't accept your OP as a solution, but if you'll come back and leave a comment, I can mark that one as a solution so you get even more visibility for your hard work. — Jaycee

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Franci — Sun, 06 Apr 2025 19:16:19 GMT

Hello @Jaycee_Lewis, that would be great! I am sure plenty of customers would find this helpful! Thank you! 😁

topic Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages in CMS Development

How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Why is This Important?

The Problem: Confusing Language Options

The Solution: A Dynamic, Country-Specific Language Switcher

The Code: A Simple, Universal Solution

How Does This Script Work?

Why This Is So Useful

How to Add This Script to Your HubSpot Landing Page

Final Thoughts

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages

Re: How to Hide Language Variations from Different Countries on Your HubSpot Landing Pages