Build a Multilingual HubSpot Website using the Multilingual Language module

7 Multilingual Modules to build your site
Danica Corpuz
Danica Corpuz
Nov 15, 2019 11:19:34 AM

HubSpot Webdesign Modular Multilingual Modules

SHARE

Are you looking to build a multilingual website in HubSpot? There 's an out of the box solution for web, landing pages, and blog ... but not for automatically changing navigation and footer, and language messages (library). We have crafted a solution and build a HubSpot Module to solve that critical problem. Get it on the HubSpot Marketplace, and read here how to use it!

What is a multilingual website?

A multilingual website is a website that provides content in different languages. It helps an organization to extend its market, increase customer engagement, stay ahead of competitors, and boost SEO.

The HubSpot multilingual feature

For website pages and landing pages, HubSpot has a build-in system, where you can create a primary master page linked to x translated versions of that page.

An example. If you go the overview, you see a globe icon left of the title. This indicates that the page is translated, clicking the arrow you see all the linked translated pages:

The system automatically adds the language code at the beginning of the slug with or without country specification. You can choose plain English /en/ or English (UK) /en-gb/ . That HubSpot functionality is performant.

The HubSpot system does not help you, however, in "translating" your header and your footer, which means you need a new template for every other language.

Creating this is a challenge. You'll end up with lots of templates (different menus, different logos, and different texts), which are difficult to manage.

We, at leadstreet, created a multilingual language pack to solve this problem.

The Multilingual Language Pack

This pack allows you to create a global module, a multilingual header, and a footer that adapts based on the same language slug HubSpot is using (e.g., website.com/en/ or website.com/es/, etc.).

The pack consists of different modules. Each module changes an element based on the language slug: logo, text, cta, menu, search, etcetera.

In the pack, you find different modules that you can combine in a global header group. Below is the list of modules we offer to make a site multilingual:

Download the modular multilingual pack in the HubSpot Marketplace

Modular Multilingual Logo

Have a different logo per language or a different logo link per language? We got it covered in our modular multilingual logo. 

View the video and have a look at our step-by-step process below:

modular-multilingual-logo

 

Modular Multilingual Text

Have a text on your footer or header, but it needs to be multilingual? Our Modular Multilingual Text can solve your problem. Watch the video and have a look at our step-by-step process below:

modular-multilingual-text

 

Modular Multilingual CTA

Same with the Multilingual CTA. This module creates a different language version of your CTA. Watch the video and have a look at our step-by-step process below:

modular-multilingual-cta

 

Modular Multilingual Menu

Having a multilingual site requires a multilingual menu. This module lets you choose a menu based on the language. Watch the video and have a look at our step-by-step process below:

modular-multilingual-menu

 

Modular Language Switcher

Need to navigate to other languages? Our Modular Language switcher does this for you: just add the slug of the language. Watch the video and have a look at our step-by-step process below:

modular-language-switcher

 

Modular Multilingual Search Input

Need to translate the "search" placeholder on your search input? Our Modular Multilingual Search Input can help you with that. Watch the video and have a look at our step-by-step process below:

Modular Multilingual Search Input

 

Modular Multilingual Dictionary

Blog in different languages? Our multilingual dictionary creates translations of the texts inside your blog, such as the "read more" message, or your tags. Watch the video and have a look at our step-by-step process below:

modular-multilingual-dictionary-1

Some live multilingual website examples

In Europe, we are quite used to having websites in multiple languages. In Belgium, for example, we have 3 official languages: Dutch, French & German.

What is more, most of the companies have customers abroad, adding languages to the website.

Take a look at the websites of some of our clients and see how multiple languages are managed:

Get the multilingual module in the HubSpot Marketplace (99$)

These multilingual modules can avoid creating lots of templates, and keeping your files organized. What are you waiting for? Check out the HubSpot Marketplace, and get the module for only 99$.

Need a hand, or extra explanation? Talk to us!

Have questions? Need to discuss? Talk to us, or drop your question in the chat pane.

Danica Corpuz

Danica Corpuz

Danica is an experienced HubSpot front end developer and fluent in css. When not behind screens, she likes to explore different foods.