hea_simple.html directly from
https://hea-world.com/hea_pages/hea_simple.html.
It's the same component shown as the "Conversation starter (block)" in the patterns page,
and it's also perfect for full-page handoff on mobile.
No scripts on the host — everything runs inside the iframe.
Browse the store while the embedded Conversation Starter is available inline. This iframe embed requires zero JavaScript on the host page.
A mock product grid to verify the iframe layout alongside page content.
Configure the Conversation Starter via URL query parameters on the iframe src.
| Parameter | Default | Description |
|---|---|---|
hea_id | — | Your HEA chatbot identifier (required) |
creator_id | — | Your workspace / org identifier (required) |
embed | 0 | Set to 1 to enable embed mode (hides outer chrome) |
chromeless | 0 | Set to 1 to hide the header bar |
dark | 0 | Set to 1 to enable dark mode |
transparent | 0 | Set to 1 for a transparent background |
bg | theme default | Background color — accepts #hex, rgb(), transparent |
gradA | theme default | Header gradient start color |
gradB | theme default | Header gradient end color |
user | theme default | User chat bubble background color |
agent | theme default | Agent chat bubble background color |
agentText | theme default | Agent chat bubble text color |
userText | theme default | User chat bubble text color |
chromeBg | transparent | Chrome / input bar background color |
inputBorder | theme default | Input field top border color |
btnBg | gradient | Send button background — accepts gradients |
btnBorder | theme default | Send button border color |
"The iframe embed is the simplest integration — just paste and go!"
"Love the zero-JS approach. No conflicts with our existing scripts."
"The URL builder makes it easy to customize colors and theming."
"Works perfectly in our CMS. No developer needed for the integration."