Dashboard
Monitor your AI chat widget performance and metrics
- Total Conversations
- 12,543
- Response Rate
- 94.2%
- Avg Resolution
- 2.4 min
- Active Widgets
- 8
Conversation Trends
Daily conversation volume over the past 7 days
Response Quality
User satisfaction scores by category
Recent Activity
-
New widget deployed
Widget #1234 is now live on example.com
2m ago -
API key regenerated
DeepSeek API credentials updated
1h ago -
Configuration updated
Response timeout set to 30 seconds
3h ago
Widget Configurator
Customize your AI chat widget appearance and behavior
Widget Settings
Preview
Mobile Preview
Quick Actions
Embed Codes
Copy and paste these codes to add your AI chat widget to any website
Standard Embed Code
Copy this code and paste it into your HTML file
<!-- AI Chat Widget -->
<script>
(function(w,d,s,l,i){
w[l]=w[l]||[];
w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src='https://widget.yourapp.com/embed.js?id='+i+dl;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','YOUR_WIDGET_ID');
</script>
<!-- End AI Chat Widget -->React Integration
For React applications
import { useEffect } from 'react';
const AIChatWidget = () => {
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://widget.yourapp.com/embed.js';
script.setAttribute('data-id', 'YOUR_WIDGET_ID');
script.async = true;
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
};
}, []);
return null;
};
export default AIChatWidget;WordPress Plugin
For WordPress websites
// Add to functions.php
function add_ai_chat_widget() {
?>
<!-- AI Chat Widget -->
<script>
(function(w,d,s,l,i){
w[l]=w[l]||[];
w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src='https://widget.yourapp.com/embed.js?id='+i+dl;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','YOUR_WIDGET_ID');
</script>
<!-- End AI Chat Widget -->
<?php
}
add_action('wp_footer', 'add_ai_chat_widget');Installation Guide
Copy the Code
Choose your preferred embed method above
Paste in Your Website
Add the code to your HTML before the closing </body> tag
Replace Widget ID
Update 'YOUR_WIDGET_ID' with your actual widget ID
Configuration
Live Preview
Need Help?
Check our documentation for detailed integration guides or contact support for assistance.
Conversations
Monitor and manage all chat conversations in real-time
Active Chats
12 active conversations
-
Sarah Johnson
How does the pricing work?
Online -
Mike Chen
Can you help me with setup?
Typing... -
Emma Wilson
Thanks for the quick response!
Offline
Mike Chen
Active 2 minutes ago
Hi there! I'm interested in your AI chat widget
2:30 PM
Hello! I'd be happy to help. What would you like to know?
2:31 PM
Can you help me with setup? I'm not sure how to integrate it with my website
2:32 PM
Absolutely! It's very straightforward. Just copy the embed code from your dashboard and paste it into your website's HTML before the closing </body> tag.
2:33 PM
That sounds simple enough. Do you offer any customization options?
2:34 PM
Yes! You can customize colors, position, welcome messages, and more through our widget configurator.
2:35 PM
Conversation Insights
Response Time
2.3s avg
Satisfaction
94%
Quick Actions
Interface Previews
API Settings
Configure your DeepSeek API integration and manage authentication
DeepSeek API Configuration
Webhook Configuration
API Health
Usage Limits
Quick Actions
Developer Workspace
