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
  • RightMessage automatically handles client-side navigation; no useLocation or useEffect route hook is needed
  • Connect RightMessage to your email platform for subscriber-based personalization
  • Form submissions that change the URL are handled automatically; reserve RightMessage.reset() for application-state changes without a URL change
  • 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?+

The RightMessage tag automatically follows URL changes from link navigation and form submissions and personalizes the new content before paint. No useLocation or useEffect route hook is needed.

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?+

When a form submission changes the URL, RightMessage handles navigation automatically. If a form action instead changes application data that a flow reads without changing the URL, call RightMessage.reset() after that state update. Do not add a location-watching effect for navigation.

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?+

The RightMessage script loads asynchronously, so it doesn't block your page's initial render. Your page shows up first, and personalization is applied once the script loads. As with any third-party script, it's worth checking your own pages after you install it.

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.