Skip to main content

How to add your page to Framer

Add a Landra page to a Framer site as a code component — as a fixed snapshot, or as an embed that updates itself when you edit in Landra.

Written by Ezra from Landra

Landra gives you a Framer code component rather than an embed snippet. That's deliberate: Framer's Embed element wraps whatever you paste in an iframe, which can't grow with the page and is invisible to your site's SEO. A code component renders your page as part of the page, at its natural height. Nothing to change in Site Settings.

Steps

  1. Open your page in the editor and click Publish (or Update) in the top-right.

  2. Choose Export HTML, then Framer.

  3. Tick the review confirmation, then pick Copy component for a fixed snapshot or Copy live component for one that updates itself (see below).

  4. In Framer, open the Assets panel → Code+New File. Name it anything, for example LandingPage.

  5. Select everything in the new file and paste over it.

  6. Drag the component from Assets → Code onto your page and set its width to Fill. Remove the page's own padding if you want it edge to edge.

  7. Publish in Framer. The page is only live once Framer publishes — your Landra publish doesn't do it for you.

The Framer export view showing Fixed snapshot and Updates automatically

Which of the two should you take?

Fixed snapshot puts the page's content into your Framer site's own HTML, so search engines can see it on your domain. It doesn't change on its own — edit in Landra later, copy the component again, and paste over the code file.

Updates automatically is pasted once. After that you edit in Landra, click Update live embed, and your Framer site changes with no new paste and no Framer re-publish. The content loads after your site does, so search engines crawling your Framer site won't see it — fine for pages you send paid traffic to, wrong for a page you want to rank.

If you're not sure, take the fixed snapshot. Both go into the same code file, so switching later means pasting the other one over it once.

Good to know

  • Put the component on a blank page rather than inside an existing section, so your site's nav and footer don't fight the layout.

  • If you've added tracking code to the page, it also runs while you preview in Framer — so your own visits count. That's true of both versions.

  • Don't hand-edit the generated file. It's built from your page, and the next copy replaces it wholesale.

  • The component loads styles and scripts hosted by Landra, so keep an active subscription to keep the page displaying. An auto-updating component depends on Landra for its content too, so it disappears entirely if the subscription lapses, where a fixed snapshot would only lose its styling.


Still need help? Click the chat bubble in the bottom-right corner of the editor, or email hello@getlandra.com.

Did this answer your question?