Add personalization to your Gatsby application

Add the RightMessage script in gatsby-ssr.js using setHeadComponents. For client-side only loading, add it in gatsby-browser.js using the onClientEntry export.

Gatsby pre-fetches pages and uses client-side routing. Call RightMessage.reset() in the onRouteUpdate export in gatsby-browser.js to re-apply personalizations on page changes.

No. RightMessage runs entirely client-side. Your Gatsby build process stays the same. Personalization applies after the static page loads in the browser.

Yes. RightMessage personalizes whatever content Gatsby renders, regardless of data source. Content from Contentful, Sanity, or any CMS can be personalized client-side.

Hide personalized elements initially with CSS, then let RightMessage reveal the correct version. Gatsby's fast page loads minimize any visible flash.

Add a small JavaScript snippet to your Gatsby site, similar to adding Google Analytics. You can also install our npm package for tighter integration. Installation typically takes 5 minutes or less.

While Gatsby is a framework that requires code, RightMessage provides a simple JavaScript API and React/Vue components that make personalization straightforward.

No. The RightMessage script loads asynchronously and doesn't block page rendering. Personalizations are applied after the initial page load. The script is served from a global CDN and is highly optimized. Your Core Web Vitals and page speed scores remain unaffected.

You can personalize any text, images, or content sections on your Gatsby site. Common personalizations include headlines, CTAs, testimonials, case studies, pricing displays, and entire page sections. You can also show/hide elements and redirect visitors based on segments.

RightMessage provides its own widgets (popups, slide-ins, inline forms, sticky bars) that you can embed on your Gatsby site. You can also personalize Gatsby's native forms by showing/hiding them based on visitor segments or personalizing the surrounding content.