Web embed

Add Janore to any site in 30 seconds.

One script tag. Auto-themes to your brand. Works on every framework, every CMS.

1. Paste the snippet

Drop this anywhere inside <body>. Most teams put it just before the closing tag.

<script async src="https://janore.com/v1/embed/{ASSISTANT_ID}.js"></script>

Replace {ASSISTANT_ID} with the id shown next to your assistant in the dashboard.

2. Find your assistant id

Open Dashboard → Assistants. Each assistant card shows its id and a one-click copy button. Treat it as public — it's safe to expose in client code.

3. Customize the launcher

The Janore launcher reads the host page's CSS variables and matches your theme automatically. Brand colors, accent, dark/light mode — all picked up.

Want to override? Edit Persona on the assistant page in your dashboard: avatar, welcome message, primary color, and launcher position all live there. No redeploy needed.

4. Programmatic API

Once the script loads, Janore exposes a tiny global. Use it to open the panel from a custom button or close it on route changes.

window.Janore.open();     // open the chat panel
window.Janore.close();    // collapse it back to the launcher
window.Janore.destroy();  // remove Janore entirely from the page

5. Frameworks

Next.js

Use next/script with afterInteractive in your root layout.

import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://janore.com/v1/embed/{ASSISTANT_ID}.js"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

Vue / Nuxt

Add it in nuxt.config.ts under app.head.script.

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        { src: 'https://janore.com/v1/embed/{ASSISTANT_ID}.js', async: true },
      ],
    },
  },
});

Shopify

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

WordPress

Either edit your theme's footer.php and paste the snippet before </body>, or use a plugin like Insert Headers and Footers and drop it into the footer field. No coding required.

Webflow

Go to Project Settings → Custom Code → Footer Code, paste the snippet, save, and republish.

Plain HTML

Paste the snippet anywhere inside <body>. That's the whole integration.

Doesn't show up?

Content Security Policy. If your site has a strict CSP, allow script-src https://janore.com and frame-src https://janore.com.
Ad-blockers. A small slice of users block third-party iframes. Janore retries silently — no errors in console.
Wrong assistant id. Open the network tab; the script URL should return 200 OK. A 400 means the id is malformed.