# Framer

## Step 1: Copy the code snippet

* Goto Settings > Web > Installation
* Enter the domain where you want to launch your chatbot
* Copy the "Widget installation code"

<figure><img src="https://360969599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsrMxU8nO3RjusUiYuXBB%2Fuploads%2FvVr4qCxqAXxGGWclN5NV%2Fimage.png?alt=media&#x26;token=41024548-d0e4-4747-b890-33ade745007d" alt=""><figcaption></figcaption></figure>

## Step 2: Add the code on Framer

### Installing on all pages

1. Open your website project on Framer
2. Goto Settings > Site Settings > General
3. Scroll down to "Custom code" and paste the code under "Start of \<body> tag".
4. Click "Save" to apply the changes
5. "Publish" your site to view the bot on your webpage

<figure><img src="https://360969599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsrMxU8nO3RjusUiYuXBB%2Fuploads%2F5G7P8Xy2YhpK5DDKJEcZ%2FCleanShot%202025-07-28%20at%2017.20.54.png?alt=media&#x26;token=18f1ef21-d431-41a1-8c60-a01066afe2e5" alt=""><figcaption></figcaption></figure>

### Installing on selected pages

* Open your website project on Framer
* Goto Settings > Page settings > select the page
* Scroll down to "Custom code" and paste the code under "Start of \<body> tag".
* Click "Save" to apply the changes
* "Publish" your site to view the bot on your webpage

<figure><img src="https://360969599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsrMxU8nO3RjusUiYuXBB%2Fuploads%2FP4nnGaiNvbgOep7B85XL%2FCleanShot%202025-07-28%20at%2017.24.49.png?alt=media&#x26;token=24b30589-c6a8-4e3d-8ac7-28462e2ff865" alt=""><figcaption></figcaption></figure>
