FramerAuth Guides

Search guides...

Copy Link

Locking pages in FramerAuth

Learn how to implement effective measures on your Framer website to restrict content access. Enhance security, safeguard your product, and deliver a tailored user experience to users.

  1. Locking entire pages

Making a page accessible only to members with an active license to the selected product(s):

To ensure a page is only accessible to a member with an active license to a specific product, you can simply assign a product to that page in the Pages section of your dashboard. If a product is assigned in the product column, then only members with an active license for that product will be able to access the page.

You can specify multiple variants here or select any variant if a member with a license to any of the variants of that product can access.

Make a page accessible to anyone with an account:

By locking a page, you are designating that page to be accessible to anyone who has an account to your website. This is ideal for websites that require sign up via email to access member-only content.

Unlocked pages are accessible to all visitors:

  1. Locking content using overrides

FramerAuth offers a handful of useful overrides to seamlessly display the specified content to only members who have the specified access level.

withActiveLicense

Display this frame/component only to members who have an active Lemon Squeezy license - perfect for locking content.

withNoActiveLicense

Display this frame/component only to members who do not have an active Lemon Squeezy license. For example, "Upgrade now!"

withVariant

This override makes it possible to show one component variant to logged out users and another variant to logged in users. This is often used to show a "locked" variant to logged out users which encourages them to upgrade.

Watch Tutorial

withVariantActiveLicense

Similar to "withVariant" this override displays the locked variant of a component only to members who do not have an active Lemon Squeezy license and the unlocked version to members who have an active license

withPlanName

Use this override to conditionally display content for members with an active license tied to a specific product variant ID.

Read Guide

withLoggedOut

Apply this override to any element that you want shown to only users are not logged into your website. For example an "upgrade" button would be shown to logged out users but once they've logged in it doesn't need to be shown anymore.

withLoggedIn

Opposite of withLoggedOut, withLoggedIn only shows the element in which it's applied to users who are logged into an account. This override can be used to display options like the "my account" button for example.

See our full override guide for more info.

Thanks for following along!

By implementing the strategies outlined in this guide, you can ensure that only members with the right level of access are able to view specific content.

This not only helps protect your product but also enhances the user experience by providing relevant content to those who have invested in your offering.

If you have any questions or need assistance, please find us on the Support page.