For any site you control—HTML, React, Next.js, Vue, static export, etc.—you only need to include your Kantr snippet once per page (or in a shared layout) so it loads on every page where you want the assistant.
Before you start
- Log in to app.kantrsoftware.com and copy your installation snippet.
- Decide whether the assistant should appear on all pages or only specific routes (e.g. homepage + contact).
Where to place the snippet
- Add the snippet just before the closing
</body>tag in your HTML template or root layout. - Avoid placing it only inside a component that doesn’t render on every target page.
- Deploy your change and hard-refresh or clear CDN cache if you use one.
Single Page Applications (SPAs)
If you use React, Vue, or similar, add the script in your root index.html or the main app shell so it loads once and persists across client-side navigation—unless your router fully remounts the document, in which case follow your framework’s pattern for third-party widgets.
Static site generators
Put the snippet in your base layout (e.g. layout.html, _default/baseof.html) so every generated page includes it.
Verify
- Open your production URL in an incognito window.
- Check the browser console for blocked scripts (ad blockers, CSP headers).
- If you use a strict Content-Security-Policy, you may need to allow Kantr’s script and connection endpoints—contact support if you need CSP directives.
Website builders
If you use a hosted builder instead of custom code, see: