Install

Framework installation

Use the shared app shell so the widget loads once and survives navigation.

Documentation revision 2026-07-30

Next.js App Router

Add the generated Website script to the root layout. This avoids duplicate instances and keeps the form available across routes.

app/layout.tsx · docs 2026-07-30tsx

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        {children}
        <div data-feedbacks-host="YOUR_PROJECT_KEY" />
        <Script
          src="https://app.feedbacks.dev/widget/latest.js"
          data-project="YOUR_PROJECT_KEY"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

React and Vue

Install the matching wrapper package, then copy the generated component from the project Install tab. Put the wrapper at the application root. Saved product settings are resolved remotely. If your package registry cannot resolve a wrapper, use the Website script in the root HTML instead.

React package · docs 2026-07-30bash

pnpm add @feedbacks/widget-react

Vue package · docs 2026-07-30bash

pnpm add @feedbacks/widget-vue

WordPress

1
Open Embed installation
Select WordPress to see the stable Website snippet and placement guidance.
2
Add it through one code tool
Use the theme footer, a header/footer code plugin, or a tag manager. Do not add the same snippet in more than one place.
3
Clear page caches
Purge optimization and CDN caches before deciding the script failed to load.
4
Scroll before taking a screenshot
Lazy and animated sections may not exist until they enter the viewport. Screenshot capture records the visible viewport at the user current scroll position.