# How do I add a Struere chatbot to my website? > Embed a live AI chatbot on any webpage using the floating widget or a direct iframe There are two ways to add a Struere agent to your website: a **floating widget** (chat bubble) or a **direct iframe embed**. Both work on any website — no framework or backend required. ## Option 1: Floating Chat Widget (Recommended) Add a single script tag to your HTML. A chat bubble appears in the corner of the page. Visitors click it to open a chat window. ### Step 1: Deploy your agent The widget uses the **production** environment. Make sure your agent is deployed: ```bash struere deploy ``` Or deploy from the dashboard: Agents → Select agent → Deploy. ### Step 2: Get your slugs Find your org slug and agent slug in the public chat URL: ``` https://app.struere.dev/chat/{org-slug}/{agent-slug} ``` ### Step 3: Add the script tag Add this before the closing `` tag: ```html ``` ### Step 4: Customize (optional) Add parameters to the URL to adjust appearance and position: ```html ``` | Parameter | Options | Default | |-----------|---------|---------| | `theme` | `dark`, `light` | `dark` | | `accent` | Any hex color (URL-encoded) | `#3B82F6` | | `position` | `br`, `bl`, `tr`, `tl` | `br` | ## Option 2: Direct Iframe Embed If you want the chat embedded inline (not floating), use an iframe: ```html ``` This renders a clean chat interface with no header or navigation — just the input and messages. ## Framework Examples ### Next.js / React ```tsx export default function ContactPage() { return (

Contact Us