# Bubble

### 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 **Connections** 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%2FfldSFQYXWSWxu6veq8ca%2Fimage.png?alt=media&#x26;token=d2b7ad4c-b048-46cd-8a18-c22d5b29d2f5" alt=""><figcaption></figcaption></figure>

### Step 2: Embed uClone Chatbot on Your Bubble App

\
1\. Once you've copied your uClone embed code, sign into your Bubble account and head to your account dashboard.

2\. On your dashboard, pick out the Bubble app or website you wish to embed the chatbot on and click the **Launch Editor** button next to it.

<figure><img src="https://1933705455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLV1FGcR9rovGx9Z9Xt8%2Fuploads%2F9qfJzgdpIuBLdfZsgC2E%2Fimage.png?alt=media&#x26;token=0d40dc4e-59c4-4d20-9c05-2d30bb1bc5df" alt=""><figcaption></figcaption></figure>

3\. Once your Bubble Editor comes up, scroll down to the section of the page you want to add the embed code.

4\. On the left sidebar of the editor, locate the HTML component and drag it to the section of the page.

<figure><img src="https://1933705455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLV1FGcR9rovGx9Z9Xt8%2Fuploads%2FMXIvZ5KsWi3JwrhQqiF5%2Fimage.png?alt=media&#x26;token=8cc2be2b-84d1-4aaa-9e04-339590264950" alt=""><figcaption></figcaption></figure>

5\. Double-click on the HTML component to reveal the code editor.

6\. Paste the embed code on the editor and you should automatically see a floating chatbot icon on the bottom left corner of the editing canvas.

<figure><img src="https://1933705455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLV1FGcR9rovGx9Z9Xt8%2Fuploads%2F8mQrKbpOPMfzt2MGbmn9%2Fimage.png?alt=media&#x26;token=9a7b3267-6606-4a4d-867c-c59ab053095a" alt=""><figcaption></figcaption></figure>

7. You can now preview your Bubble app to test your chatbot.

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