Skip to main content
Puntego ships as a single script tag that boots the worker, loads the runtime, and mounts the guide inside its own shadow root. Follow these four steps and the guide is live.
1

Create your app and copy your app ID

Sign in to the Puntego dashboard, create or select your workspace, then open Dashboard → Install. Copy your app ID (the gp_ token) from the canonical snippet shown there.
2

Add the boot script

Paste the snippet near the end of your <head> or just before </body>, with your own app ID:
Keep data-gp-api — without it the worker is unreachable and the guide never mounts. On a strict-CSP site you also pass your page nonce; see Run Puntego under a strict CSP.
3

Add and verify your domain

Open Dashboard → Settings → Domains, add the exact hostname you plan to ship, then publish the DNS TXT record from the dashboard and run verification. Puntego only boots on verified domains, so finish this before you reload. Full walkthrough: Verify your domains.
4

Reload your site

Refresh the page. With the default launcher, the guide appears as a floating button in the bottom-right corner. Open it and ask a question to confirm it answers from your page.
You should see the Puntego launcher in the corner of your page, ready to answer and point.

​
Where to next

Full install reference

Every script attribute — launcher modes, per-route targeting, voice, and auto-wake.

Framework guides

Next.js, single-page-app route changes, the React provider and hooks, and Google Tag Manager.

Strict CSP

Pass a nonce so the runtime and injected styles load under a strict Content Security Policy.