# Installing Produktly Produktly is installed with a single script snippet. There is no npm package — the script tag is the only distribution. ## The snippet (canonical) Add this to your app's `` (or end of ``), on every page where widgets should run. Replace `YOUR_CLIENT_TOKEN` with the Client Auth Token from the Produktly dashboard → Settings → Installation (https://produktly.com/app/settings/installation). ```html ``` Do not remove the first line (the `ProduktlyQ` queue): it makes `window.Produktly.*` calls safe before the script finishes loading — calls are queued and replayed automatically. The loader injects a `` from `next/script` in `app/layout.tsx`. Pages router: same via `pages/_document.js`. - **Vue**: `public/index.html`, or in `main.js` before `app.mount()`. - **Google Tag Manager**: Custom HTML tag with the full snippet, trigger All Pages, tag firing option "Once per page". SPAs do NOT need a History Change trigger. Don't combine GTM install with a hardcoded snippet — pick one. - **WordPress**: use the official plugin (https://wordpress.org/plugins/produktly/) — no code needed. - **SPAs in general**: install once per page load; the widget tracks route changes itself. ## Content-Security-Policy If your site sets a CSP: `script-src` needs `https://public.produktly.com`; `connect-src` needs `https://api.produktly.com` and `https://public.produktly.com`. ## Verify the install Open the site, run `window.Produktly` in the console (should be an object after load), and `window.Produktly.debug()` to enable verbose logging while testing.