Drop a sovereign AI companion into any blog, portfolio, or product page. Your visitors get a beautiful “Talk to Luna” button. You get a do-follow backlink and traffic credit on every click.
Copy the snippet Try the live demo ↓
One click opens a polished panel with a real greeting and suggested questions — the exact same Luna they’d meet at luna-heaven.web.app.
Every click-through carries utm_source=embed&utm_campaign=yourdomain. We can see which sites send the best visitors and co-promote great embedders.
The “powered by LUNA” attribution is a regular <a> tag to our canonical URL — it counts as a normal backlink in Google’s index.
No tracking pixels, no third-party calls, no cookies. The widget is ~5 KB of vanilla JS and never phones home until your visitor clicks.
Paste one line of HTML before your closing </body> tag. On page load the script renders a floating chat-bubble (bottom-right by default) inside its own Shadow DOM, so it can never collide with your site’s CSS. When the visitor clicks, a small panel opens with Luna’s avatar, a greeting, four suggested questions, and an Open LUNA → call-to-action that takes them to luna-heaven.web.app with your domain as the campaign source.
The one-liner. This is all most sites need:
<script defer src="https://luna-heaven.web.app/embed.js" data-luna-widget></script>Full version with every customisation option:
<script
defer
src="https://luna-heaven.web.app/embed.js"
data-luna-widget
data-luna-theme="dark"
data-luna-position="br"
data-luna-color="#8B5CF6"
data-luna-greeting="Hey! I’m Luna — ask me anything about this article."
data-luna-utm-source="yourdomain.com"
data-luna-greeting-key="my-blog-post"
data-luna-prompts='["What is sovereign AI?","Can you remember me?","Build me an app"]'
></script>Every option is set with a data-* attribute on the script tag. All optional — sensible defaults applied.
| Attribute | Values | What it does |
|---|---|---|
data-luna-theme |
dark / light / auto |
Colour scheme. auto follows the visitor’s OS preference. Default auto. |
data-luna-position |
br / bl / inline |
Where the bubble sits: bottom-right, bottom-left, or inline where you put the script tag. Default br. |
data-luna-color |
Any hex (e.g. #8B5CF6) |
Brand accent for the gradient and hover ring. Defaults to Luna violet. |
data-luna-greeting |
Free text | Custom greeting shown at the top of the panel. |
data-luna-utm-source |
String | UTM source on click-through. Defaults to the embedder’s hostname. |
data-luna-greeting-key |
Slug | Optional UTM content tag to differentiate different greetings on the same site. |
data-luna-prompts |
JSON array of 1–4 strings | Override the four suggested questions. Great for topic-relevant prompts on each page. |
Need to open the panel from a button on your page? The widget exposes a small global:
// Open programmatically from any button
document.getElementById('my-button').addEventListener('click', function () {
window.LunaWidget.open();
});
// Or toggle / close
window.LunaWidget.toggle();
window.LunaWidget.close();The widget is active on this very page. Look for the floating orb in the bottom-right corner — click it to see exactly what your visitors will see. (If you’re on mobile, the panel will go full-width.)
Be one of the first 100 sites to embed Luna and we’ll feature you here with a permanent backlink, and on our X / social channels. Email adam@heavenecohub.com with your URL once you’re live.
Yes — free forever, no usage limits, no API key needed. The widget is a click-through to Luna’s main site, so we don’t pay any LLM cost on your visitors. Embedders are partners, not customers.
The script is ~5 KB minified, defer-loaded, and renders the bubble using a single inline CSS block. No external fonts, no third-party libraries, no network calls until your visitor clicks through. Lighthouse score impact is effectively zero.
No. The entire widget lives inside a Shadow DOM with :host { all: initial }, so your site’s CSS can’t reach it and its CSS can’t leak out.
Zero cookies, zero tracking pixels, zero analytics calls. UTM parameters are only appended to the URL when the visitor actively clicks through.
Yes — set data-luna-color="#yourhex" and the bubble + CTA gradient will adopt your accent on the violet end. The blue/cyan end stays Luna for brand consistency.
Not in the public widget — the attribution is what makes the embed a fair trade: you get a free AI widget, we get a backlink. If you’re a press partner or enterprise embedder and need a white-label, email us.
Yes — anywhere you can paste a <script> tag. In WordPress, drop it into a Custom HTML block or your theme footer. In Webflow, paste into Site Settings → Custom Code → Footer.