Multilingual website in HubSpot CMS

Korea Data Forum Fosters Collaboration and Growth
Post Reply
shukla53621
Posts: 47
Joined: Wed Dec 04, 2024 5:04 am

Multilingual website in HubSpot CMS

Post by shukla53621 »

As your business grows and enters new markets, you may need additional language versions of your website. The good news is that HubSpot offers one of the best multilingual website frameworks (at least in my experience). In this practical post, I’ll walk you through the step-by-step process of creating multilingual content in HubSpot CMS .

Availability
First, let's briefly discuss the limitations that aren't too significant: for accounts with a Starter subscription or using HubSpot's free tools:

You cannot create multilingual landing pages.
Multilingual blog posts or websites are limited to 3 language variants per post or page.
Also note that system pages , such as 404 error pages, currently spain business email list cannot be created in multiple languages ​​using HubSpot's standard solutions (you can only set translations using JavaScript).

Image

Setting the page language
First, you need to set the language for a specific page. Keep in mind that even if you have a default language set in your HubSpot account, it doesn’t automatically mean that your pages will have the same language. Until you set the language for a specific page, it won’t be defined. (This is something to keep in mind as you build your multilingual site.)

How to do it? Go to the page editor and open the settings tab:

ml-01

If the selected language is the primary language for your account, the URL will not change. However, if it is not, a fragment with the language abbreviation will be added to the URL. For example:

ml-02

Multilingual site copy
Now that you have a website with your chosen language, you need to create a copy of the existing page in another language. To do this, simply go to your list of pages and click "More" and then select "Create multi-language variation."

ml-03

Then select the appropriate language.

Once you complete these steps, HubSpot will create a multilingual page group. This means that the pages in this group are essentially the same page, but in different languages.

Now that you have created a page, you can change the content in the new version (if the modules allow such editing). When you change the content of a module, it only affects the content of that specific language version. Therefore, when planning a multilingual website, it is worth creating modules with extensive content editing capabilities.

When editing content, you can easily switch between different versions of a page using the selection menu at the top of the page.

ml-04

Setting the language for global modules
Once you have created multiple language versions for your site, you need to turn your attention to global modules, such as the header and footer. For your multilingual site to work properly, the global content, just like the individual pages, must have a language selected.

To set the language for a global module, go to the global content editor. Then, at the bottom of the module name, select the option to add or edit multilingual versions.

ml-05

In the opened window you can add or remove versions and, importantly, select the primary version.

ml-06

The basic version of the global module, which is basically the default version, will be displayed if the page does not have a selected language or if the language set for the page is not available in the global module. For example, if your module has English and Polish versions and the page language is set to German, the default version will be displayed.

Language switch
Once your multilingual content is ready, you will need to create a language switcher. You can do this in two ways.

The first, easier method is to add the standard language switcher module from the HubSpot folder to your page. This module comes with a lot of languages ​​in the box, but its flexibility in terms of customization is limited. Nevertheless, you can use it, albeit with some limitations.
Post Reply