With web chat, you can seamlessly integrate your Ada AI Agent with your website or app. It looks like the classic web widget that most people think of when they think of an AI Agent - but the generative responses it creates set it apart.
If your use case requires displaying images to customers, you can include URLs in the AI Agent’s response that link to pages containing the visual content. Alternatively, you can configure Handoffs to route specific inquiries to human agents or support channels that support image sharing.
For every AI Agent, the first thing you have to do is connect your knowledge base to your AI Agent. For more information, see the topics in the Set up your AI Agent’s knowledge and behavior section of the Help Docs. Those topics take you through preparing and uploading your knowledge base content to your AI Agent, then customizing its behavior with more advanced features like Guidance, Processes, and Actions for any situations you need your AI Agent to handle with specific actions or content.
The AI Agent generates text-only responses and cannot display images, videos, or other media formats directly in the chat widget. Images are supported in the Chat channel when provided by end users or during Handoffs to human agents—they are simply not within the scope of AI-generated responses.
Web chat integration helps you provide AI-powered support directly on your website or app.
Chat provides flexible options for embedding and customizing your AI Agent.
Add Chat to your website in a few steps.
Copy the embed code and add it to your website.
Optionally, customize your AI Agent’s branding.
For detailed instructions, see Implementation & usage.
Set up and customize your Chat widget.
You can customize the look and feel of your chat widget, so it fits seamlessly within your organization’s branding guidelines. For more information, see Customize your AI Agent’s branding.
Once the content in your AI Agent is ready, you can add a chat widget to your website or app with an embed code. You can then modify the embed code to customize elements of the widget’s behavior, like:
For detailed information on different ways you can customize your chat widgets, see the developer documentation for the platform you’re interested in:
For browser compatibility information, see Browser support.
To start, make sure Chat is enabled as a channel for your AI Agent. You can do this by ensuring that Enable chat under Chat availability on the Launch tab is enabled.
Once Chat is enabled, you have control over your chat widget’s visibility. This ensures malicious parties can’t embed your AI Agent on unauthorized websites, and also gives you flexibility to roll out your AI Agent gradually.
For more information, see:
Use the following tables to determine which actions you can perform in which browser.