• Documentation
  • Integrations
  • Unbounce

Unbounce

Unbounce provides self-serve hosted services that enable marketers to create, publish and test landing pages.

Using Transifex Live, you can localize your Unbounce landing pages and let visitors from around the world view your content in their native language. Here is a live example of a localized Unbounce landing page. Use the language drop down at the bottom right to switch languages.

Note

Before you begin, you must have a Transifex account and a project you will be associating with your Unbounce site. If you have not already done so, sign up for Transifex here.

Below, you'll find instructions for localizing your Unbounce landing pages.

Getting the Transifex Live JavaScript Snippet

Before you can use Transifex Live, you must first install the Transifex Live JavaScript snippet on your site. To do this, following the instructions here.

Installing the Live snippet

Once you've gotten the Live snippet, the next step is to install it in Unbounce.

  • From the Pages section of your default Unbounce dashboard, select the landing page you wish to edit. Once selected, click Edit.

    unbounce-1.png#asset:2202

  • From within edit mode, click JavaScripts in the bottom left side of the window.

    unbounce-2.png#asset:2203

  • Before inserting your Transifex Live JavaScript snippet, make sure to select Head in the Placement drop down menu. You can also name the JavaScript snippet. Then paste in your snippet and you are good to go.

    unbounce-3.png#asset:2204

Now you can begin saving and translating content!

Saving content, translating, and publishing

Now that Transifex Live is embedded in your page, you can use Transifex live to save content to Transifex, translate in context, and publish translations on the fly.

Handing dynamic content

Dynamic content like dates, times, and counters (e.g. # of articles, # of comments, etc) should not be translated. When approving phrases in Transifex Live, be sure to ignore these types of nontranslatable dynamic content. If your platform lets you edit the theme, you can mark mark elements of your pages as nontranslatable. To learn how, click here.