Made in Builder.io

Upcoming webinar with Figma: Design to Code in 80% Less Time

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Talk to Us
Platform
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

Localize your Builder content with the Crowdin plugin. Crowdin is a cloud-based localization platform featuring automation that simplifies your team's localization management by handling all your multilingual content with an automated process.

You can use either of Crowdin's two products with Builder:

  1. crowdin.com: for individuals and small teams
  2. Crowdin Enterprise: for companies and large organizations

Make sure you have the following:

Tip: If you only need one manager, use Crowdin's Pro Plan. For multiple managers, use the Team, Team+, or Business Plan.

Unlike most of the other Builder localization plugins, the Crowdin configuration is handled almost entirely in Crowdin. To set up localization with Crowdin and Builder:

  1. Go Crowdin's Builder app.
  2. Click Install.
  3. Login with Crowdin or create a Crowdin account.
  4. In the Crowdin project section, select Source and Target languages.
  5. If this is a new project, click Create.
  6. In the Setup integration section, enter your Private API Key and Public API Key.
  7. Click Login with Builder.io. If you get a Crowdin error that your Builder account can't be configured for localization. Make sure your Builder account is a Growth plan or above and that you've configured your integrated Builder app to support localization. For setup instructions, visit the Builder Localization documentation.
  8. Configure the integration by clicking Settings and choosing the source language and saving the language mapping.
  9. Click Save to close the Settings modal.
  10. Back in the main section of the Setup integration section, select the content you'd like to translate.
  11. Click Sync to Crowdin.
  12. The left now displays all the pages you have synced.
  13. Click Buy Translations to complete the integration setup. In this way, you can fine-tune your integration, invite your translation agency, or purchase translations from Crowdin Language Services.

The following interactive video (click to go through the demo) of this process is kindly shared by the Crowdin team:

Now your continuous localization for Builder is fully set up. To access it in the future, find it in your Crowdin project Integrations section, as in the following screenshot.

Image of Integrations section in Crowdin that has a login prompt for Builder and a 2-input form for the Public and Private API Key.

With Crowdin, you can choose manual or automatic synchronization.

To get Builder content into Crowdin for translation:

  1. In the Integrations section of your Crowdin project, choose the files you want to translate in the right panel in the Builder.io section.
  2. Click Sync to Crowdin.

To send translations to Builder.io from Crowdin:

  1. In the Integrations section of your Crowdin project, select the files you want to sync with Builder.io in the left section.
  2. Click Sync to Builder.io.

The following screenshot is of the Integrations section in Crowdin. On the left is a list of files that are synced to Builder. On the right are files that are synced to Crowdin.

Screenshot of the Integrations section in Crowdin. On the left is a list of files that are synced to Builder. On the right are files that are synced to Crowdin.

To automatically bring content into Crowdin for translation from Builder.io:

  1. In your Crowdin project, select the files and click Scheduled Sync in the right panel in the Builder.io integration. 
  2. The file you choose will be transferred at a set time—once a day, week, or month by default. 
  3. The same button exports translated files from Crowdin to Builder.io. These translated files are in the Crowdin left panel.

To deactivate this function in Crowdin, click Disable Sync.

For more information, visit Introduction to Localization with Builder.

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Newsletter

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy