# Feedback widget for NPM projects
> For the complete documentation index, see [llms.txt](/llms.txt)
> Feedback widget for NPM projects
PushFeedback collects user feedback directly from your website. This guide covers installation via NPM.
## Prerequisites
Before you begin, you need:
- A PushFeedback account. If you don't have one, [sign up for free](https://app.pushfeedback.com/accounts/signup/).
- A project created in your PushFeedback dashboard. If you haven't created one yet, follow the steps in the [Quickstart](../quickstart.md#2-create-a-project) guide.
- Node.js installed.
## Installation
### Floating button
1. Install PushFeedback:
```console
npm install pushfeedback
```
2. Make sure you embed the styles and scripts in your primary JS or entry file:
```js
// Incorporate PushFeedback styles
// Initialize the PushFeedback widget
```
3. Just before the closing **body** tag of your website's HTML, add the following snippet:
```html
Feedback
```
Replace `` with your project's ID from the [PushFeedback dashboard](../quickstart.md#2-create-a-project).
4. Open the website in a web browser to verify the feedback button appears and works correctly.
### Inline button
1. Install the package if needed:
```console
npm install pushfeedback
```
2. Import the stylesheet and widget in your application entry file:
```js
```
3. Place this markup in your HTML where the content ends:
```html
Feedback
```
### Embedded form
1. Install the package if needed:
```console
npm install pushfeedback
```
2. Import the stylesheet and widget in your application entry file:
```js
```
3. Place this markup in your HTML where the content ends:
```html
```
### Like and dislike buttons {#advanced-setup-like-and-dislike-buttons}
1. Install the package if needed:
```console
npm install pushfeedback
```
2. Import the stylesheet and widget in your application entry file:
```js
```
3. Place this markup in your HTML where the content ends:
```html
Was this helpful?
Helpful
Not helpful
```
## Next steps
Choose what to do next:
- [Customization](/category/customization) — Adjust the widget's layout, styles, and text.
- [Integrations](/category/integrations) — Forward feedback to Slack, email, Jira, and more.