RightMessage
Remix logo
Site compatibilityJavaScript Framework

Add personalization to your Remix application.

Remix builds fast React applications with nested routing and server-side rendering. RightMessage adds personalization based on visitor segments from your email platform. Show different content to different audiences, personalize components based on subscriber data, and tailor messaging throughout your Remix app.

Start here

Add RightMessage to your existing Remix setup.

Keep Remix in place and use RightMessage to personalize its existing pages for each visitor.

Using RightMessage with Remix.

Smart opt-in forms that adapt to context

Show different lead magnets based on what visitors are reading on your Remix site. Hide opt-in forms from existing subscribers and show upgrade paths instead.

Increase conversion rates with contextually relevant offers.

Dynamic headlines, CTAs, and content

Personalize any text on your Remix site based on visitor segments, traffic source, or behavior. Show relevant testimonials, case studies, and social proof.

No code required. Just add CSS classes to elements you want to personalize.

PPC landing page personalization

Match your Remix landing page content to ad campaigns using UTM parameters. One page can serve unlimited ad variations.

Improve ad relevance scores and conversion rates with automatic message matching.

Setup tips for RightMessage on Remix.

  • Add the RightMessage script in root.tsx using Remix's Scripts and Meta components
  • Call RightMessage.reset() using useLocation and useEffect for client-side navigation
  • Connect RightMessage to your email platform for subscriber-based personalization
  • Remix's form-based navigation may need reset triggers on successful submissions
  • Use quizzes to segment visitors and personalize their experience

Frequently asked questions.

How do I install RightMessage in Remix?+

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.

How do I handle Remix navigation?+

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.

Does RightMessage work with Remix loaders?+

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

How do I personalize content after form submissions?+

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

Can I use RightMessage with Remix's progressive enhancement?+

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

How do I add RightMessage to my Remix site?+

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.

Can I personalize without writing code on Remix?+

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

Will RightMessage slow down my Remix site?+

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.

What elements can I personalize on Remix?+

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.

Does RightMessage work with Remix's built-in forms?+

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.

Need detailed setup instructions? Read our Remix setup guide →
Ready to launch?

Start personalizing your Remix experience.

Keep Remix in place and add personalized copy, proof, forms, and offers without rebuilding your site.