The following instructions will guide you through embedding Demystify AI Studio's Build-A-Bot on your website. By adding the chat interface, you allow visitors to interact with your AI Assistant directly, enhancing user engagement and lead generation.
Step 1: Copy the Code Snippet
Click the ‘Copy code’ button to copy the iframe snippet. This will embed the chat interface on your webpage.
Step 2: Paste the Snippet into Your HTML
Open your HTML file in a text editor.
Find where you want the chat feature to appear, usually within the <body> tags.
Paste the iframe code in that location.
Step 3: Optional: Adjust Styling
The default snippet sets the width to 100% and the height to 418 pixels.
You can modify these values to better fit your page layout if necessary.
Step 4: Save Your HTML File
After pasting and making any needed adjustments, save the HTML file.