How to add ChatGPT to Bubble

You want to embed your custom trained chatbot in your Bubble website. Here’s how to add ChatGPT to Bubble with SiteSpeakAI.

Add your chatbot to your Bubble website

In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the Install Chatbot section in the sidebar, then click on the Copy Code button to copy your code snippet.

In Bubble

Go to the Bubble page where you want to add your chatbot.

1. Click </> HTML on the UI Builder menu tab and drag the element to your page

2. Insert snippet under HTML appearance

3. Click on Preview to view your chatbot on your page

4. That’s it - your chatbot is now in Bubble and the chatbot button will appear on your page

5. If you click on the button it will display the Chatbot dialogue

Your customers can now interact with your chatbot.