Next.js+Feedinbox

Feedinbox for Next.js apps

Add the script, then fire a high_intent event when someone opens pricing. Works with App Router and Pages Router.

Add to your site

Copy and paste. That's the entire setup.

Your code
import Script from 'next/script'

// app/layout.tsx
export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script id="feedinbox-stub" strategy="beforeInteractive">
          {`window.feedinbox=window.feedinbox||function(){(window.feedinbox.q=window.feedinbox.q||[]).push(arguments)}`}
        </Script>
        <Script
          src="https://feedinbox.com/widget.js"
          data-project-key="your_project_key"
          strategy="lazyOnload"
        />
      </body>
    </html>
  );
}

// Then, when a visitor opens pricing / starts checkout:
window.feedinbox('event', 'high_intent', { plan: 'pro' })
// And on your payment-success step:
window.feedinbox('event', 'converted')

Step-by-step setup

1

Add the scripts

Drop the stub and widget Script tags into app/layout.tsx

2

Fire high_intent

Call it when a visitor opens pricing or starts checkout

window.feedinbox('event', 'high_intent', { plan: 'pro' })
3

Fire converted

Call it on your payment-success step so buyers aren't asked

window.feedinbox('event', 'converted')

Why developers choose Feedinbox

Know why they don't buy

An exit-intent question catches abandoning visitors and asks why

Feedback included

A feedback widget for bugs and ideas, on the same script

Inbox-first

A weekly Why-Not-Buy summary plus instant feedback emails

Lightweight & free to start

Tiny script, 2-minute setup, no credit card

Add Feedinbox to your Next.js app

Find out why visitors don't buy and collect feedback. Free tier available, setup takes minutes.

No credit card required • Free tier available