# Quickstart

> From nothing to your first pinned comment in two minutes.

Source: https://docs.usejot.co/docs/quickstart

<Steps>
  <Step>
    ### Create a project

    Sign in at [app.usejot.co](https://app.usejot.co) and create a project for the
    site you want feedback on. A project is one app — staging and production can
    share it, told apart by [environment](/docs/widget#environments).
  </Step>

  <Step>
    ### Add the script

    Paste this before the closing `</body>` tag. **Project → Settings** shows it
    with your real key filled in:

    ```html
    <script
      src="https://cdn.jsdelivr.net/npm/@usejot/widget@1/dist/jot.js"
      data-jot-key="jot_pk_your_key"
    ></script>
    ```

    No build step and no framework requirement. Prefer a package?
    See [React](/docs/install/react), [Next.js](/docs/install/nextjs),
    [Vue](/docs/install/vue) and the rest under [Install](/docs/install/script).
  </Step>

  <Step>
    ### Check it is live

    Reload your page. A round Jot button appears on the right edge. The first
    time the page loads, the dashboard checklist ticks off **Install the widget**.
  </Step>

  <Step>
    ### Leave the first Jot

    Click the button, choose **Jot**, and click anything on the page. Type one
    sentence and send. It is in your inbox before you switch tabs.
  </Step>
</Steps>

## Who can comment

Each project picks one, in **Project → Settings → Who can leave Jots**:

* **Members only** (default) — reviewers sign in inside the widget with a
  6-digit code we email them. Anyone in your workspace can sign in.
* **Anyone on the page** — no account needed. Visitors only ever see their own
  pins.

## Next

<Cards>
  <Card title="Invite your reviewers" href="/docs/team" />

  <Card title="Tour the inbox" href="/docs/developers/inbox" />

  <Card title="Connect an issue tracker" href="/docs/integrations/linear" />

  <Card title="Hand reports to an agent" href="/docs/ai/mcp" />
</Cards>