Webflow

Build and launch dynamic, responsive, localized websites in your browser with just a click.

Localize your Webflow knowledgebase

Want to translate your Webflow website? It’s easy with Localize.

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

Follow these steps to get started.

1) Open your Webflow dashboard, then navigate to your project's settings by clicking the ellipses on the bottom right corner of your project's preview tile.

2) Next, click on "Custom Code".

3) Add the Localize Code Snippet into the "Head Code" section.

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

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

3) Save your changes & Publish your website/ project.

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 Phrases tab 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; try toggling the Localize widget to a different language and then refresh again or follow the troubleshooting instructions here.


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

Webflow


Build and launch dynamic, responsive, localized websites in your browser with just a click.

Suggested Edits are limited on API Reference Pages

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