Web Widget
Add the Komplian chat widget to your website.
Web Widget
WhatsApp
Instagram
Slack
Installation
Add the following script tag to your website’s HTML, just before the closing </body> tag:
html
<script src="https://app.komplian.com/widget/komplian.js?id=YOUR_WIDGET_ID" defer></script>Replace YOUR_WIDGET_ID with your actual widget ID, found in AI Agent → Channels → Web Widget.
If you’re on Shopify, you can install the widget through the Shopify app without editing code.
Widget Studio
The Widget Studio lets you customize every aspect of the chat bubble:
- Brand Color: Primary color for the widget header and buttons.
- Position: Left or right side of the screen.
- Launcher Style: Choose between a bubble icon or avatar.
- Agent Name & Avatar: Display name and profile image shown in the chat.
- Company Logo: Logo shown in the widget home view.
Quick Actions
Configure up to 6 quick action buttons that appear in the widget home view. Each action has an icon and label (e.g., “Track Order”, “Size Guide”, “Contact Support”).
Customization
- Welcome Message: The first message shown when a customer opens the chat.
- Allowed Domains: Restrict the widget to specific domains for security.
- Branding: Option to remove “Powered by Komplian” on paid plans.