Integrations

Webflow (TMS)

Content is machine translated from English by Phrase Language AI.

Available for

  • All paid plans

Webflow is a website design tool that includes a robust CMS. The online visual editor platform allows users to design, build, and launch websites. In 2023 they introduced a new localization feature to their customers, allowing them to do basic localization within Webflow. With this new localization feature, Webflow released a set of APIs that allow TMS solutions like Phrase to build apps into their website design and CMS tools to push content for localization.

The integration is available as an App within the Webflow marketplace. It is built between Webflows Design and Data APIs, a middleware service (built by Phrase) and the Phrase TMS APIs. Customers are able to install the app from Webflows marketplace and authenticate their Phrase accounts to start the connection of data between the two systems.

By installing the app and selecting Localization in Phrase, customers are able to select individual components on their website or entire pages to be sent to TMS for localization. Users are able to send their content from Webflow into either an existing Phrase project or create a new project from a Phrase project template.

Once content has localized within TMS, users are able to send the newly localized content from Phrase back to Webflow and into the appropriate localized version. 

Customers must have Webflow localization enabled on their Webflow account plan for this feature to be available.

Webflow content is primarily formatted in .JSON.

Automatic Project Creation is not supported.

Use Cases

  • Sending source locale content that is ready for localization from Webflow into Phrase TMS then exporting it back into the appropriate target locale in Webflow.

Install the plugin

To install the plugin, follow these steps:

  1. Login to a Webflow account.

  2. From the Webflows App store, search for Phrase and add the plugin to the Webflow account.

  3. Provide Phrase credentials.

Using the plugin

To send content for localization, follow these steps:

  1. Ensure localization is part of the Webflow account.

  2. Create target locales to be translated from.

  3. From the App section, select Phrase.

  4. Select whether to send page for translation or just a competent of a selected page.

  5. Select whether to create a localization job within an existing Phrase project are create new one from a template.

  6. Specify which language to translate the content into.

  7. Send the content to Phrase for localization.

  8. When the job is complete in Phrase, the translated content can be imported back into Webflow and into the appropriate target local copy of the website.

Was this article helpful?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.