Notifications
Webchat
Explains Stubber Webchat for browser-based conversations. Covers embedded, hosted, and headless interfaces for chat, forms, AI assistants, and stub-linked interactions.
Overview
Webchat is a web component for real-time communication with website visitors through an embedded chat interface, directly in their browser.
Embedded Chat
Integrate the chat interface directly into your website's page layout
Stubber-Hosted Interface
Use our pre-built chat solution without any embedding required
Headless Implementation
Build a custom UI using the webchat API, with full control over the appearance and behavior of your chat interface.
Setup your own webchat
1. Setup client configuration
2. Setup template
- Create Context Setup - Handles the initial connection and creates a new stub for each conversation
- Default Context Setup - Manages the ongoing conversation and processes user messages
3. Setup webchat interface
- Setup Webchat Interface - Different ways to implement webchat
- Embedded Interface - Integrate directly into your website
- Hosted Interface - Use our pre-built chat solution
- Build Your Own Interface - Create a custom implementation
Advanced Implementation
See Advanced Configuration for:
- Notification parameters for sending various types of messages
- Control channels for bidirectional communication
- Custom UI components and interface options
For a working example, see the demo e-commerce application.
Development Tips
When you start a chat on a draft stub, the webchat interface shows a link to the draft stub in the chat header (look for the ticket-like icon), giving direct access to the stub behind the chat for testing and iteration.
