Customer Support Hub
Instant answers from your knowledge base.
Visitors get streaming replies from your data and knowledge base. When the assistant cannot help, a person takes the same conversation.
Live demo: a HostNoc hosting desk.
Repeated queries are answered by AI. New queries or reports are escalated to a human.
For visitors
A chat that knows the product.
-
Live streaming chat
Answers appear as they are written, over a real-time widget.
-
Product-aware replies
Plans, prices, specs, billing cycles, and order links come from your live catalog.
-
From your knowledge base
In-scope questions are answered from your data and uploaded support documents.
-
Human handoff
An agent takes the same conversation. Visitors see when that person is typing.
-
Coming soon
WhatsApp
Visitor conversations on WhatsApp.
-
Coming soon
Facebook
Visitor conversations on Facebook.
-
Coming soon
Instagram
Visitor conversations on Instagram.
-
Coming soon
Agents
Specialist agents beside the human inbox.
Support team
The desk, live.
Conversations sit in Normal and Fallback, with unread badges. An agent switches any chat from AI to human and replies in the same thread. Unanswered in-scope questions move to Fallback once.
-
No refresh
New messages, fallbacks, and mode changes show up as they happen.
-
Search
Full-text search across every chat message.
-
Metrics
First response time, wait time, missed chats, and deflection rate in one view.
Mark a conversation read, or end the session so the next visit starts clean.
Knowledge
What the assistant is allowed to know.
-
PDF knowledge base
Upload support PDFs. List, preview, and delete them in one place. The team can see which file an answer used.
-
Your product source
Plans, prices, specs, billing cycles, and order links sync from your own catalog on a schedule and on demand.
-
Time-bounded facts
Incidents, maintenance, promotions, and notices override PDF answers while they are active.
Chat and embeddings
- OpenAI
- Hugging Face
- OpenRouter
- Novita
- Gemini
Install
One script on any site.
Add the widget, point it at your API and WebSocket, and you have Customer Support Hub. This page runs the same script against the HostNoc hosting demo.
<!-- Add this single script to any website -->
<script src="https://devhostnocchatbotfrontendv2.branex.org/widget.js"></script>
<script>
HostNocChat.init({
apiUrl: "https://stagingchatbot.hostnoc.com", // REST base (POST /users/)
wsUrl: "wss://stagingchatbot.hostnoc.com", // WebSocket base (/ws/chat/{id})
title: "Support",
subtitle: "How can I help you today?",
theme: "light", // "light" | "dark" | "auto"
themeColor: "#2563eb",
secondaryColor: "#1d4ed8", // gradient end color
position: "bottom-right",
launcherIcon: "chat", // chat | message | help | bubble | <svg>
launcherPulse: true, // pulsing ring on the launcher
borderRadius: 28,
agentName: "HostNoc Team", // shows agent presence in header
teaserMessage: "Need a hand? Chat with us!",
teaserDelay: 6000, // ms before the teaser pops (0 = off)
quickReplies: ["Pricing", "Talk to a human", "Report an issue", "Track my order"],
enableEmoji: true,
enableVoice: true, // voice-to-text mic button (Web Speech API)
voiceLang: "en-US", // BCP-47 locale for recognition
enableSound: false, // mute incoming-message blip
maxLength: 1500,
allowCopy: true, // copy button on assistant/agent messages
closeOnOutsideClick: true, // close window when clicking outside
greetingMessage: "Hi! Ask me about plans, pricing, or your order."
});
</script>