Install on your site

Nook installs with a single script tag. Copy yours from the Embed screen in the dashboard (it has your real site key), then add it to your site. The generic snippet looks like this:

<script
  src="https://cdn.usenook.live/embed/presence.min.js"
  data-key="YOUR_SITE_KEY"
  defer></script>

Paste it once, ideally just before the closing </body> tag or in a site-wide "custom code / footer" area, and it loads on every page.

WordPress

Easiest: install a "header and footer code" plugin (e.g. WPCode), and paste the snippet into the Footer box.
Or, in a block theme: Appearance → Editor → Templates, and add it to the footer template.

Shopify

Online Store → Themes → Edit code → theme.liquid, and paste the snippet just before </body>. Save.

Webflow

Project settings → Custom code → Footer code, paste the snippet, then publish.

Framer

Project settings → General → Custom code → End of <body>, paste the snippet, and publish.

Squarespace

Settings → Developer Tools → Code Injection → Footer, paste the snippet, and save. (Code injection is available on Business and Commerce plans.)

Next.js / React

Add the script in your root layout so it loads everywhere:

// app/layout.tsx
import Script from "next/script";

<Script
  src="https://cdn.usenook.live/embed/presence.min.js"
  data-key="YOUR_SITE_KEY"
  strategy="afterInteractive"
/>

Any other site

If your platform lets you add a script tag or "custom HTML / footer code", paste the snippet there. You can also self-host the bundle, the Embed screen shows a pinned, integrity-checked version for that.

Content Security Policy

If your site sends a Content Security Policy (CSP), allow the hosts the widget loads from, otherwise the browser blocks the script, config or videos and you'll see a console error like violates the following Content Security Policy directive: "media-src ...". Append these sources to your existing directives (don't replace what you already allow):

script-src  https://cdn.usenook.live;
connect-src https://edge.usenook.live;
media-src   blob: https://customer-gyff22ffm542wrg4.cloudflarestream.com;
img-src     data: https://customer-gyff22ffm542wrg4.cloudflarestream.com;

Set the CSP via a response header, or a <meta http-equiv="Content-Security-Policy"> tag in your <head>.
For media and images you can use https://*.cloudflarestream.com instead of the exact subdomain if you prefer a wildcard.
If you self-host the bundle (see the Embed screen), drop the script-src entry, the script then loads from your own origin.

Confirm it's working

Open your site, you should see the widget in the corner. The dashboard's Embed screen also verifies the install automatically once it detects the script. Not showing up? See Troubleshooting.