Adding an AI support widget to your website is simpler than you might think. You do not need a complex backend, a separate help desk platform, or a team of developers. A single script tag is enough to give your visitors instant access to support—AI answers when it can, human handoff when it matters.
What is an AI support widget?
An AI support widget is a floating chat button that appears on your site. When visitors click it, they open a conversation panel. Common questions get instant AI replies based on your knowledge base and docs. When the AI cannot help—or the visitor asks for a person—the conversation becomes a ticket for your team. Full context is preserved.
Step 1: Choose your support platform
You need a platform that provides the widget script and a backend for tickets and AI. OperatorOne is one option: lightweight, OpenAI-compatible, and built for shared hosting. You can self-host the support install or use a hosted instance.
Step 2: Create a site and get your embed code
In your support admin, go to Integration (or Sites). Create a new site: name it, set a site key, and add your allowed domains (e.g. yoursite.com, www.yoursite.com). The system generates a widget snippet—one script tag with data-support-base and data-site-key.
Step 3: Add the script to your site
Paste the script just before the closing </body> tag. For WordPress, use a plugin or add it to the theme footer. For Magento, PrestaShop, or OpenCart, use the platform plugin. For custom HTML, paste directly. The widget loads asynchronously and does not block page render.
Step 4: Configure AI and knowledge base
Add knowledge base articles so the AI has context. Configure the AI (API base URL, key, model) in Admin → AI Agent. Set a system prompt and escalation rules. Optional: enable auto-reply so common questions get instant answers without agent time.
Step 5: Test and go live
Load your site and click the floating button. Send a test message. Reply from the admin. Confirm that AI replies work and that escalation to a human preserves context. You are ready to go live.
Summary
Adding an AI support widget is a five-step process: choose a platform, get the embed code, add the script, configure AI and KB, and test. One script tag, no build step. See our developer docs for details.