Quickstart

Every widget installs the same way: one script tag, one attribute. No build step, no npm package, no iframe to configure.

  1. 1. Create a widget and copy its ID

    After signing up and choosing a plan, create a widget from your dashboard. Each widget gets its own ID, shown right there — a short string like wgt_a1b2c3d4e5. One account can have several widgets, each with its own ID, settings, and AI key.

  2. 2. Paste the script tag

    Add this right before the closing </body> tag on any page you want the widget to appear. The widget type (support-bot, document-processor, etc.) is resolved from the Widget ID itself — nothing in the embed code needs to say which type it is. To run a different widget type, create a separate widget in your dashboard and embed its own ID.

    index.html
    <script
  src="https://techvea.com/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

  3. 3. Set your AI key and branding

    The script tag only identifies which widget to load. Its AI provider key, brand color, button text, and position are all set in your dashboard — the widget fetches them at page load, so you can change them anytime without touching the embed code.

That's the whole install

There's no SDK to import and no CSS to write — the script loads its own stylesheet automatically. If nothing appears, check the FAQ for the most common causes.
Platform-specific installation →All configuration options →