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

# Introduction

> feedbackfun is an embeddable widget that lets your users submit feedback, vote on features, and track your product roadmap — all without leaving your site.

## What is feedbackfun?

feedbackfun gives you a lightweight, customizable widget you drop into any website. Your users can:

* Submit **bug reports** and **feature requests** with optional screenshots
* **Vote** on existing roadmap items
* Follow your **public roadmap**
* Chat with your team in real-time

You manage everything from the [feedbackfun dashboard](https://feedbackfun.com/dashboard) — no extra tooling needed.

## How it works

<Steps>
  <Step title="Sign up and create a project">
    Register at [feedbackfun.com](https://feedbackfun.com) and create a project for your website.
  </Step>

  <Step title="Add the widget to your site">
    Drop one `<script>` tag into your HTML or install `@feedbackfun/js` via npm.
  </Step>

  <Step title="Collect feedback">
    Your users see a floating button. They click it, submit feedback, vote on features — you get notified instantly.
  </Step>

  <Step title="Manage from the dashboard">
    Review submissions, update roadmap status, and reply via live chat from your dashboard.
  </Step>
</Steps>

## Two integration methods

<CardGroup cols={2}>
  <Card title="Script tag (CDN)" icon="code" href="/installation/script-tag">
    The fastest way. One `<script>` tag, no build step required. Works with any website.
  </Card>

  <Card title="npm package" icon="npm" href="/installation/npm-package">
    Install `@feedbackfun/js` for React, Next.js, Vue, and other JS frameworks.
  </Card>
</CardGroup>

## Need help?

Open the [feedbackfun dashboard](https://feedbackfun.com/dashboard) to find your API key and project ID, then head to the [Quickstart](/getting-started/quickstart) to go live in under 2 minutes.