Get started

Install the widget

One script tag, any site. The widget loads asynchronously, doesn't block render, and weighs ~6 KB gzipped.

Copy the snippet

Open your bot in the dashboard, go to Deploy, and copy the snippet (don't retype it — the src URL and bot ID are pre-filled for you). It looks like:

<script
  src="https://agentmatica.com/widget.js"
  data-bot-id="YOUR_BOT_ID"
  id="agentmatica-widget-script"
  defer
></script>

Where to paste it

Anywhere before </body>. Most teams put it in the site's root layout so it loads on every page.

Shopify

Theme editor → Edit codetheme.liquid → paste just before </body>.

WordPress

Use any “custom code” plugin (e.g. WPCode), or paste into your theme's footer.php. If you're running the wordpress/mcp-adapter, see WordPress integration for the matching MCP config.

Next.js / React

Use next/script with strategy afterInteractive:

import Script from "next/script";

<Script
  src="https://agentmatica.com/widget.js"
  data-bot-id="YOUR_BOT_ID"
  strategy="afterInteractive"
/>

Plain HTML / static sites

Drop the snippet anywhere. The deferattribute means order doesn't matter for FCP.

No site yet? Use the hosted chat page

The Share link section of the same Deploy tab can give your bot a public URL — visitors chat in a full-page UI with no embed, no setup, and no account. Toggle on Hosted chat page and pick a slug (lowercase letters, numbers, and hyphens; 3–48 characters). Handy for DMing a prospect or testing on a phone before the widget ships.

Customizing appearance

Brand color, welcome copy, suggested prompts, and display mode (bubble vs spotlight) all live in Bot → Widget appearance. Changes propagate within a minute — the widget fetches its config live, not at build time.

Verifying it works

  • Open your site in an incognito window.
  • You'll see the chat bubble in the bottom-right (default).
  • Open it and ask any question your indexed content covers.
  • Watch the new conversation appear in Bot → Conversations in the dashboard.
  • The Widget statuscard on the Deploy tab flips from “We haven't seen the widget yet” to confirmed once the script loads on your domain.
Not seeing the bubble? Check the browser console for load errors — most issues come from Content Security Policy (CSP) blocking the script. Add agentmatica.com to your script-src directive.
Get started

Add it to your site today.

Paste your URL, brand the widget, drop in the embed snippet. Live in under five minutes.

Add to your site — free