Deployer Guide
Fix chatbot blocking background
Fix chatbot blocking background.
If your Stack AI chatbot is blocking elements behind it after embedding it, you need to replace the script with standard HTML.
Prerequisites
- Have a project ready, or create a new project.
- Have your project chatbot published.
Step-by-step Guide:
- Get chatbot URL
To begin the process, you must go to the export section.
- Navigate to Export.
- Select Website Chatbot.
- Get the
data-project-url
from the “Embed in Website” section.
The chatbot url will have the form https://www.stack-ai.com/embed/[org_id]/[public_key]/[flow_id]
.
- Modify Script
In your HTML website, replace the chatbot script for the following HTML code:
Finally, replace your project url in place of [YOUR_CHATBOT_URL_HERE]
.