> ## Documentation Index
> Fetch the complete documentation index at: https://docs.overhyped.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Quick Start Guide
> Embed OverhypedAI Connect into your Platform
1. During the last step of organization onboarding, you will receive unique `ORG_TOKEN` for your organization.
2. Copy the script tag below and paste it at the top of the `` tag in your web app HTML
```html index.html theme={"system"}
```
3. Integrate OverhypedAI into your web app
Installing OverhypedAI connect using NPM or Yarn
```bash NPM theme={"system"}
npm install @overhyped-ai/connect
```
```bash Yarn theme={"system"}
yarn install @overhyped-ai/connect
```
## Importing and using OverhypedAI widget in your web app
Once you have installed the package using NPM or Yarn, you can import OverhypedAI using the code below
```typescript theme={"system"}
import OverhypedAI from '@overhyped-ai/connect/OverhypedAI';
```
#### Sample Usage:
```typescript theme={"system"}
import OverhypedAI from '@overhyped-ai/connect/OverhypedAI';
// Assuming that onMount is called on first render
const onMount = () => {
OverhypedAI("initOrg", , {
autoConnect: false
})
}
// Assuming that onLogin is called once user login to your webapp
const onLogin = () => {
OverhypedAI(
"initUser",
{ type: "email", value: "name@company.com" },
{
subscriptionPlan: "Free Trial",
firstName: "John",
lastName: "Doe",
role: "User Role",
company: "User Company",
userCreatedAt: "2025-11-15T09:00:00.000Z",
}
)
}
// Assuming that onShow is called once user login to your webapp and onLogin is called.
const onShow = () => {
OverhypedAI("connect")
}
// Assuming that onLogout is called whenever you want to disconnect the user.
const onLogout = () => {
OverhypedAI("disconnect")
}
```
A detailed description of the methods available for integrating the Widget.