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

# Translate Square Online

This Square Online integration guide shows you how to translate your Square Online website in a few easy steps.

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/976711fcb947ce84612fa9494a989b52bc30a356c264be32419f2199d2625bce-Square_Online_logo.20200816095110.webp",
        "HubSpotlogo.png",
        "709"
      ],
      "align": "center"
    }
  ]
}
[/block]

Below are step-by-step guides for integrating [Localize](https://app.localizejs.com/) into your **Square Online** website using Square's **Custom Tracking Code** feature. This feature is available on all plans, including the Free plan. These instructions assume that you have already created your website.

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

### 1. Select "Settings > Tracking Tools"

1. Navigate to your website in your Square Online dashboard.
2. Select the **Settings** option in the left navbar.
3. Select **Tracking Tools**.
4. Select the **Add new code** button in the **Add custom header code** panel.

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/21f85ce5047aabef1744ca20fe7e1d6a6dc5e1140ad93e9c33e0b092ea7452fa-Online-Settings-Tracking_Tools-Add_Code.png",
        "",
        ""
      ],
      "align": "center",
      "border": true
    }
  ]
}
[/block]

### 2. Paste the code snippet

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/b03091b0d60aa690e848512aaf49dc49fe6649de945c0e5bb11521070053b804-Add_custom_header_code.png",
        "Blog Settings.png",
        749
      ],
      "align": "center",
      "sizing": "70% ",
      "border": true
    }
  ]
}
[/block]

1. Enter a name in the **Custom code name** field.
2. Copy the following Localize code snippet and paste it into the **Custom code** field.

   ```html Install Code
   <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,
       // other options go here, separated by commas
     });
   </script>
   ```
3. Select the **<head>** option to install Localize in the `<head>` of all website pages.
4. Click **Save**.
5. Republish your site if necessary.

### 3. 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 fully automate your translation workflow
* [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 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 on your site.

Localize will automatically detect 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.

![](https://files.readme.io/cf7695f-Pending_Phrases_Bin.png "Pending Phrases Bin.png")

### 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!