> ## Documentation Index
> Fetch the complete documentation index at: https://docs.servicebooked.ca/llms.txt
> Use this file to discover all available pages before exploring further.
# Install on your website
> Drop a chat bubble on your site in two lines of HTML. Visitors can chat with the AI Receptionist and book jobs without picking up the phone.
The ServiceBooked widget is a single `
```
The key is unique to your organization. Don't share it publicly — though if you do, the widget enforces an allowed-domains list so it can't be misused on a random third-party site.
Add the snippet to every page you want the bubble on. Easiest: paste it just before `` in your site's main template. Specifics by platform are below.
## Per-platform install
### WordPress
Two routes:
* **Theme editor**: Appearance → Theme File Editor → `footer.php`. Paste the snippet just before ``. Save.
* **Plugin route** (recommended if you don't want to touch theme code): install **Insert Headers and Footers** by WPBeginner. Paste the snippet into the "Scripts in Footer" field.
### Shopify
Online Store → Themes → Edit Code → `theme.liquid`. Paste just before ``. Save.
### Squarespace
Settings → Advanced → Code Injection → Footer. Paste. Save.
### Wix
Settings → Advanced → Custom Code → Add Custom Code. Paste, set "Place Code in" to **Body — End**, and apply to **All Pages**.
### Webflow
Project Settings → Custom Code → Footer Code. Paste. Publish.
### Plain HTML / Hand-coded sites
Paste the snippet just before `` in every HTML file (or in your shared layout/template if you have one). Done.
### Framework apps (Next.js, React, Vue, etc.)
Pop the script into your root layout. For Next.js App Router:
```tsx theme={null}
// app/layout.tsx
import Script from "next/script";
export default function RootLayout({ children }) {
return (