> ## Documentation Index
> Fetch the complete documentation index at: https://docs.heylark.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Framer

> Add the Lark AI agent to your Framer site easily.

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.

<Warning>
  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.
</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.