Phonegap

Easily create Localized mobile apps with HTML, CSS, and JavaScript.

Translate your Phonegap application with Localize

Below is a step by step guide for integrating Localize into your phonegap application.

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

1) Copy the Localize Code Snippet into your index file

Insert the code between your Phonegap app's 'index.html' file <head> </head> tags:

<head>
<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>
</head>

2) Load the phone gap application.

If you are using the Mac App, enter the port server into your phone browser.

3) If you want to debug your code.

Make sure to allow debugging on your iPhone by following this tutorial.

4) When Localize loads properly you should see our language widget.

If you want to turn off the language widget and use link selectors, click here and turn off the language widget.

Here's an FAQ on how to do that.

5) Approve phrases

Then head on over to the Phrases tab to approve phrases in the Localize dashboard.

6) Once your phrases have been approved, reload your Phonegap application

Use our Language Widget Selector to test different languages to make sure translations are loading.

Tip: Make sure to order business quality human translations. Or have someone QA the translations for you.

Your app should be translating into different languages now!

7) Congrats, you're done!

FYI, here's a test app on github.

Want to learn more about our Mobile SDK developments? Click here.

4) 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.


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

Phonegap


Easily create Localized mobile apps with HTML, CSS, and JavaScript.

Suggested Edits are limited on API Reference Pages

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