Embed loader

The script tag

Paste this snippet just before </body>. The script is async and weighs ~12 KB gzipped — it doesn't block your page render.

1<script async
2  src="https://janore.com/v1/embed/{ASSISTANT_ID}.js"
3  data-lang="fr"
4  data-brand-id="{BRAND_ID}"></script>

Attributes

All customisation is done via data-* attributes on the script tag. No JavaScript config needed; what you write in HTML is what runs.

src — the script URL

Replace {ASSISTANT_ID} with the ID from your dashboard. Each assistant has its own URL, its own knowledge, and its own glossary.

data-lang — initial language

ISO 639-1 code (e.g. fr, en, es). Use auto to let Janore detect from the browser. Defaults to auto.

data-brand-id — brand override

Optional. If your workspace has multiple brands, pass the brand ID here so the widget picks the right colours, logo and tone.

data-position — launcher position

One of bottom-right (default), bottom-left, top-right, top-left.

data-greeting — opening message

Optional. The first message the assistant shows when the visitor opens the panel. Falls back to the assistant's default greeting in the dashboard.

Full example

Combining all the attributes:

1<script async
2  src="https://janore.com/v1/embed/{ASSISTANT_ID}.js"
3  data-lang="auto"
4  data-brand-id="acme-eu"
5  data-position="bottom-right"
6  data-greeting="Hi! I'm Janore, ready to help."
7  data-trigger-text="Chat with us"></script>

Runtime API

Once the script has loaded, window.Janore exposes a small runtime API for opening, closing, destroying and re-configuring the widget from your own UI.

1window.Janore.open();     // expand the chat panel
2window.Janore.close();    // collapse back to launcher
3window.Janore.destroy();  // remove the widget entirely
4window.Janore.setLang('en'); // change language at runtime