Bubble
Add the GPT Chatbot to your Bubble app using an HTML element or a global header script.
Integrate YourGPT Chatbot into Bubble in just a few steps.
Fastest Setup
Use the Bubble header option to load the chatbot on every page without repeating steps.
Installation
In the YourGPT Dashboard, go to Integrations → Website Builders → Custom Website and copy the JavaScript snippet.
In the Bubble editor, drag an HTML element onto the page where you want the chatbot.
Open the HTML element settings and paste the YourGPT snippet. Save the page.
Click Preview to confirm the chatbot appears in your Bubble app.
Deploy your Bubble app so the chatbot loads on every page.
All set!
Your chatbot should now appear in your Bubble app. If it’s not visible, review the troubleshooting tips below.
Troubleshooting
Next Steps
Train the chatbot
Add your knowledge base so answers match your business.
Customize the widget
Match colors, positioning, and behavior to your Bubble app.
Need help? Mail YourGPT Support or Chatbot Live Support.