Documentation

Website Widget — Your Agent on Your Own Site

The floating chat bubble that puts your AI agent on your website. One script tag, and every visitor gets a guide that knows your catalog, answers in text or voice, and can take an order without ever leaving the page.

It is the quickest way to put your agent in front of customers, and the surface most businesses start with.

Chat, on Any Page

The widget sits in the corner of your site as a small button. Visitors tap it to open a full conversation panel without navigating away from whatever they were reading. The agent answers from the same knowledge base as every other channel — your crawled website, uploaded documents, product catalog, and FAQs.

You can seed the opening screen with suggested questions so visitors know what to ask.

Voice Without an App

Visitors can switch from typing to talking in the same panel. Speech-to-speech conversation runs in the browser, so there is nothing to install and no phone call to place. Voice usage draws on your plan's voice minutes.

Live Avatar

Turn on Live Avatar and the voice conversation gains a talking, lip-synced video presenter — the customer watches the agent speak rather than only hearing it. Avatar minutes are metered separately from voice.

Products and Cart

The agent can open product sheets and full product detail views inside the widget, so a recommendation becomes something the visitor can look at and add to their cart in place. For businesses with multiple locations, a store selector keeps the catalog and pricing correct.

Cart Sync With Your Store

The widget speaks to your existing store cart through browser events, so items added in conversation appear in your real cart and items already in your cart are visible to the agent. Sync runs both directions.

AudioSpotlight in the Panel

Business intro and product AudioSpotlights play directly in the widget, letting a visitor listen to a short explanation and then ask follow-up questions by chat or voice.

Gentle Re-engagement

If the widget stays closed, it can surface a timed notification bubble inviting the visitor to start a conversation. How many appear, and how long it waits, are both configurable — or turn them off.

Styled to Fit, Isolated by Default

Title, logo, welcome message, and theme follow your branding, and the bubble can sit in either bottom corner. The whole widget renders inside a shadow root, so your site's CSS cannot break it and it cannot break your site.

Knows Your Signed-In Customer

If a visitor is already logged in to your site, you can pass their name, email, and phone to the widget so follow-up forms arrive pre-filled and the conversation links to your customer record. Passing an email as a trusted identity requires a signature computed on your server — see Secure Mode in the install guide.

Key Features

  • One script tag, works anywhere you can edit HTML
  • Shopify theme app block — no code to paste
  • Text chat and browser voice in the same panel
  • Live Avatar video presenter on voice conversations
  • Product browsing, product detail, and multi-location store selection
  • Two-way cart sync with your existing store cart
  • AudioSpotlight playback for your business intro and products
  • Configurable suggested questions and re-engagement prompts
  • Branding, theme, and corner position all configurable
  • Shadow-DOM isolation from your site's styles
  • Signed-in customer pass-through, with HMAC-verified secure mode
  • Programmatic open and close from your own page code

Get Started

Copy your snippet from Admin > Chat Widget and paste it before the closing </body> tag:

<script src="https://xinfer.ai/t/1072/widget.js" async></script>

The number is your account ID. Copy the snippet from admin rather than typing it — the ID is used instead of your subdomain so that renaming your subdomain never breaks a widget already installed on a customer's site.