Installation

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 at the end of this page for instructions tailored to your platform.

1) Install Code Snippet

Copy and paste the following code snippet between the <head> and </head> tags in your website's source 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"],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 in 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 the page. 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!


Platform Integration Guides

BigCommerce
Bubble
Cratejoy
Drupal
Ember
Freshdesk
Ghost.io
Helpscout
Hubspot
Instapage
Jimdo
Knack
Lander
Leadpages
Pagewiz
Phonegap
ReadMe.io
Shopify
Spacecraft
Squarespace
StatusPage
Strikingly
Tumblr
Unbounce
UserVoice
Volusion
Webflow
Weebly
Wordpress
Zendesk

Installation

Localize installation guide for Websites and Web Applications