Gatsby+Feedinbox

Feedinbox for Gatsby sites

Add the script via gatsby-ssr.js, then fire a high_intent event on your pricing page.

Add to your site

Copy and paste. That's the entire setup.

Your code
// gatsby-ssr.js
import React from 'react';

export const onRenderBody = ({ setPostBodyComponents }) => {
  setPostBodyComponents([
    <script key="feedinbox-stub" dangerouslySetInnerHTML={{
      __html: 'window.feedinbox=window.feedinbox||function(){(window.feedinbox.q=window.feedinbox.q||[]).push(arguments)}'
    }} />,
    <script key="feedinbox-widget" async src="https://feedinbox.com/widget.js" data-project-key="your_project_key" />
  ]);
};

// Not called here (this runs on the server). Call them from a client component's
// handlers instead:
//   on pricing open:     window.feedinbox('event', 'high_intent', { plan: 'pro' })
//   on purchase success: window.feedinbox('event', 'converted')

Step-by-step setup

1

Open gatsby-ssr.js

Create or edit gatsby-ssr.js in your project root

2

Add onRenderBody

Add the stub and widget script

3

Fire the events

high_intent on pricing, converted on success

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

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 Gatsby app

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

No credit card required • Free tier available