Setup
Quickly add the necessary elements to your Framer site to make membership access seamless
Helpful links
setup for FramerAuth (10mins)
Using a pre-made template?
FramerAuth will not work in preview mode, only on your test or live domain.
1
snippet
start of <body> tag
Copy
Step 1 of 3
2
Components
Save time by copying styling
Sign Up
yoursite.com/sign-up
1
Enable "License Key" if users must have a license key to create an account
Forgot Password
yoursite.com/forgot-password
Update Password
yoursite.com/update-password
Member Profile
yoursite.com/account
Activate License
yoursite.com/account
1
This component allows existing members to enter a new license key if theirs expires or to upgrade.
Step 2 of 3
3
Overrides
Sign In
Sign Up
Sign Out
Step 3 of 3
Hooray! You've completed all required setup tasks!
Optional
Upgrade For Full Access
Conditionally show/hide frames
1
Choose a frame to show or hide to signed in or signed out users
2
Apply the "withLoggedOut" override to elements you'd like shown to users signed out / unregistered
3
Apply the "withLoggedIn" override to elements you'd like shown to users signed in
4
Apply "withActiveLicense" to display that content only to users who have an active Lemon Squeezy license
UPGRADE TO UNLOCK
Conditionally show a 'locked' variant
1
Make your first variant a default version and create another variant that is your "locked" version
2
When you use this component set the instance to be the locked version
3
Apply the "withVariant" override to the component to display the unlocked version to logged in users
4
Apply the "withVariantActiveLicense" override to the component to display the unlocked version to only users with an active Lemon Squeezy license
Copy
Auto-fill license key for users
1
Go to your product in Lemon Squeezy and edit
2
Expand "Confirmation modal" and "Email receipt"
3
Update the button link to be formatted like this: yoursite.com/sign-up?license_key=[license_key]
4
Modify the link if your license key activation form is on a different page. For example, "/activate?license_key..."
withPlanName
Course 1
Conditionally Show Content To Specific Lemon Squeezy Variants
1
How to dynamically display selected content to users on your Framer website who have purchased select product variants through Lemon Squeezy.
Sign Out
Personalized User Account
yoursite.com/account
1
To display the user's name apply the "withFirstName" override to text
2
To display the user's email apply the "withEmail" override to text
3
If you're using Lemon Squeezy, your 'Manage Subscription' button should link to your Lemon Squeezy customer portal. Visit the link below and at the top copy your link
4
Add that link to your "Manage Subscription" button. This allows users to manage their subscription to your product.
Components
FramerAuth
ResetPassword
Update
SignIn
Update
SignUp
Update
Keep components up to date
1
From time to time new updates will be published to the components
2
Under "Assets" in Framer whenever you see new updates available please click "update" then publish your website
Copy
Powered by FramerAuth
Powered by FramerAuth (Earn affiliate)
1
Earn 15%, up to $26.98 on each referral that results in a sale
Having trouble?
We'd love to answer your questions. Contact us for assistance.
up next • final step