> ## Documentation Index
> Fetch the complete documentation index at: https://docs.puntego.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Get the Puntego guide live on your site in five minutes — create your app, add the boot script, and verify your domain.

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.

<Steps>
  <Step title="Create your app and copy your app ID">
    Sign in to the [Puntego dashboard](https://puntego.com/sign-in), create or select your workspace, then open **Dashboard → Install**. Copy your app ID (the `gp_` token) from the canonical snippet shown there.
  </Step>

  <Step title="Add the boot script">
    Paste the snippet near the end of your `<head>` or just before `</body>`, with your own app ID:

    ```html theme={null}
    <script
      async
      src="https://puntego.com/boot.js"
      data-app-id="gp_your_app_id"
      data-gp-api="https://worker.puntego.com"
      crossorigin="anonymous"
    ></script>
    ```

    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](/csp).
  </Step>

  <Step title="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](/domains).
  </Step>

  <Step title="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.
  </Step>
</Steps>

<Check>
  You should see the Puntego launcher in the corner of your page, ready to answer and point.
</Check>

## Where to next

<CardGroup cols={3}>
  <Card title="Full install reference" icon="settings" href="/install">
    Every script attribute — launcher modes, per-route targeting, voice, and auto-wake.
  </Card>

  <Card title="Framework guides" icon="component" href="/frameworks">
    Next.js, single-page-app route changes, the React provider and hooks, and Google Tag Manager.
  </Card>

  <Card title="Strict CSP" icon="shield" href="/csp">
    Pass a nonce so the runtime and injected styles load under a strict Content Security Policy.
  </Card>
</CardGroup>
