Add Localize to Your Application

Localize installation guide for Websites and Web Applications

Installing Localize is simple and shouldn't take more than a few minutes. If you run in to any problems, contact us and we'll be happy to assist!

If you're not translating a website or web application, refer to our Backend API and Localize CLI documentation for API or file-based integration.

Before continuing...

Check if your website is hosted on one of the platforms listed here for instructions tailored to your platform.

1) Install the Localize Code Snippet

Copy and paste the following code snippet between the <head> and </head> tags in your website's source code. (If you're not a developer, send your developer a link to this page, or contact us for a product demo!)

<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"],t=0;t<e.length;t++)a.Localize[e[t]]=function(){}}}(window);</script>

<script>
  Localize.initialize({
    key: '[[app:key]]', 
    rememberLanguage: true
  });
</script>

IMPORTANT: Ensure the code snippet is placed after the <head> and before the </head> tag. Placing the Localize code in the <body> of your site will have a negative impact on performance.

2) Verify successful installation

After installing the code snippet, refresh your application. If you see the Localize widget on the bottom left of your site, Localize is successfully installed! Congratulations!

If you don't see the Localize widget after refreshing the page

Does the code copied into your site contain "YOUR-PROJECT-KEY" at the end of the code snippet? If so, replace "YOUR-PROJECT-KEY" with your unique Project Key found on your API Keys page.

If you're still having trouble, contact us for assistance!

Advanced Installation

Please refer to the following guides for advanced integration steps:

HTML Syntax. Must-read if integrating with a dynamic application
Frontend API. Interact with Localize in your client-side Javascript code
Backend API. API endpoints for managing phrases and translations on the backend
CLI. Command Line Interface for importing and exporting string files

We hope this was a helpful introduction to the Localize platform!


Questions? Don't hesitate to contact us. We're here to help!

Add Localize to Your Application


Localize installation guide for Websites and Web Applications

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.