Add Strata to your site
Two lines of HTML. Then upload your docs.
Install
Paste before </body>. Use your workspace slug from the dashboard.
<script src="https://strata.fyi/widget.js" defer></script>
<strata-chat workspace="your-workspace"></strata-chat>HTML, React, Next.js, WordPress. Anything that can load a script.
Try it
Live widget on this page · workspace strata-docs
Knowledge
In the dashboard, open Documents and upload FAQs, policies, or product copy. Answers cite that content. After you change docs, re-process so retrieval stays current.
On-site agent
The chat can act on the page it lives on: browse, fill forms, add to cart, book. It always confirms before payment or account creation. Enable per workspace, with optional host capabilities for cart, booking, and accounts. Try it live in the agent playground: a mock storefront where the agent browses the catalog, fills forms, and manages a cart.
Customize
| Attribute | Description |
|---|---|
workspace required | Workspace slug from the dashboard. |
chat-title | Header title when chat is open. |
welcome-message | First message visitors see. |
suggested-prompts | Comma-separated chips under the welcome message. |
icon-url | Square launcher image (PNG or SVG). |
launcher | auto (default floating button) or hidden for your own open/close UI. |
<script src="https://strata.fyi/widget.js" defer></script>
<strata-chat
workspace="your-workspace"
chat-title="Support"
welcome-message="How can we help?"
suggested-prompts="Hours, Pricing, Contact"
></strata-chat>Examples
Attribute snippets. Still load widget.js above the tag. Also on /demo.
Custom launcher icon
Set icon-url to a square image (PNG or SVG). Used for the floating button and the avatars in the panel. The live widget on this page uses exactly this: the docs icon below.
<strata-chat
workspace="your-workspace"
icon-url="https://example.com/logo.png"
></strata-chat>Default
With icon-url
Going further
Custom open / close
Hide the floating button and open chat from your UI.
<script src="https://strata.fyi/widget.js" defer></script>
<strata-chat workspace="your-workspace" launcher="hidden"></strata-chat>
<button type="button" onclick="window.StrataChat?.open()">Open chat</button>
<button type="button" onclick="window.StrataChat?.close()">Close</button>Also: toggle(), setVisibility(boolean), onStateChange(listener)
All attributes
| Attribute | Description |
|---|---|
workspace required | Workspace slug from the dashboard. |
chat-title | Header title when chat is open. |
welcome-message | First message visitors see. |
suggested-prompts | Comma-separated chips under the welcome message. |
icon-url | Square launcher image (PNG or SVG). |
launcher | auto (default floating button) or hidden for your own open/close UI. |
api-url | API base override. Default: https://strata.fyi |
hide-branding | true hides the Strata footer. |
show-header | false hides the header bar. |
background | glass (default) or none. |
display-confidence | true shows answer confidence (dev/test). |
Legacy alias: tenant → workspace
Manual iframe
Only when you need to own the <iframe> node. Same product as the two-line install.
<link rel="stylesheet" href="https://strata.fyi/embed/widget.css">
<script src="https://strata.fyi/widget.js" defer></script>
<div class="strata-chat-widget">
<iframe
src="https://strata.fyi/embed?workspace=your-workspace"
loading="lazy"
allow="clipboard-write"
></iframe>
</div>