Bubble
If you're following this section, you must have added some data in your Ai Assistant according to Data Sources Section and you tested you assistant in AI Task Section.
Here's a summary video of the procedure to follow
Additional Resources
-
Add QAnswer AI chatbot to your Bubble Site: Deploy an intelligent AI-powered assistant into your Bubble Web-App and deliver 24/7, instant insights from your website data using Bubble AI chatbot.
To have a chatbot over your AI Assistant in your Bubble website follow these steps.
Customize widget​
You can customize the appearance of the widget :
- The initial message
- The theme
- If it's open or closed at the loading of the website
- Its position on the screenshots
- Its accent color
- Its CSS font property
You have an overview of the result on the right.
Make public​
Choose access type : you have to make it public.
If you decide to restrict access you will need to generate an API key for the integration of the widget.
- Access Type
- Share
- API Key
Setup​
In order to add your chatbot to your Bubble app, go to your Bubble Home. Then select your app and click on Launch editor.
- In the left menu bar, go to "Settings".
- Click on the "SEO / Metatags" tab.
- Paste the script provided on the qanswer app (the link is accessible only if you have chosen a share type or generated an API key) into the box labeled "Script in the body":
Go to your website to check if the chatbot widget is working. Enjoy!