Widget integration options

Three ways to embed the EOT assistant. Each option loads on its own demo page to avoid script conflicts. Pick the one that best fits your layout and user journey.

Option 1 — Floating widget
Adds a persistent chat bubble in the bottom-right corner. The chat opens as an overlay. Paste one script tag before </body> — no extra HTML needed.
Most flexible
<script src="https://app.airminal.com/airminal-widget.js"
  data-hash="f3b70b7e7e571bb52ec446391eb825c1"></script>
Works well when
  • Adding to an existing site
  • You want it on every page
  • Layout should stay untouched
  • Mobile-friendly out of the box
Watch out for
  • Bubble may overlap page content
  • Less prominent — users may miss it
  • Not ideal as the main hero CTA

Script goes before </body>. The bubble appears automatically on page load.

View live demo →
Option 2 — Inline embed
Renders the full chat interface directly inside a div on the page. The assistant is visible immediately — no click required. Best for a dedicated landing page where the chat is the centrepiece.
Used in main demo
<div data-airminal-inline="f3b70b7e7e571bb52ec446391eb825c1"
  style="width:100%;height:600px;"></div>

<script src="https://app.airminal.com/airminal-widget.js"
  data-hash="f3b70b7e7e571bb52ec446391eb825c1"></script>
Works well when
  • Chat is the main page purpose
  • You want immediate visibility
  • Side-by-side with content
  • No click required to start
Watch out for
  • Takes up fixed page space
  • Height must be set manually
  • Less natural on content-heavy pages

Set height on the div to control the chat area size. 500–700px works well on desktop.

View live demo →
Option 3 — Button trigger
A link or button that opens the chat as an overlay when clicked. Style the trigger however you like — the data attribute does the work. Good for adding a chat CTA inside existing content.
Most customisable trigger
<a href="#" data-airminal-trigger="f3b70b7e7e571bb52ec446391eb825c1">Chat with us</a>

<script src="https://app.airminal.com/airminal-widget.js"
  data-hash="f3b70b7e7e571bb52ec446391eb825c1"></script>
Works well when
  • CTA sits inside body content
  • Multiple triggers on one page
  • You want full button styling control
  • Pairs well with nav or hero buttons
Watch out for
  • Requires a click to open
  • Script still needed on the page
  • Overlay behaviour varies by screen size

Apply any CSS to the <a> tag — the data-airminal-trigger attribute is what activates it.

View live demo →

Quick comparison

Feature Floating widget Inline embed Button trigger
Visible without clicking ✗ Bubble only ✓ Full chat shown ✗ Click to open
Works on any existing page ✓ Yes ✗ Needs layout space ✓ Yes
You control placement ✗ Fixed bottom-right ✓ Anywhere on page ✓ Trigger anywhere
Best for dedicated landing page ✗ Not ideal ✓ Yes ✗ Not ideal
Can combine with other options ✓ Yes ✓ Yes ✓ Yes