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

# NOCK Widget Overview — Embed and Collect Feedback Fast

> The NOCK widget lets your users submit feedback directly from your product, complete with automatic context, screenshots, and AI follow-up questions.

The NOCK widget is a lightweight feedback button you embed in your web product. When a user clicks it, a small form slides open where they can describe a bug, request a feature, or share general thoughts. When they submit, NOCK automatically packages their message together with page URL, browser details, operating system, and screen size — no extra effort required from you or your users.

## Key capabilities

* **Automatic context capture** — Every ticket includes the page URL, browser name and version, operating system, and viewport size without asking the user to fill in anything extra.
* **Feedback categories** — Users choose a category (Bug, Feature, General by default) so your team can filter and triage tickets instantly.
* **AI-powered follow-up questions** — NOCK generates one or two targeted follow-up questions to draw out the context your team actually needs before the ticket lands in your dashboard.
* **Screenshot and image attachments** — Users can attach an existing screenshot or capture one directly in the widget, giving your team a visual reference.
* **Console log capture** — Optionally capture the browser's console output at the moment of submission so your developers see errors and warnings alongside the feedback.
* **Hidden mode** — Keep the widget button invisible and trigger it only via a keyboard shortcut or a programmatic call — ideal for internal QA flows or polished consumer UIs.

## How the widget flow works

<Steps>
  <Step title="User opens the widget">
    The user clicks the NOCK button (or presses the configured keyboard shortcut). The feedback form appears without leaving the current page.
  </Step>

  <Step title="User fills in the form">
    They pick a category, describe their feedback, and optionally attach a screenshot. If AI Enhancement is enabled, NOCK presents one or two follow-up questions to capture richer detail.
  </Step>

  <Step title="User submits">
    On submit, NOCK bundles the message, category, follow-up answers, any attachments, and all the automatically captured technical context into a single ticket.
  </Step>

  <Step title="Your team sees the ticket">
    The ticket appears immediately in your NOCK Dashboard, ready to review, filter by category, and act on.
  </Step>
</Steps>

<Note>
  NOCK captures technical context automatically on every submission — you don't need to ask users to describe their browser or operating system.
</Note>

## Next steps

<CardGroup cols={2}>
  <Card title="Install via Script Tag" icon="code" href="/widget/install-script-tag">
    Add the NOCK widget to your site in under five minutes using a single script tag.
  </Card>

  <Card title="Configure the Widget" icon="sliders" href="/widget/configure-widget">
    Customize the button position, color, categories, keyboard shortcut, and more from the Dashboard.
  </Card>
</CardGroup>