Back to Installing Your Chatbot

How to add ChatGPT to Bubble

How to add your custom ChatGPT trained chatbot to your Bubble website.

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.

copy-code-snippet.png

In Bubble

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

Bubble - 1. Goto the Bubble page where you want to add your chatbot.png

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

Bubble - 2. Drag HTML.png

  1. Insert snippet under HTML appearance

Bubble - 3. Insert snippet under HTML appearance.png

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

Bubble - 4. Click on Preview to view your chatbot on your page.png

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

Bubble - 5. Chatbot button on page.png

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

Bubble - 6. Chatbot dialogue on page.png

Your customers can now interact with your chatbot.

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer support with AI?

Join over 150+ businesses, websites and startups automating their customer support with a custom trained GPT chatbot.