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.

withSignOut

When an element with this override applied is clicked the user will be signed out of their account.

withActiveLicense

Similarly to withLoggedIn, withActiveLicense only shows the element in which it's applied to users who are logged into an account and have an active Lemon Squeezy license.

withNoActiveLicense

Similarly to withLoggedOut, apply this override to any element that you want shown to only users who do NOT have an active Lemon Squeezy license. Someone logged in or logged out that doesn't have an active license will see the frame in which it's applied.

Read Guide

withEmail

On any text layer you can apply this override to display the user's email address.

withFirstName

Apply this override to any text layer to display the user's first name that they set when creating their account.

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

Apply to a component that has a locked and unlocked version. This override will display the unlocked version to only users with an active Lemon Squeezy license.

Read Guide

withPlanName

Use this override to conditionally display content for members with an active license tied to a specific product variant ID. You will need to specify the product variant id of your Lemon Squeezy variants. Follow the guide to learn more.

Read Guide

withAuth

This override is no longer required after the July 2024 migration, learn more.

This override helps FramerAuth detect if the user is logged in or not. This override should be connected to the Navigation Widget in your site's global navigation.

Mark as Compete Overrides:

withActionCompleteLesson

Use this override when creating a "mark as complete" button. Often used for lessons, this override allows the user to keep track of which content they have previously completed. Their marked content will remain saved to their account and will be visible when logged in.

Read Guide

withIsLessonComplete

Used in combination with the withActionCompleteLesson override, this override allows you to display a frame after a user has marked an item as complete.

Read Guide

Bookmarking Overrides:

withComponentBookmarkBlog

Used to display bookmarked items or an empty state when nothing has been saved yet.

Read Guide

withIsBookmarkedBlog

Apply to a CMS item to display CMS items from that collection in the list when they've been saved.

Read Guide

withToggleBookmarkBlog

Used to bookmark/save a CMS item for future viewing from a list that utilizes withIsBookmarkedBlog.

Read Guide

Thanks for reading!

If you have any questions, please reach out to support.