Add personalization to your Remix application

Add the RightMessage script in your root.tsx file within the head section. Use Remix's script handling to ensure proper loading order with your application code.

Use useLocation from @remix-run/react and call RightMessage.reset() in a useEffect when the location changes. This handles both link navigation and form submissions.

RightMessage runs client-side, independent of your loaders. Server-loaded content renders first, then personalization applies. Both work together without conflict.

Remix re-renders routes after form actions. Add RightMessage.reset() to your useEffect that watches location changes to re-apply personalizations after submissions.

Yes. RightMessage enhances the rendered output regardless of whether JavaScript was involved. Personalization applies to whatever content reaches the browser.

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

While Remix 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 Remix 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 Remix site. You can also personalize Remix's native forms by showing/hiding them based on visitor segments or personalizing the surrounding content.