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

# Webstudio

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

Webstudio supports custom scripts through its project settings, making it straightforward to add Lark across your entire site.

## Before you start

* Your Lark agent is live and your organisation domain is saved in Organisation settings.
* You have a Webstudio project 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 Webstudio

In the Webstudio editor open **Project Settings**. Go to the **Custom Code** section and paste your Lark script into the **End of body** field. Publish your project and the agent will appear on every page.

## Inline embed

To show the agent on a specific page, add an **HTML Embed** component to the canvas, paste the inline embed code from **Add to site** into it, and set its dimensions to match 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 published domain — the agent will not appear on `.wstd.io` preview URLs.
</Warning>


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