Support Widget Configuration
Configure and customize the embedded Muin support widget: connect your knowledge base, set up AI answers and ticket routing, and apply your branding.
The Muin Support Widget gives your customers instant self-service access to your knowledge base, AI-powered answers, and ticket creation. This guide covers how to configure the widget’s behavior, connect your knowledge base, set up ticket routing, and apply your branding.
Embed on Your Website
Paste this snippet before the closing </body> tag on any page where you want the AI support chat to appear. The widget renders as a floating chat bubble (bottom-right by default) and expands to a panel when a visitor clicks it.
<script
src="https://muin-api.falaah.ai/embed/widget.js"
data-type="support"
data-tenant-slug="your-org-slug"
data-position="bottom-right">
</script>
| Attribute | Required | Value |
|---|---|---|
data-type | yes | Must be support |
data-tenant-slug | yes | Your Muin tenant slug (visible in Settings → Support → Embed on your website) |
data-position | no | bottom-right (default), bottom-left, top-right, or top-left |
The exact embed snippet pre-filled with your slug is available in-app: Settings → Support → Embed on your website (Copy button). No keys to manage — visitor conversations are tenant-scoped via the slug, and CAPTCHA on the chat-start endpoint blocks abusive traffic automatically.
You can also link customers directly to your hosted support portal at https://muin.falaah.ai/go/your-org-slug/support — the chat widget appears there too, alongside your knowledge base articles.
Overview
Key Features
| Feature | Description |
|---|---|
| Widget Customization | Configure the welcome message, quick actions, and greeting flow |
| Knowledge Base Integration | Connect articles and FAQs so the AI can answer common questions instantly |
| Ticket Creation | Let visitors create support tickets when AI cannot resolve their issue |
| Branding | Apply your organization’s colors, logo, and messaging to the widget (Coming Soon) |
| Pre-Chat Forms | Collect visitor name, email, and topic before a conversation starts |
| CAPTCHA Protection | Block bot spam with invisible, checkbox, or challenge CAPTCHA |
How to Configure the Widget
Basic Setup
- Navigate to Settings —> Support —> Widget
- Configure the greeting message that visitors see when they open the widget
- Add quick action buttons for common topics (e.g., “Track My Order”, “Billing Help”, “Contact Sales”)
- Set up the knowledge base so AI can answer questions automatically:
- Go to Support Widget —> Knowledge Base
- Add articles, FAQ pairs, or upload documents to the document pool
- AI indexes this content and uses it to respond to visitor questions
Ticket Routing
When AI cannot resolve a question, visitors can create a ticket:
- Go to Support Widget —> Escalation
- Configure what happens when a visitor requests human help:
| Setting | Options |
|---|---|
| Route To | Specific team, round-robin assignment, or least-busy agent |
| Notify Via | Email, push notification, or SMS alert |
| Queue Message | Custom “please wait” message shown to the visitor |
| Offline Behavior | Leave a message, receive email follow-up, or schedule a callback |
- Tickets created through the widget appear in the Communications Hub inbox for your team to handle
Pre-Chat Forms
Collect visitor information before the conversation starts:
- Go to Support Widget —> Pre-Chat Forms
- Add fields: name, email, topic, or custom fields
- Mark fields as required or optional
- Configure routing rules based on form responses (e.g., route “Billing” topics to the finance team)
Security
Enable CAPTCHA to block bot spam:
- Go to Support Widget —> Security
- Toggle Enable CAPTCHA
- Choose when CAPTCHA triggers: always, when suspicious behavior is detected, after hours, or during high traffic
Tips
- Keep the knowledge base current — review the “Unanswered Questions” report weekly and add articles for gaps. The better your content, the more questions AI resolves without human intervention.
- Use pre-chat forms strategically — collecting email and topic upfront helps route conversations correctly and lets you follow up if the visitor disconnects.
- Test the visitor experience — open your support portal URL in an incognito window and go through the full flow as a customer would. Check that AI answers are accurate and escalation works smoothly.
- Connect to workflows — pair the widget with workflows to auto-create tasks, send follow-up emails, or update CRM records when tickets are submitted.
Next Steps
- AI Support Widget Overview - Full widget reference with AI settings, analytics, and embedding
- Communications Hub - Manage escalated conversations
- Smart Forms - Collect structured data via forms