Translate a Framer site

What you need

A Framer project you can publish. Custom code runs on the published site.
Framer's help page for custom code does not name a plan requirement. If the script does not appear on your published site, check what your plan includes.

Where the snippet goes

Copy your snippet

Open your site in the Verbafy dashboard and copy the embed snippet.

Your page, before </body>

<script
  src="https://cdn.verbafy.app/widget.js"
  data-site-id="site_abc123"
  data-api-key="pk_live_your_key"
></script>

Open Custom Code

Open Project Settings and choose the Custom Code tab in the left sidebar. Click Add Script, or the + icon if there is already one there.
Place it at the end of the body

Name it something you will recognise, such as Verbafy, and paste the snippet. Choose the end of body placement. Leave the page selection empty so it runs on the whole site, and set it to run Once. Then publish.

Check it is working

Open the published site. The switcher is in the bottom right corner.
Switch language, then click through to another page. The new screen arrives translated, with no reload.

Worth knowing on Framer

Once, not on every page visit

Framer moves between pages without a reload, and the widget keeps watching the page, so it translates each new screen as it renders. Running the script again on every visit would start a second copy of it.