---
agentTools:
  projectIndex: https://help.localizejs.com/llms.txt
---

# Translate HubSpot Blog

This Hubspot Blog integration guide shows you how to translate Hubspot Blogs in a few easy steps. Follow this tutorial to create a multilingual Hubspot Blog translated to other languages for your international customers.

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/IVn71EScmGrEJcaqjcfQ_HubSpotlogo.png",
        "HubSpotlogo.png",
        "709"
      ],
      "align": "center",
      "sizing": "50% "
    }
  ]
}
[/block]

Below are step-by-step guides for integrating [Localize](https://app.localizejs.com/) into your Hubspot Blog.

If you do not have a Localize Project yet, [signup here](https://app.localizejs.com/signup)!

## Blog

Follow the instructions below to integrate Localize in your Blog.

> 📘 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. You should already be set!

### 1. Select "Settings" in Hubspot

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

### 2. Select Website > Blog > Templates

1. Select **Website** from the left sidebar menu
2. Select **Blog**
3. Select the **Templates** tab on the top menu

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/4c44ecd-Blog_Settings.jpg",
        "Blog Settings.png",
        749
      ],
      "align": "center",
      "border": true
    }
  ]
}
[/block]

### 3a. Paste the code snippet

Paste the Localize code snippet in the **Blog listing pages header HTML** section and then click **Save**.

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/fa2eac4-Blog_Insert_Code.jpg",
        "Blog Insert Code.png",
        1160
      ],
      "align": "center",
      "border": true
    }
  ]
}
[/block]

```javascript Install Code
<script src="https://global.localizecdn.com/localize.js"></script>
<script>(function(a){if(!a.Localize){a.Localize={X:[]};var methods="translate","untranslate","phrase","initialize","translatePage","setLanguage","getLanguage","getSourceLanguage","detectLanguage","getAvailableLanguages","setWidgetLanguages","hideLanguagesInWidget","untranslatePage","bootstrap","prefetch","on","off","hideWidget","showWidget"];for(var i=0;i<methods.length;i++){a.Localize[methods[i]]=(function(m){return function(){a.Localize.X.push([m,arguments]);};})(methods[i]);}}})(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](https://developers.localizejs.com/docs/library-api).

Some popular options include:

* [autoApprove](https://developers.localizejs.com/docs/library-api#section-auto-approve) - use to automate your translation workflow fully
* [retranslateOnNewPhrases](https://developers.localizejs.com/docs/library-api#retranslateonnewphrases) - automatically display translations for known source content
* [localizeImages](https://developers.localizejs.com/docs/library-api#section-localize-images) - allows for localization of images in your site

### 4. Reload your website.

1. Visit your website (or application).
2. Select one of your **target languages** using the language-switching widget.
3. Refresh the page.
4. Lather, rinse, and repeat, for each page on your site.

Localize will automatically begin detecting new content on the pages you visit and bring it into your dashboard.

### 5. Approve phrases

Then head on over to the [Manage Phrases page](https://app.localizejs.com/phrases?page=1\&state=pending\&pageFilter=all) to [approve phrases](https://help.localizejs.com/docs/approve-content-for-translation) in the Localize dashboard.

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/182d38b-Pending_Phrases_Bin.png",
        "Pending Phrases Bin.png",
        null
      ],
      "align": "center",
      "border": true
    }
  ]
}
[/block]

### 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](https://help.localizejs.com/docs/my-dashboard-is-empty).

***

**Need Help?**\ <a class="open-widget">Contact support</a> for custom integration help or troubleshooting!