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.