Add personalization to your SvelteKit application

Add the RightMessage script to your src/app.html in the head section. For dynamic loading, use onMount in your root +layout.svelte to load the script client-side.

SvelteKit uses client-side routing. Call RightMessage.reset() in afterNavigate from '$app/navigation', or subscribe to $page and call reset when the URL changes.

RightMessage runs client-side only. With SSR, server-rendered content appears first, then personalization applies after hydration. Use browser checks when accessing RightMessage.

Yes. RightMessage exposes visitor data via JavaScript. Create a Svelte store that reads RightMessage data and makes it reactive throughout your app.

Use Svelte's {#if} blocks or CSS to hide personalized content until RightMessage identifies the visitor. The compiled nature of Svelte makes updates fast.

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

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