Add a Product Expert
v0
A Next.js app from v0: the widget goes in the root layout with next/script.
Steps
- Add CLICKLESS_API_KEY in your Vercel project’s environment variables.
- Paste the prompt below into v0.
- 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).