Connect and translate your Framer website with Smartcat
Overview
Smartcat lets you AI-translate your Framer website into up to 280 languages with high-quality results. This guide walks you through connecting your Framer site, previewing and reviewing the translation, and publishing it live.
Connect and translate your Framer site
-
Open your Workspace and click the Translate a website shortcut
-
Specify both the source and target languages. You can select multiple target languages if you need
-
In the Website URL field, paste the URL of your Framer page
-
Click Preview my website
-
Smartcat opens the translated version of the Framer page
-
In the toolbar at the top, switch between languages
-
Adjust the preview settings using the gear icon in the upper-right corner of the screen
-
In the Translation mode section, specify how the translation is rendered for your website visitors
-
On the Language selector tab, choose how the language selector best fits your Framer page design
-
In Preview settings, specify how you want to view the translated page
-
In Publish settings, select Published Languages and copy the JavaScript code for publishing your translated page
Your Framer site is now connected and translated, ready for review and publishing.
Review the translation
-
To review the translation, click Edit. This opens the CAT editor
-
Review your translation, which is split automatically into segments. You can make edits here. Confirm each segment translation before moving to the next
-
To return to your website preview, click Back
Your translation is now reviewed and confirmed segment by segment.
Publish your translated site
From the website preview, publish your website translation by clicking the button next to the address field.
- Click Copy code to save the code to your clipboard
📌 It is important to add the Smartcat code snippet to the header of the page to ensure the correct operation of the Smartcat website translator.
-
In Framer, open Settings by clicking the gear icon
-
Scroll down to the Custom Code option and paste the code into the Start of the
<head>tag -
Once the code is added, click Validate and continue in Smartcat
Your translated Framer website is now published and live for your visitors.
FAQs
How many languages can Smartcat translate my Framer site into?
Up to 280 languages, with support for selecting multiple target languages at once.
Where in Framer do I add the Smartcat code snippet?
In Framer's Settings, under Custom Code, paste it into the "Start of the <head> tag" field.
Can I edit the AI translation before publishing?
Yes, clicking Edit opens the CAT editor where the translation is split into segments you can review and confirm one by one.
Do I need to reconfigure anything if I add a new target language later?
You can return to the Preview/Publish settings at any time to select additional Published Languages and regenerate the JavaScript code as needed.
What confirms that my Framer site is correctly connected?
After adding the code to the page head and clicking "Validate and continue" in Smartcat, the translator starts serving translated pages to visitors.
Want to learn more?
See how Smartcat can transform your localization workflow.
Still need help?
Our support team responds within one business day.