Widgets
Customizable chat interfaces that connect users to your workflows. Deploy on websites or share via links.
What is a Widget?
A Widget is the user-facing chat interface that connects to a workflow. It's what your users see and interact with—a chat window that can be embedded on your website or accessed via a shareable link.
Widgets are highly customizable, allowing you to match your brand's look and feel while providing security features like identity verification and token limits.
Creating a Widget
- Navigate to Studio → Widgets
- Click Create Widget
- Enter a name for your widget
- Select the workflow this widget will use
- Configure appearance and integration settings
- Save and deploy
Widget Features
Appearance Settings
Customize the look and feel of your widget—colors, sizes, themes, launcher button, and animations.
Integration Settings
Configure security features like identity verification, token limits, and origin whitelisting.
Embedding Options
Multiple ways to embed the widget—vanilla JavaScript, React/Next.js package, with or without identity control.
Share Chat Link
Generate shareable URLs—permanent or temporary—to give users direct access to your chatbot.
Live Preview
Test your widget configuration in real-time before deploying. The live preview shows exactly how your widget will appear and behave on your website.
Tip: Use the live preview to test both light and dark themes, different screen sizes, and the complete conversation flow.
Widget vs Workflow
| Aspect | Workflow | Widget |
|---|---|---|
| Purpose | Defines conversation logic | Provides user interface |
| Contains | Nodes, connections, AI config | Appearance, security settings |
| Relationship | Can have single widget at a time | Connected to one workflow |
| Deployment | Not directly deployed | Embedded on websites |