# Install the Robylon Chatbot on a Framer Site

Add the Robylon chatbot to your Framer site by pasting the snippet into the site's custom code settings.

> Source: https://www.robylon.ai/docs/chatbot/install/framer
> Section: Chatbot

To add the Robylon chatbot to a Framer site, copy the chatbot's snippet from Robylon and paste it into your site's **Custom Code** settings. You need edit access to the Framer project.

## How do I copy the chatbot snippet from Robylon?

Go to **Settings → Channels → Chatbot**, click your chatbot, open the **Install** tab, choose **Web → Framer**, and copy the snippet. It already contains your Chatbot ID. See [Installation](https://www.robylon.ai/docs/chatbot/installation) for what the snippet does.

## How do I add the chatbot to my Framer site?

Paste the snippet into the custom code section of your site settings, then publish.

<Steps>
  <Step title="Open your project">
    Sign in to Framer and open the site you want to add the chatbot to.

    <Frame>
      <img src="/assets/docs/framer-1.webp" alt="Framer dashboard with the list of projects" width="1892" height="855" />
    </Frame>
  </Step>
  <Step title="Open the site settings">
    Click the settings icon in the top right of the Framer editor.

    <Frame>
      <img src="/assets/docs/framer-2.webp" alt="Framer editor with the site settings icon in the top right" width="1894" height="838" />
    </Frame>
  </Step>
  <Step title="Paste the snippet into Custom Code">
    Open **General** in the settings sidebar and scroll to **Custom Code**. Paste the Robylon snippet in the field for the end of the `<head>` tag.

    <Frame>
      <img src="/assets/docs/framer-3.webp" alt="Framer Custom Code settings with the Robylon snippet pasted in the head section" width="1885" height="830" />
    </Frame>
  </Step>
  <Step title="Save and publish">
    Save the settings and publish your site.

    <Frame>
      <img src="/assets/docs/framer-4.webp" alt="Framer settings with the Custom Code fields and the Publish button highlighted" width="1910" height="786" />
    </Frame>
  </Step>
  <Step title="Test">
    Open your published site. The chatbot launcher appears in the corner of the page. Open it and send a test message.
  </Step>
</Steps>

If the launcher does not appear, see [How do I know the chatbot is installed correctly?](https://www.robylon.ai/docs/chatbot/installation#how-do-i-know-the-chatbot-is-installed-correctly)
