A Adorie Open Widgets →
Tutorial · 5 minutes

Add an AI chat assistant
to any website

One snippet. Drops onto Webflow, Wix, WordPress, Shopify, Squarespace, or raw HTML. The chat answers visitor questions using your own site as context, billed to your Adorie account.

adorie.app/widgets.html
Embed widgets
+ New widget
Acme Support
acme.com · 2 origins
Enabled
My blog
blog.example.com
Enabled
New embed widget
Name Acme Support
Site URL (grounding) https://acme.com
Allowed origins acme.com, *.acme.io
Create
Acme Support
Embed snippet
<script>window.__ADORIE_CHAT__={widgetId:"wgt_abc…"};</script>
<script defer src="https://adorie.app/widgets/site-chat.js"></script>
Raw HTMLWordPressWebflowWixShopify
Copy

Built for makers.

Premium tools for shipping ideas fast.

💬 Acme Support
Hi! Ask me anything about Acme.
Do you ship internationally?
Yes — we ship worldwide via DHL…
💬
Step 1 of 4
Open the Widgets dashboard
Sign in to adorie.app and open /widgets.html from your avatar menu. Hit + New widget.

Step-by-step

Four steps to take your chat assistant live on any website.

1

Open the Widgets dashboard

Sign in to adorie.app, click your avatar, and choose Widgets. Or go straight to adorie.app/widgets.html.

2

Create a new widget

Click + New widget. Give it a name, paste your site's URL for grounding (we'll fetch it once and use it as the AI's "site memory"), and list the hostnames where it may be embedded.

3

Copy the embed snippet

Open the widget. The detail panel shows two <script> tags carrying your widgetId. Tap Copy.

4

Paste it into your site

Drop both lines into your site's HTML before </body>. Platform-specific instructions are right under the snippet — pick the tab that matches your host.

📋 The embed snippet

Two lines. The first carries your widgetId; the second loads the widget runtime from Adorie's CDN.

<script>window.__ADORIE_CHAT__={widgetId:"YOUR_WIDGET_ID"};</script> <script defer src="https://adorie.app/widgets/site-chat.js"></script>
Paste both lines into your HTML, ideally just before the closing </body> tag.
✅ Already on an Adorie-generated site? No snippet needed. Adorie auto-injects the same widget on every published project — just enable it from the AI Chat Widget card on the project's Publish panel.

Customize the experience

Open the widget's detail panel from the dashboard to tweak any of these.

🎨

Persona & greeting

Give the assistant a name ("Lily", "Support Bot") and a one-line greeting. Both render at the top of the chat panel.

🌈

Accent color

One color drives the floating button, the header bar, and the user bubbles. Defaults to Adorie purple.

📚

Knowledge sources

Beyond the auto-crawled site memory, upload a PDF, paste a doc, or add a URL the AI should reference (FAQ, pricing page, docs).

🚦

Daily chat cap

Default 100 chats/day per widget. Lift it for a busy site or cap it to limit spend.

💬

Transcripts

Every conversation is logged so you can see what visitors are asking. View from the widget's View chats button.

Hide "Powered by"

Business plan can hide the small Adorie attribution footer for a fully white-labeled feel.

🔒 Why "allowed origins" matters

Every widget has a list of hostnames it'll render on. If someone grabs your widgetId and embeds it on their own site, the widget refuses to load there.

Examples:

acme.com — exact host only. www.acme.com would not match.
*.acme.com — any subdomain (www, app, blog, etc.). The bare acme.com would not match.
acme.com, *.acme.com — both root and all subdomains. The common safe default.
⚠️ Don't leave this blank. Without an allowlist anyone can drop your widget on their site and bill chats to your credits. The dashboard requires at least one entry on creation.

💰 How billing works

Each chat exchange — one user message and the assistant's reply — costs 1 credit, deducted from the widget owner's Adorie balance, same as your project chats.

The per-widget Daily cap (default 100) is a safety rail: once the cap is reached for the day, the widget responds with a friendly "I'm taking a quick break" message until midnight UTC.

Need a higher cap or want to bulk-buy credits? Check pricing.html.

🧪 Test it before going wide

After pasting the snippet, hard-refresh the page (⌘⇧R / Ctrl-F5) and look for the floating bubble in the bottom-right.

Not showing? Open DevTools → Console. The widget logs a one-line warning when something's off — usually missing projectId or widgetId (snippet not pasted right) or the request returns origin_blocked (the page's hostname isn't in your allowlist).

Answers feel generic? Open the widget in the dashboard and hit Re-crawl site to rebuild the site-memory summary, or add a knowledge source for the page you want it to ground on.

Open Widgets dashboard →
Home · Pricing · Widgets · Terms · Privacy
© 2026 Adorie. Built by texting.