Framer supports custom code injection at the site level, which puts Lark on every published page with one paste.
Before you start
- Your Lark agent is live and your organisation domain is saved in Organisation settings.
- You have a Framer site on a paid plan with a connected custom domain.
Get your embed script
In your Lark dashboard open Add to site and copy the floating button script.
Add the script to Framer
In the Framer editor open Site Settings from the top menu. Go to the General tab and scroll to Custom Code. Paste your Lark script into the End of <body> field and save. Publish your site and the agent will appear on every page.
Inline embed
To show the agent inside a specific page, add an Embed component from the Insert menu, paste the inline embed code from Add to site into the component’s HTML field, and resize it to fit your layout.
Your website’s domain must match the domain saved in Organisation Settings in Lark before the agent will load. Go to Organisation Settings, check the domain field, and make sure it matches your live site. Use your connected domain — the agent will not appear on .framer.app preview URLs.
