From October 1, WhatsApp charges for every business reply. Read the migration playbook →

Platform — Embeddable widget

One script tag, instant chat on your site

Add one line of HTML and your agent lives on your website. The widget preloads silently in the background, so the first open is instant — no spinner, no iframe flash.

One-line install

A single script tag with your agent's slug. Works on any site — WordPress, Shopify, hand-built, anything.

Instant first open

The chat iframe preloads hidden while the page renders, so opening the widget feels native.

Programmable

A small JavaScript API (open, close, toggle, events) lets your own buttons and flows drive the chat.

Honest analytics

Usage counts real opens — preloaded-but-never-opened embeds don't inflate your numbers.

What teams build with it

Three jobs this does the day you turn it on.

01

Answer where the question happens

Product pages, pricing, checkout — the widget carries the same knowledge on every page, so nobody has to go hunting for a contact form.

02

Open it from your own interface

Wire an ask-about-this button on a product card straight to the widget's open() call, and start the conversation with the context already in it.

03

Put a real agent behind the help link

Swap the help-centre link for a chat that has read the help centre — and that logs every question it could not answer.

Where you set this up

The same build screen every feature is configured from — this row is the one you would touch.

build.supercognit.com
System prompt
You are the concierge for a 132-villa resort. Answer from the handbook, never invent a price…
Knowledge
handbook.pdfpricing.mdyourbrand.com
Tools
⚙ check_availability⚙ browser_task⚙ web_search
Channels
WidgetWhatsAppMCPTelegram
PublishNo code. No deploy step.

Under the hood

The details you will want before you commit.

InstallOne script tag with your agent slug — any site, any stack
First openThe iframe preloads hidden after render, so opening is instant
JavaScript APIopen, close, toggle and events, for your own triggers
AnalyticsCounts real opens; a preloaded-but-unopened widget counts nothing
DeliveryThe loader is edge-cached worldwide

How it works

01

Copy the snippet

Grab your embed code from the dashboard — it's one script tag.

02

Paste it

Add it before </body> on any page. The bubble appears, preloaded.

03

Style and trigger

Configure teaser messages and colors, or open it from your own UI via the API.

Frequently asked questions

The loader is small and edge-cached, and the chat iframe loads hidden after your page has rendered — it is never in the critical path.

Yes. Anywhere you can paste a script tag before the closing body tag, which is all of them.

Colours, position, teaser messages and the welcome flow are configurable from the dashboard, and the panel carries your name rather than ours.

Access mode is set per agent — open, login required, or paid. The widget is deliberately exempt from the login gate, so gate the agent's hosted page when that is the surface you need to protect.

Ready to ship embeddable widget?

Free for 7 days — publish your first product this week.

Start building