@courseecho/ai-widget-jquery
v1.4.0
Published
jQuery AI chat widget plugin for CourseEcho.
Maintainers
courseecho.comReadme
@courseecho/ai-widget-jquery
jQuery plugin for AI chat widget - Script tag integration for vanilla JavaScript and legacy projects.
Overview
A jQuery plugin for integrating CourseEcho AI chat into vanilla JavaScript, HTML, WordPress, and legacy projects.
- jQuery 1.0+ compatible
- Works with script tags (no build required)
- Available on CourseEcho CDN
- 12KB minified + 3KB gzipped
- Zero build dependencies
- NEW: Minimize on load
- NEW: Go offline mode
- NEW: Pre-chat form
- NEW: AI suggestions with keyboard nav
- NEW: Booking integration
v2.1+ New Features
1. Minimize on Load
Start widget in minimized state - user clicks to expand.
$('#widget').aiChatWidget({
apiKey: 'your-api-key',
context: { pageType: 'course' },
defaultMinimized: true
});2. Go Offline Mode
"Leave a message" button and booking functionality.
$('#widget').aiChatWidget({
apiKey: 'your-api-key',
goOfflineEnabled: true,
limitExpiredConfig: {
offlineForm: {
title: 'Get in touch',
submitLabel: 'Send message',
submitEndpoint: '/api/contact'
},
booking: {
title: 'Schedule a call',
buttonLabel: ' Book now',
calendarUrl: 'https://calendly.com/your-link'
}
}
});3. Pre-Chat Form
Capture name, email, phone before chat starts.
$('#widget').aiChatWidget({
apiKey: 'your-api-key',
preChatFormEnabled: true
});4. Smart Suggestions
AI-powered suggestions with keyboard navigation.
- Up/Down: Navigate
- Enter: Select
- Esc: Close
Quick Start
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.courseecho.com/ai-widget-jquery.umd.min.js"></script>
</head>
<body>
<div id="widget"></div>
<script>
$(document).ready(function() {
$('#widget').aiChatWidget({
context: { pageType: 'course', entityId: 'course-123' },
apiKey: 'your-api-key',
defaultMinimized: false,
goOfflineEnabled: true
});
});
</script>
</body>
</html>Configuration
$('#widget').aiChatWidget({
apiKey: 'your-api-key',
context: { pageType: 'course', entityId: 'course-123' },
theme: 'light',
position: 'bottom-right',
defaultMinimized: false,
goOfflineEnabled: false,
preChatFormEnabled: false,
onMessage: (msg) => {},
onError: (err) => {}
});API Methods
$('#widget').aiChatWidget('send', 'Hello!');
const messages = $('#widget').aiChatWidget('getMessages');
$('#widget').aiChatWidget('clear');
$('#widget').aiChatWidget('destroy');Support
- Docs: https://courseecho.com/docs
- Issues: https://github.com/COURSEECHO/courseecho-ai-widget-sdk/issues
- Email: [email protected]
License
MIT 2026 CourseEcho