Support Widget Demo

This page simulates a website embedding the support widget. The widget should appear as a floating bubble in the bottom-right corner.

Embed snippet (Production)

<script>
  window.KX_SUPPORT_CONFIG = {
    apiUrl: 'https://test-prompt.knowledgexpert.bearcreek.com',
    siteId: 'bearcreek-www',
    title: 'Ask our support bot',
    accentColor: '#1596B2',
  };
</script>
<script src="https://knowledgexpert.bearcreek.com/widget/support-widget.js" async></script>

Imperative API (window.KXSupport)

Open Close Reset session

Development Workflow

1. Run npm install to install dependencies.
2. Run npm run dev to start the local Vite development server.
3. Open the browser to the local server URL (e.g. http://localhost:5173).
4. To build the production-ready bundle, run npm run build. The output will be written to dist/support-widget.js.