Install RightMessage on Framer

Add RightMessage to your Framer site so you can ask questions, show offers, and personalize your pages. RightMessage handles Framer's page changes automatically, so you don't need a separate page-reset script.

Add the snippet to your site

You'll need a RightMessage project and permission to edit Custom Code and publish your Framer site. Check that your plan includes custom code. Framer's custom-code guide (opens in a new tab) doesn't name a minimum tier, but a custom domain requires a paid plan (opens in a new tab).

1. In RightMessage, select your project and open Settings > JavaScript Snippet under Project.
2. Keep Live website selected and copy the full Snippet Code.

Enlarge

RightMessage live-website Snippet Code panel with the Copy to clipboard icon highlighted in orangeOriginalOriginal

3. In Framer, open Project Settings > Custom Code.
4. Choose Add Script, or + if you already have scripts.
5. Name it RightMessage and paste the full snippet.
6. Choose a location inside the site's <head> and keep it set to the whole site.
7. Set it to run Once, not Run on every page visit.
8. Save the script and publish to the domain your visitors use.

Use one site-wide copy. Remove any older RightMessage navigation workaround, and don't reload the snippet or call a reset on each page visit. RightMessage listens for navigation changes, including Back and Forward, then updates the page context and checks what to show.

A page-specific installation starts RightMessage only when that page loads. Site-wide code lets it run wherever someone arrives. Any questions, offers, or personalizations you've already published in RightMessage can appear once the snippet runs.

Check that it's working

1. Open the published site outside the editor. Follow your consent prompt if it controls the snippet.
2. Follow an internal link, then try Back and Forward.
3. In RightMessage, open Settings > JavaScript Snippet and look for a recent timestamp in Snippet Health.

A recent timestamp means RightMessage is receiving data. Use the debugger to check which widgets and personalizations appear as you move between pages.

If no data arrives, follow installation troubleshooting.

Next, build a resource recommendation in the app.