> ## 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.

# Webflow

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

Adding Lark to Webflow takes one script tag pasted into your site settings or a single Embed element on the page.

## Before you start

* Your Lark agent is live and your organisation domain is saved in Organisation settings.
* You have a Webflow site you can edit in the Designer.

## Get your embed script

In your Lark dashboard open **Add to site** and copy the floating button script.

## Add the script to your site

In the Webflow Designer, click the **Pages** icon in the top-left corner. Open the page settings for the page you want the agent on, or open **Site settings** to add it to every page. Scroll to **Before closing body tag**, paste your Lark script, and save. Publish your site and the agent will appear as a floating button in the bottom-right corner.

## Inline embed

To show the agent inside a specific page instead of as a floating button, use the inline embed code from **Add to site**. In the Designer, drag an **Embed** element to the spot where you want the agent to appear, double-click it, paste the inline code, and click **Save and Close**.

<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 published domain — the agent will not appear on `.webflow.io` preview URLs.
</Warning>


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