Add personalization to your Astro application

Add the RightMessage script in your base layout component's head section using a script tag. Astro will include it on all pages that use that layout.

In default MPA mode, no. Each page load is a full navigation. If you enable View Transitions, call RightMessage.reset() on the astro:page-load event to re-apply personalizations.

Yes. RightMessage personalizes any content on the page, whether static Astro content or interactive islands built with React, Vue, or Svelte.

Yes. RightMessage personalizes whatever Astro renders, regardless of content source. Content from MDX files, headless CMS, or any source can be personalized.

With View Transitions enabled, listen for astro:page-load event and call RightMessage.reset(). This ensures personalizations apply after the transition completes.

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

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