Translate HubSpot Website Pages

This HubSpot Website Pages integration guide shows you how to translate HubSpot Website Pages in a few easy steps. Follow this tutorial to create a multilingual HubSpot Website Page translated to other languages for your international customers.

Below are step-by-step guides for integrating Localize with your Hubspot Website Pages and/or all your Landing Pages.

If you do not have a Localize Project yet, signup here!

All Website/Landing Pages

Follow the instructions below to integrate Localize on all of your Landing Pages and/or your HubSpot Website Pages.

📘

Using both Website Pages + Blog

If you are using both the Website Pages and Blog features in Hubspot (and using the same Theme for both) the settings in your Website Pages will also be applied to your Blog. So there's no need to follow the separate instructions for integrating your Blog.

1. Select Settings

From your HubSpot Marketing Dashboard, select the Settings icon in the upper right hand side of the page.

2. Select Website > Pages

Next, select Website and then Pages from the left sidebar menu.

3a. Paste the code snippet

Paste the Localize code snippet in the Site Header HTML section and then click Save.

<script src="https://global.localizecdn.com/localize.js"></script>
<script>!function(a){if(!a.Localize){a.Localize={};for(var e=["translate","untranslate","phrase","initialize","translatePage","setLanguage","getLanguage","detectLanguage","getAvailableLanguages","untranslatePage","bootstrap","prefetch","on","off","hideWidget","showWidget","getSourceLanguage"],t=0;t<e.length;t++)a.Localize[e[t]]=function(){}}}(window);</script>

<script>
  Localize.initialize({
    key: '[[app:key]]', 
    rememberLanguage: true,
    blockedClasses: ["contentEditor-sidebar", "private-template__section", "isc-help-widget", "private-layer"],
    // other options go here, separated by commas
  });
</script>

3b. Add Initialization Options

Add any desired options to the Localize.initialize() call above, check here for the full list of possible options.

Some popular options include:

  • autoApprove - use to fully automate your translation workflow
  • localizeImages - allows for localization of images in your site

4. Reload your website.

  1. Visit your website in a browser.
  2. Select one of your target languages using the language switching widget.
  3. Refresh the page.
  4. Lather, rinse, repeat, for each page in your site.

Localize will automatically begin to detect new content on the pages that you visit, and will bring it into your dashboard.

5. Approve phrases

Then head on over to the Manage Phrases page to approve phrases in the Localize dashboard.

6. Phrases not showing up?

If you are not seeing phrases show up in your Pending bin in the Localize dashboard, follow the troubleshooting instructions here.


Need Help?
Contact support for custom integration help or troubleshooting!


Did this page help you?