Earn 30% commission with our Partner Program. Learn more

Install Stellar on Framer

Framer loads the snippet from Site Settings. The canvas preview does not.

1. Copy the snippet

In Stellar, open the project for this site and copy the snippet from your domain settings. Leave Anti-Flicker on if you are running visual tests. Direct head install is what makes that work. How anti-flicker works.

2. Paste it on Framer

  1. Open the project and go to Site Settings.
  2. Open General, then Custom Code.
  3. Paste the snippet in the Head field (start of <head>).
  4. Publish.
  5. Open the published URL, either the custom domain or the framer.app address, and confirm the script loads.

Custom code applies after you publish. Checking the canvas is not enough.

3. Confirm it loaded

  1. Open a published page in a private browser window. Editor and draft previews often hide the snippet.
  2. Open developer tools and go to the Network tab.
  3. Reload and look for stellar.js. If that request is there, the install is done.

If it does not load

  • Confirm you published after pasting. An older publish will not include the snippet.
  • If both a custom domain and a framer.app URL are live, check the one you will actually test.
  • Paste it once. A second copy in a page embed will conflict.

More on placement, Google Tag Manager, and flicker is in the general install guide.

Next