Installation

The widget is one script tag everywhere — these are the mechanics of getting that tag onto each platform.

WordPress

AskPilot, our free WordPress plugin, is the easiest way to embed any agent — no editing theme files or pasting scripts, and on WooCommerce it adds live order-status and stock lookup. It's currently pending review on the WordPress.org plugin directory.

Until it's listed, most themes have a "Header & Footer Scripts" or "Custom HTML" option under Appearance → Theme Settings — paste the script tag into the footer field there. If your theme doesn't have one, a plugin like Insert Headers and Footers (WPCode) adds that option. Avoid pasting it into a text widget; some page builders escape script tags and block it from running.

Shopify

Go to Online Store → Themes → Edit code, open theme.liquid, and paste the script tag just before the closing </body> tag. This applies it to every page of your store.

Plain HTML

Paste it directly before the closing body tag of any page.

index.html

<!-- before </body> -->
<script
  src="https://techvea.com/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

React / Next.js

Use Next's next/script component in your root layout with a lazy load strategy so it doesn't block your page from becoming interactive. In a plain React app without Next, add the same script tag to public/index.html.

app/layout.tsx

// app/layout.tsx
import Script from "next/script";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://techvea.com/widget.js"
          data-widget-id="YOUR_WIDGET_ID"
          strategy="lazyOnload"
        />
      </body>
    </html>
  );
}

One widget per script tag

Each script tag loads exactly one widget instance. To run more than one on the same page (for example, Lead Qualifier and Support Bot together), create a second widget in your dashboard and add a second script tag with that widget's own data-widget-id.