Widget Installation

Script Tag

Add this snippet before the closing </body> tag:

<script
  src="https://feedpin.dev/snippet.js"
  data-api-url="https://feedpin.dev/api/v1"
  data-project-id="YOUR_PROJECT_ID"
  defer>
</script>

How It Works

Once installed, a small feedback button appears on your site. Visitors can:

Click the button to enter feedback mode
Click anywhere on the page to place a pin
Type their feedback and submit

The widget captures:

Text — The feedback message
URL — The page where feedback was left
Position — Exact x/y coordinates of the pin
Device — Browser, OS, and viewport dimensions
Session — Anonymous session token (no account needed)

Framework Examples

Next.js
WordPress
HTML

Add to your app/layout.tsx:

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <script
          src="https://feedpin.dev/snippet.js"
          data-api-url="https://feedpin.dev/api/v1"
          data-project-id="YOUR_PROJECT_ID"
          defer
        />
      </body>
    </html>
  )
}

Add to your theme’s footer.php before </body>:

<script
  src="https://feedpin.dev/snippet.js"
  data-api-url="https://feedpin.dev/api/v1"
  data-project-id="<?php echo 'YOUR_PROJECT_ID'; ?>"
  defer>
</script>

Add before </body>:

<script
  src="https://feedpin.dev/snippet.js"
  data-api-url="https://feedpin.dev/api/v1"
  data-project-id="YOUR_PROJECT_ID"
  defer>
</script>

Verifying Installation

After installing, go to your FeedPin dashboard. If the snippet is working, your site will show a green “Connected” status within a few seconds.

Getting Started

AI Integration

Script Tag

How It Works

Framework Examples

Verifying Installation

​Script Tag

​How It Works

​Framework Examples

​Verifying Installation

Script Tag

How It Works

Framework Examples

Verifying Installation