> ## Documentation Index
> Fetch the complete documentation index at: https://docs.orova.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Widget Overview

> Embed Orova on any website with a single script tag

## What is the widget?

The Orova widget is a drop-in JavaScript snippet that adds a floating chat/voice/video button to any website. No framework dependencies, no build step — just a script tag.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/orovaai/images/widget-preview.png" alt="Orova widget preview" />
</Frame>

## Modes

| Mode    | Description          | Widget appearance                         |
| ------- | -------------------- | ----------------------------------------- |
| `chat`  | Text chat only       | Chat bubble with message input            |
| `voice` | Chat + voice picker  | Users choose between chat and voice call  |
| `video` | Video call only      | Video avatar call                         |
| `multi` | Voice + video picker | Users choose between voice and video call |

## Quick start

```html theme={null}
<script
  src="https://app.orova.ai/widget/orova-widget.js"
  data-api-key="YOUR_API_KEY"
  data-agent-id="AGENT_ID"
  data-server-url="https://app.orova.ai"
  data-mode="voice"
  data-title="Acme Support"
  data-theme="light"
  data-primary-color="#312E56"
></script>
```

That's it. A floating button appears in the bottom-right corner of your page.

## Features

* **Chat** — Real-time text chat with streaming responses
* **Voice** — WebRTC voice calls with live transcripts
* **Video** — Video avatar calls with camera toggle
* **Theming** — Light/dark mode, custom colors, positioning
* **Mobile responsive** — Adapts to small screens automatically
* **No dependencies** — Pure vanilla JavaScript, works on any site