Chatbase Embed Code Example

​
What is Chatbase?

Chatbase is an AI-powered platform that enables businesses to create custom AI Agents, tailored to their specific data and requirements. By integrating Chatbase into your website or application, you can enhance customer support, generate leads, and engage users more effectively. Key Features:
  • Customizable AI agents: Train AI agents using your own data sources, such as documents, websites, or databases, to ensure accurate and relevant responses.
  • No-Code Integration: Easily embed AI agents into your website or platform without the need for extensive coding knowledge.
  • Advanced Analytics: Monitor AI agent interactions to gain insights into user behavior and improve performance over time.
  • Multi-Platform Support: Deploy AI agents across various platforms, including websites, mobile apps, and messaging services, to reach users wherever they are.
  • Lead Generation Tools: Collect and manage leads through AI agent interactions, streamlining your sales and marketing efforts.
  • Privacy and Security: Ensure your data is protected with robust encryption and access controls.
By leveraging Chatbase, businesses can provide 24/7 support, engage users in meaningful conversations, and automate routine tasks, leading to increased efficiency and customer satisfaction.

​
How to add the AI agent to my website?

To integrate the AI agent into your website, you have three primary methods to choose from:

​
iFrame

By using this method, you can seamlessly embed the AI agent across multiple pages by simply adding the iframe code to the desired locations. Once embedded, the AI agent will remain visible and accessible on those specific pages, offering users a consistent and uninterrupted experience as they navigate through your site. The iframe will be static, meaning the AI agent will always be open and readily available for visitors on the pages where it’s been included. This ensures that users can engage with the AI agent anytime without needing to interact with any additional pop-ups or triggers, enhancing usability and engagement.

​
Chat bubble

Using this method, you can embed the chat bubble in the bottom left corner of your selected pages. The chat bubble remains visible and easily accessible, providing a consistent user experience across your website. When clicked, it opens a floating chat window, allowing users to engage in a conversation without navigating away from the page. The chat window can be minimized by clicking the button again, making the bubble return to its initial position in the corner. This feature ensures that the AI agent remains unobtrusive, offering users a seamless and convenient way to communicate while they continue browsing your site.

​
API calls

Using API calls, you can integrate the AI agent with your custom user interface, providing complete flexibility in how the AI agent is presented. By implementing the necessary API calls, you can customize the look and feel of the AI agent, while maintaining seamless communication with the bot’s backend. This approach allows you to build and design a fully tailored chat experience that aligns with your brand and user interface preferences. You can send and receive messages, control bot behavior, and integrate advanced features, all while ensuring the AI agent integrates smoothly with your existing system and design.