Mooni Chat
Embed the Mooni FAQ chat widget on your site
Mooni is a customer-support FAQ chat widget. Embed it as a single Web Component on any site, and it answers visitor questions with FAQ-based responses right away.
Mooni is a separate product from TapKit. TapKit (<tap-kit>) is the AI tutor that lives next to a lecture video. Mooni (<mooni-frame>) is the customer-support chat. Different SDK, different CDN, different API — they can coexist on the same page but do not share configuration.
How It Works
The <script> loader fetches the widget, and the <mooni-frame> Web Component mounts the chat on your page. That's it — bundle versioning and updates are handled automatically, so your embed code always runs the latest version without any changes.
Prerequisites
Before you embed the widget you need:
- API key — provisioned per tenant. Sent on every chat request as
mooni-api-keyheader. - (Optional) Organization ID — if your tenant serves multiple organizations, FAQ search can be scoped per organization via
organization-id(e.g.eduwon-academy).
Quick Start
1. Drop in the loader + Web Component
<!DOCTYPE html>
<html>
<body>
<!-- 1. Load the SDK -->
<script src="https://files.edutap.ai/mooni-sdk/loader.js"></script>
<!-- 2. Mount the chat -->
<mooni-frame
api-key="mooni_your_api_key_here"
lang="en"
theme="light"
></mooni-frame>
</body>
</html>That's it. The widget initializes, opens the Mooni iframe, and starts answering questions.
2. Add a floating launcher (optional)
<script src="https://files.edutap.ai/mooni-sdk/loader.js"></script>
<mooni-button position="bottom-right"></mooni-button>
<mooni-frame
api-key="mooni_your_api_key_here"
style="display:none"
></mooni-frame><mooni-button> toggles the sibling <mooni-frame> visibility on click. Supported position values: bottom-right (default), bottom-left, top-right, top-left.
3. Identify the user + filter by organization (optional)
<mooni-frame
api-key="mooni_your_api_key_here"
user-id="user@example.com"
organization-id="academy-01"
></mooni-frame>user-id is forwarded to the admin panel so support staff can group sessions by user. Without it, the session is anonymous.
Environments
| Variant | Loader | Iframe app | API |
|---|---|---|---|
| Production | https://files.edutap.ai/mooni-sdk/loader.js | https://ax-cs-demo.vercel.app | https://tap-cs.coxwave.link |
| Staging | https://files.edutap.ai/mooni-sdk/loader-staging.js | https://ax-cs-demo.vercel.app | — |