# Framer

### Step 1: Sign Into Your uClone Account and Copy Your Embed Code

\
1\. Log into your uClone account and navigate to the [**Dashboard**](https://www.chatbase.co/dashboard/) page.\
2\. On the page, locate and click on the **Integrations** tab at the top of the page.\
3\. On the connect tab, click on **Copy** to copy the embed code.\


<figure><img src="https://1933705455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLV1FGcR9rovGx9Z9Xt8%2Fuploads%2FTfcxpn4c1hmx2sIjv2Me%2Fimage.png?alt=media&#x26;token=bbceb523-d8d0-4e2d-affc-8e2f9731dac8" alt=""><figcaption></figcaption></figure>

### Step 2: Sign Into Your Framer Website and Embed Your Chatbot

\
1\. Sign in to your Framer website and head to your project dashboard

2\. Click on the website project you wish to embed your uClone chatbot

<figure><img src="https://1933705455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLV1FGcR9rovGx9Z9Xt8%2Fuploads%2FCHcgBAIfSkab3Qid5KwO%2Fimage.png?alt=media&#x26;token=2774d6ae-538a-4949-9c93-3827b603a5ea" alt=""><figcaption></figcaption></figure>

3. After clicking through to open the website project, locate the page you wish to embed your chatbot on the left side of the editor and click the three-dot icon next to the name of the page.

<figure><img src="https://1933705455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLV1FGcR9rovGx9Z9Xt8%2Fuploads%2FQeH12e0IzPvADooh61WR%2Fimage.png?alt=media&#x26;token=81954163-edcf-483c-9010-fdaef29be972" alt=""><figcaption></figcaption></figure>

4\. Click **Settings** to open the settings for that page.

5\. On the Settings page, scroll down to find the section labeled "**Custom Code**."

6\. Right under the Custom Code section, paste your uClone chatbot embed code in the first box labeled _"Start of \<head> tag"_ and click **Save** on the top right corner of the panel.

<figure><img src="https://1933705455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLV1FGcR9rovGx9Z9Xt8%2Fuploads%2FOFatUH1gmYVM2P9kS1Pd%2Fimage.png?alt=media&#x26;token=05d201d2-1e49-4806-b728-d8f8952507d6" alt=""><figcaption></figcaption></figure>

7. If everything was done well, you should now see a floating uClone chatbot icon on the bottom left corner of your Framer website (on the page you added it to)

**Congratulations! Your uClone bot is now ready to use on your website.**
