Follow these steps to embed the Demystify AI Studio's Build-A-Bot chat bubble on your website. The chat bubble provides an accessible, always-visible interface for users to interact with your AI Assistant.
Step 1: Copy the Code Snippet
Navigate to the Customization → Installation tab, and click the ‘Copy code’ button. This will copy the JavaScript <script> snippet to your clipboard, which enables the chat bubble on your website.
Step 2: Insert the Code into Your HTML
Open the HTML file for the page where you want the chat bubble to appear.
Paste the code snippet just before the closing </head> tag to ensure it doesn’t delay the loading of other elements on the page.
Step 3: Save and Upload the Updated File
Once you’ve pasted the code, save the HTML file.
Upload the updated file to your web server using an FTP client or your hosting provider’s file manager.
Step 4: Check the Chat Bubble
Open your website in a browser to verify that the chat bubble appears in the bottom-right corner.
Test its functionality by clicking the bubble to ensure the chat interface opens and works correctly.