data-mode="popup" to show a floating launcher
button in the corner of the viewport. Clicking the launcher opens a chat panel
that floats above the page content. Configure position, offsets, and scale via
data-* attributes — see the Parameters Reference below.
Scroll down to explore mock content while the floating pop-up launcher remains fixed in the corner. Click it to open the chat panel overlaying the page.
A mock product grid to verify the floating pop-up renders correctly over page content.
Configure the floating pop-up via data-* attributes on the embed script tag.
| Parameter | Default | Description |
|---|---|---|
data-hea-id | — | Your HEA chatbot identifier (required) |
data-creator-id | — | Your workspace / org identifier (required) |
data-mode | popup | Set to popup for the floating launcher + panel |
data-position | bottom-right | Corner placement: bottom-right or bottom-left |
data-offset-x | — | Horizontal offset in pixels from the chosen corner |
data-offset-y | — | Vertical offset in pixels from the bottom edge |
data-launcher-scale | 1.0 | Scale factor for the closed launcher button (1.0–1.25) |
data-widget-url | CDN | Override the widget HTML URL (for self-hosting or dev) |
Tip: you can drive this demo via URL params:
?hea_id=YOUR_HEA_ID&creator_id=YOUR_CREATOR_ID&position=bottom-left&offsetY=96&launcherScale=1.1
(also supports offsetX).
Quick examples: default · bottom-left · higher · launcher 110%
"The pop-up chat is so easy to use — it stays out of the way until I need it!"
"Love the floating launcher. Clean and unobtrusive on our product pages."
"Setup was a single script tag. Had it running on our Shopify in two minutes."
"The position and scale options let us match our brand perfectly."