🧪 HEA Conversation Starter — method: Hosted iFrame (Simple)

This page embeds the Conversation Starter using hea_simple.html directly from https://hea-world.com/hea_pages/hea_simple.html. It’s the same component we show 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.

Conversation Starter (hea_simple.html) — Pros & Cons

✅ Pros

Zero-JS on host: just an <iframe>.
Maximum isolation: no CSS/JS conflicts with the host.
Portable: works in decks, CMS, no-code builders.
Flexible placement: use as a homepage Conversation Starter block or a full-page experience (mobile handoff).
Customizable: tune via URL parameters (colors, background, chrome, etc.).

⚠️ Cons

Limited host events: for analytics/leads, use postMessage bridging.
Styling: cannot directly inherit host CSS; use query params instead.
Less programmatic control than the engine/module embed.
Full iframe load adds slight overhead.

🔧 Build your Conversation Starter URL & code

Required

HEA ID Creator ID

Booleans

embed=1 chromeless=1 dark=1 transparent=1

Core theme

Background (accepts #hex, transparent, rgb()) Header gradient A Header gradient B

Bubbles & text

User bubble Agent bubble Agent text User text (optional)

Advanced parameters (rarely needed)

Chrome & Inputs

Chrome / input bar bg Input top border

Send button

Button background Button border

Presets just fill the fields; you can tweak after.

Generated URL Generated <iframe> code