Skip to content

Add a Product Expert

v0

A Next.js app from v0: the widget goes in the root layout with next/script.

Steps

  1. Add CLICKLESS_API_KEY in your Vercel project’s environment variables.
  2. Paste the prompt below into v0.
  3. Open the preview link, then claim it at the claim link.

Paste this

Word for word, with your store’s address in place of yourstore.com:

Prompt
Add a Clickless Product Expert to this store (https://yourstore.com).
1. From a server action or route handler (never the browser), call POST https://api.getclickless.ai/v1/brand-agents/provision with {"store_url": "https://yourstore.com"} and "Authorization: Bearer" plus process.env.CLICKLESS_API_KEY.
2. Then give me the preview_url and the claim_url. Don't try to claim it yourself: I'll claim it as the store's owner.
3. In app/layout.tsx, add <Script src="https://getclickless.ai/widget.js" data-handle="HANDLE" strategy="lazyOnload" /> from next/script inside <body>, with HANDLE set to product_expert.handle.

The code

app/layout.tsx
import Script from "next/script";
// In app/layout.tsx, inside <body>:
<Script src="https://getclickless.ai/widget.js" data-handle="your-store" strategy="lazyOnload" />

Then the store’s owner claims it

A provisioned Product Expert is a draft: it isn’t public, sends no messages, connects no channels and earns nothing until the store’s owner claims it.

Claiming takes proof of control of the store: the Clickless Shopify app installed on it, or signing in with an email address at the store’s own domain (not webmail).

More: Add a Product Expert to a store.