Connect and translate your Webflow website with Smartcat
Learn how to AI-translate Webflow web pages in seconds with high quality results in up to 280 languages, with this quick step-by-step guide.
Open your Workspace. Click on the Translate a website shortcut.
Specify both the source and the target languages. You can select multiple languages if you need.
In the Website URL field, paste the URL-address of your Webflow page.
Click Preview my website.
That will open the translated version of your Webflow page.
In the toolbar above you can switch between the languages.
You can adjust the preview settings using the gear icon at the upright corner of the screen.
In the Translation mode section you can specify how the translation will be rendered for your website visitors.
Language selector tab allows you to choose how the language selector best fits your Webflow page design.
Preview settings. Specify the way you want to view the translated page.
In the Publish settings you can select Published Languages and copy the JavaScript code for publishing your translated page .
To review the translation press Edit. That will open the Smartcat Editor.
Review your translation, which is split automatically into segments. Here, you can make edits. Confirm each segment translation before moving to the next.
To return to your Website preview, click Back.
From here you can publish your website translation by clicking the respective button next to the address field.
Click Copy code to save the code in the buffer.
NOTE: It is important to add the Smartcat's code snippet to the header of the page to ensure the correct operation of the Smartcat Website translator.
Open Webflow. Open the Site settings. Then go to the Custom code section.
Paste the Java-script code of your Smartcat translation into the Head code.
Click “Save” to save the changes & publish the site by clicking on the Publish button.
As soon as the code has been added, click Validate and continue in Smartcat.