🧪 HEA Floating Pop-up — method: Script Loader (Widget)

This page uses the public HEA embed loader at https://hea-world.com/public/hea_chat_engine/hea_embed.js. The loader injects our Floating pop-up (launcher button + popup panel) by creating an iframe to hea_widget.html, configured via data-* attributes.

Mode: set data-mode="popup" for the floating launcher (default here).
Positioning: control where the launcher appears with data-position (bottom-right default, or bottom-left).
Offsets: fine-tune the launcher location in pixels with data-offset-x and data-offset-y (optional).
No manual init: everything is configured inline via data-*.
Great for CMS/no-code: paste a single script tag.

Floating pop-up (loader) — Pros & Cons

✅ Pros

Simplest setup: one script tag with data-*.
Isolation: runs in an iframe; avoids host CSS/JS conflicts.
Safe CSP: allow script-src for loader and frame-src for widget.
UX: polished floating launcher + pop-up out of the box.

⚠️ Cons

Event bridging via postMessage for analytics/leads.
iFrame layer adds minor overhead vs same-DOM engine.

Generated <script> snippet (Floating pop-up)

Tip: you can drive this demo via URL params: ?hea_id=YOUR_HEA_ID&creator_id=YOUR_CREATOR_ID&position=bottom-left&offsetY=96 (also supports offsetX).

Quick examples: default · bottom-left · higher

🧪 HEA Floating Pop-up — method: Script Loader (Widget) · Auto-mount

Floating pop-up (loader) — Pros & Cons

✅ Pros

⚠️ Cons

Generated <script> snippet (Floating pop-up)