Install

Framework installation

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

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.tsxtsx

import Script from 'next/script'

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

React and Vue

The project Install tab generates framework-specific code from the saved form configuration. Put the wrapper at the application root. If your package registry cannot resolve a wrapper, use the Website script in the root HTML instead.

WordPress

1
Open the project Install tab
Select WordPress to see the current 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.