back
Bubble integration
Here's a step-by-step guide on how to add the LouiseBot script to Bubble.io .
1
Log in to your Bubble.io account. Go to the page on your site where you want to display the LouiseBot chatbot.
2
In the left-hand menu of Bubble's interface, search for the 'Visual Elements' section. Hold down '</> HTML' and drop in the place where you want to display the chatbot on your page; a new menu will appear.
3
Copy your chatbot script from LouiseBot dashboard.
4
Paste the script into the 'Appearance' tab and close this panel. Your LouiseBot script is now added to your website’s page.
5
In the Settings menu of LouiseBot's dashboard, activate the 'Auto-install' option, or enter the domain name of the site that will use the chatbot.
6
Return to Bubble.io and click on the preview button in the header. You should now see the LouiseBot chatbot on your website preview. You're ready to deploy your site including your chatbot.
7
You can repeat these steps for any additional pages where you want the chatbot to appear.
By following these simple steps, you can easily integrate your LouiseBot script into your Bubble.io site pages. If you encounter any issues or have further questions, don't hesitate to reach out to our support team for assistance.