To start translating your website with Crowdin, you'll need to create your localization project. With a free JS Proxy app by Crowdin, you'll be able to scan texts on your website and start translating them. Translations in Crowdin can be done by a translation agency, on your own, by your community, using machine translation engines, or you can combine these strategies.
Once the translations are done, you can add them to your website, so people can switch between languages using a drop-down. Content distribution is created automatically, so all the translations are pulled from Crowdin and displayed on your Webflow website over-the-air.
To connect your Webflow website with your Crowdin localization project, follow these steps:
- Create an account on crowdin.com or log in.
- At the top menu bar, go to Resources > Marketplace > find and install the Webflow app. Make it available for all your projects or select the one you need.
- Create a localization project or open an existing one where you want your content from Webflow to appear.
- Open your project and go to Integrations > scroll down to Webflow.
- Open the app > enter your website URL > click Import. Your content will be scanned and added as a .json file in the Files section and ready to be translated.
- Translate your website in Crowdin’s translation Editor on your own or with a team of translators.
Learn more about translating content in Crowdin. -
Add a language switcher to your Webflow website:
- Copy the JavaScript snippet displayed on the app configuration page in Crowdin.
- Open your Webflow project and go to Settings > Custom Code.
-
Insert the JavaScript snippet inside the
<head>
tag of a page or before the</body>
tag. - Click Distribute to send the new translations to your website
- To publish translations to your Webflow website, click the Distribute button on the app configuration page in Crowdin.
You can also set up an integration with Webflow if your team is using Crowdin Enterprise
Read more about translating your Webflow website using Crowdin’s JS Proxy app.