/public/hea_chat_engine/hea_askbar_embed.js
to mount the "Magic Ask Bar" — an inline search bar that auto-expands into a
compact chat and can optionally open full-page on mobile.
Try the embedded askbar below — it expands into a compact chat right inside the page. Configure it via URL parameters or data attributes.
A mock product grid to verify the askbar integrates naturally within page content.
Configure the askbar via data-* attributes on the container div.
| Parameter | Default | Description |
|---|---|---|
data-hea-askbar | — | Marker attribute that activates the askbar embed (required, no value) |
data-creator-id | — | Your workspace / org identifier (required) |
data-hea-id | — | Your HEA chatbot identifier (required) |
data-expand | focus | When to expand the chat: focus or submit |
data-autoclose | 1 | Collapse the chat on blur: 1 (yes) or 0 (no) |
data-placeholder | Ask HEA a question… | Custom placeholder text for the input field |
data-start | 420 | Initial expanded height in pixels |
data-max | 640 | Maximum chat height before scrolling (px) |
data-brand1 | — | First gradient color for the submit button |
data-brand2 | — | Second gradient color for the submit button |
data-fullpage-onmobile | 0 | Open hea_simple full page on phones: 1 or 0 |
data-widget-origin | CDN | Override the widget base URL (advanced / self-hosting) |
"The askbar is genius — visitors type a question right into the page, no pop-up needed!"
"Love how the askbar blends into our hero section. Feels native to the design."
"Inline search that actually understands context. Our bounce rate dropped 15%."
"Setup was one div tag. Had it running on our landing page in seconds."