> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trynavi.guide/llms.txt
> Use this file to discover all available pages before exploring further.
# CDN Quickstart
> Add Navi to your site with a single script tag
## Quick Setup
Add this script tag to your HTML:
```html theme={null}
```
Then initialize Navi when the page loads:
```html theme={null}
```
## Framework Examples
```html theme={null}
Your Website
```
```javascript theme={null}
import { useEffect } from "react";
import { useRouter } from "next/router";
export default function App() {
const router = useRouter();
useEffect(() => {
// Load script dynamically
const script = document.createElement('script');
script.src = 'https://cdn.jsdelivr.net/npm/navi-web@latest/dist/navi-web.cdn.js';
script.defer = true;
script.onload = () => {
window.Navi.initUnifiedWidget({
agentConfigId: 'your-agent-config-id',
agentKey: 'your-agent-key',
runTool: (toolName, args) => {
if (toolName === 'navigate') router.push(args.url);
}
});
};
document.head.appendChild(script);
return () => {
if (document.head.contains(script)) {
document.head.removeChild(script);
}
};
}, [router]);
return Your app content
;
}
```
```vue theme={null}
Your app content
```
## CDN Providers
You can use either jsDelivr or unpkg:
* **jsDelivr**: `https://cdn.jsdelivr.net/npm/navi-web@latest/dist/navi-web.cdn.js`
* **unpkg**: `https://unpkg.com/navi-web@latest/dist/navi-web.cdn.js`
## Sending User Context
Even before initialization, you can queue context messages:
```javascript theme={null}
// Works immediately after script loads
Navi.sendUserContext("User viewing product #123");
// Send as user message (visible in chat)
Navi.sendUserContext("I need help", { silent: false });
```
## What's Next?
* [View all configuration options →](/integration/configurations)
* [Add user context and tracking →](/integration/configurations#user-context)
* [Customize widget appearance →](/integration/configurations#customization)
* [Configure multiple languages →](/integration/configurations#languages)