AI Chat Widget
Add a floating "Chat with us" button to your website. Visitors can ask questions, get info, and book appointments — handled by the same AI that runs your Telegram and WhatsApp.
NovaChat's web widget is a small floating button that opens an AI chat modal on your site. Visitors can ask anything — services, hours, location — or book an appointment right there. The brain is the same one that handles your WhatsApp customers; conversations land in the same Nova Hub dashboard.
One-line install
If NovaBuildBot built your site, just tell the bot:
install the chat widget
It will add the snippet, commit, and deploy. That's the entire workflow.
Manual install (any site)
If you host the site yourself or want to add it to a site we didn't build, paste this single line just before </body> in your HTML:
<script src="https://hub.novabuildbot.com/widget.js" data-biz="YOUR_BUSINESS_ID" async></script>
Find your YOUR_BUSINESS_ID on the Nova Hub dashboard (top-right of the page). The widget will appear on every page that includes this snippet.
Customizing
The <script> tag takes a few optional data-* attributes:
| Attribute | What it does | Default |
|---|---|---|
data-biz |
Your business id (required) | — |
data-color |
Hex color for the launcher button | #1F3A5F (platform navy) |
data-position |
right or left corner anchor |
right |
Example with custom colors:
<script
src="https://hub.novabuildbot.com/widget.js"
data-biz="42"
data-color="#F97316"
data-position="left"
async></script>
Where the widget is allowed to appear
Your widget only loads on domains you've explicitly registered. This stops anyone from copying your snippet onto their own site and impersonating you to phish your customers. The browser itself refuses to render the chat iframe on any unregistered domain — no fallback, no JavaScript trick can bypass it.
When you install the widget through the bot, the bot automatically registers the domain on your site_url field (and its www / non-www companion). For most businesses there's nothing extra to do.
You need to add origins manually only when:
- You serve the same site on a second domain (e.g. a vanity URL + the main one).
- You want to preview the widget on a staging site before flipping the main domain.
- You changed your domain and need both old + new to work during the cutover.
Tell the bot something like:
add
https://staging.smileclinic.comas an allowed origin for the chat widget
…or remove one the same way. Origins are exact-match per scheme://host[:port], lowercase, no trailing slash. Examples that count as different and need separate entries:
| Origin | Allowed if you registered |
|---|---|
https://smileclinic.com |
yes |
https://www.smileclinic.com |
yes (auto-paired with the above) |
http://smileclinic.com |
no — different scheme |
https://staging.smileclinic.com |
no — different host |
https://smileclinic.com:8443 |
no — different port |
If the widget refuses to appear on your site, this is almost always why — check that the host exactly matches what you registered.
What visitors see
- Floating button in the bottom corner — small, round, your brand color.
- Modal opens on click — 380×620 on desktop, full-screen on mobile.
- Streaming AI replies — answers appear word-by-word, no spinners.
- Inline forms — when the assistant needs to book an appointment, a small form for name + phone appears right inside the chat.
- "Powered by NovaBuildBot" footer — small, unobtrusive.
What the AI can do
Out of the box, every chat widget can:
- Answer questions about your services, prices, and hours
- Give your address and contact info
- Show appointment availability for a given date
- Collect a visitor's name + phone
- Book appointments (slot pulled live from your availability)
- Look up a visitor's existing appointments (after they've shared their phone)
If you'd like it to handle anything else — FAQs, follow-ups, special offers — just tell the bot and it'll teach the assistant.
Across tabs and devices
The conversation continues across browser tabs of the same site — visitors can open a second tab and the chat picks up where it left off. The session is anchored to the browser, so opening on a phone later starts a fresh conversation unless they share their phone number (we then merge the two records automatically).
Removing or disabling
Tell the bot:
uninstall the chat widget
It will strip the script tag and redeploy. To temporarily disable a widget without touching the customer site, an admin can flip disabled_at on the business — the WebSocket politely refuses new connections.
What it costs
The web widget is included with the AI Chat subscription on Nova Hub. There's no per-message or per-conversation surcharge — your monthly subscription covers unlimited visitor chats.