HubSpot - Integration / Setup

In this article, you'll learn to translate your HubSport website and make it website multilingual within minutes.

Create an account on Weglot
Add your languages and selected your URL structure
Use the Javascript integration
Add the Javascript code
Create the subdomains
Create the subdirectories

1) Create an account on Weglot

This account will be where you manage and edit all your translations. You can create your Weglot account here.

You should receive a validation email in the account with which you signed up.

Then select “other” as your website technology.

2) Add your new languages and select your URL structure

The next step is to add the original language of your website and the languages you’d like to translate it into.

After that, you need to enter the URL of your website, and your URL structure.

You can choose the type or URL you wish to use for the integration. Both options are good for your SEO. The only difference is the URL structure. For example, for the French version of your website, the URLs would look like:

Subdomains: fr.yourwebsite.com
Subdirectories (beta): yourwebsite.com/fr

Please note that if you’re using a temporary HubSpot domain name ( for example hs-sites.com) you should use the “Javascript integration” instead. Once you have a permanent domain you can continue with this integration, which will give you language subdomains.

3) Add the Javascript integration

To use the JavaScript integration, you need to click on "connect Weglot to your website without it".

Click "Next".

Copy and paste the code shown on your screen

The following screen will be displayed:

Copy the code that will appear on your screen below

Then, click on the “Next” button.

4) Add the Javascript code

This will allow you to add a language-switcher button to your HubSpot website.

Go on your HubSpot website, click on “Settings” > “Advanced option”
Go to “Additional code snippet”, and you should see a field that’s titled “Head HTML”

Copy and paste the JavaScript snippet provided to you on your Weglot account.

Click on the button, “Save Changes” and publish your changes by clicking on the blue button at the very top right.

(If you are implementing the Javascript integration the setup if finished and your website is now multilingual)

5) Create your subdomains (important for multilingual SEO)

In this step, you’ll create your SEO-friendly subdomains, for example, fr.mywebsite.com (if you want to translate your website into French).

You will need access to your domain name provider account. The following video demonstrates the process with Google Domains – check our videos for other domain name providers or contact us at support@weglot.com if you need any help.

In the section where you add your CNAME entries, ‘name’ will be the language code given to you in the Weglot setup process and the ‘data’ section will be the value given by Weglot.

Here, the name is fr, and the value is xxx.translate-cf.weglot.io.

⚠️ The value is an example and is different on each project.

After you’ve saved this entry in your domain name provider, go back to your Weglot account and click on the ‘Check DNS’ button. This should turn green but may take up to 10 minutes to do so.

You will then have to add the Javascript snippet provided at the end of the setup.

To add it into Hubspot please see: Add the Javascript code

6) Create your subdirectories

Please note that the subdirectory integration on a Hubspot integration requires specific attention.

You can contact support@weglot.com if you need help with the setup.

Steps to follow

Start the subdirectory integration in the Dashboard > Setup page
Add the query ?manualorigin=true at the end of the page URL
You should be able to see the following part on the setup page

See next step for the "Origin Address" to add

How to find the Origin Address

—> https://developers.hubspot.com/docs/guides/cms/content/performance/reverse-proxy-support#1.-configure-the-proxy

The CNAME for the origin will be in the format <HubID>.<suffix>

The suffix is determined by the data center assigned to the user's HubSpot account and the last two digits of the HubID.

Determine your data-center

—> https://knowledge.hubspot.com/account-security/hubspot-cloud-infrastructure-and-data-hosting-frequently-asked-questions#review-your-account-defaults-page

HubSpot account > settings icon > Account Defaults > Data Hosting tab > Your data hosting location section

With this information, we will be able to find part of the suffix from the table below (available in the HubSpot documentation).

Suffixes by data center

Data center	Suffix
US East	`sites-proxy.hscoscdn[##].net`
US West	`sites-proxy.hscoscdn[##]-na2.net`
Canada	`sites-proxy.hscoscdn[##]-na3.net`
European Union	`sites-proxy.hscoscdn[##]-eu1.net`
Australia	`sites-proxy.hscoscdn[##]-ap1.net`

For example, for a user whose account is hosted in Canada, the suffix will be in the format sites-proxy.hscoscdn[##]-na3.net (where [##] are the last 2 digits determined by the HubID).

Find the sufix 2 last digits from HubID

We will now take the HubID last digits and we will check the matching in the following tab

HubIDs ending with	Suffix number
00-10	`00`
11-19	`10`
20-29	`20`
30-39	`30`
40-49	`40`
50-59	`00`
60-69	`10`
70-79	`20`
80-89	`30`
90-99	`40`

If the HubID is 123456 and is hosted in a data center in Canada, the CNAME of the origin would be 123456.sites-proxy.hscoscdn00-na3.net .We will therefore enter this CNAME as the origin in the "Origin address" field when setting up the subdirectories.

You will then have to add the Javascript snippet provided at the end of the setup.

To add it into Hubspot please see: Add the Javascript code

7) Your HubSpot website is now multilingual!

Once it’s done, you’ll be able to see the language switcher button at the bottom of your website. Feel free to test it and switch between languages. Weglot automatically generates a first layer of automatic translation, you’ll then be able to edit and manage your translation from your Weglot dashboard.