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.com as 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.

Tip: Check the Conversations tab on Nova Hub a couple of days after installing. You'll see every web chat alongside your WhatsApp ones — same dashboard, same searchable history, same lead funnel.