FrameAuth setup & help guides

Browse our help guides for in-depth tutorials, prompts, remix files, and other resources to help add authentication, gated content, payments, and member experiences to Framer.

All

Getting Started

Components

Overrides

Features

Tags

Bookmarking

Templates

Stripe

Lemon Squeezy

OAuth

Plugins

Webhooks

Migration

Troubleshooting

Other

Getting Started

How to Add Authentication to Framer (Quickstart)

Add authentication and member-only content to your Framer site in minutes with FrameAuth. The quickstart, step by step.

Overrides

All Overrides And How Each Works In FrameAuth

A clear overview of each override in FrameAuth and their specific purpose and use.

Plugins

Localization

Choose a language for FrameAuth emails and error messages using the Localization plugin.

Features

Password protect individual pages in Framer

Protect selected Framer pages with one shared password using a dedicated FrameAuth account and page-level access controls.

Overrides

How to show a locked element to users who are signed out

Easily display locked content encouraging logged out users to create an account or sign in to access

Overrides

How to show a locked element to users who haven't completed a purchase

Easily display locked content encouraging visitors to complete a purchase to unlock

Troubleshooting

How to resolve: "FrameAuth can't verify this domain" error

Pages will be locked on your site until this is resolved. Luckily there are some quick fixes.

Other

How to archive a connected product in the FrameAuth dashboard

Archive a product to safely disable future purchases and free up plan usage.

Troubleshooting

Remove FrameAuth functionality from a remixed template

Let's remove FrameAuth from our template to remove the error with domains not verifying

Troubleshooting

How to add additional trusted domains to our FrameAuth project

Adding additional trusted domains enables our auth functionality for testing on multiple domains

Migration

How To Migrate A FrameAuth Site From V1 To V2

Upgrade your FrameAuth powered Framer site from V1 to V2 to get the latest membership and payment features. Step by step.

Lemon Squeezy

Lemon Squeezy Sandbox: Test Purchases in Framer

Use Lemon Squeezy sandbox mode in FrameAuth to safely test purchases and access on your Framer site before you go live. Step-by-step.

Webhooks

How To Set Up Webhooks In Framer

Set up webhooks on your Framer site with FrameAuth to sync sign ups, user approvals, and membership events to external tools.

Getting Started

Set Up Authentication in Framer: Full Guide

Set up authentication, payments, and gated content on your Framer site with FrameAuth. The complete guide from first install to going live.

Other

How to export all user data

A quick guide showing how to use our API to export your user data

Webhooks

How to Verify a Webhook Signature

How to verify a FrameAuth webhook, ensuring the webhook genuinely originated from FrameAuth and hasn't been tampered with.

Templates

Start With A Free FrameAuth Template

Launch your site in minutes with a free professionally designed template, complete with integrated membership features

Tags

Introduction to Tags

A overview of how tags work as access controls for your website. Learn what tags are and use them to lock content, restrict pages, and personalize user experiences.

Other

Require Approval To Sign Up

Control how new users can create accounts and whether they require approval.

Stripe

How To Test Stripe Purchases In Framer

Run Stripe test purchases on your Framer site with FrameAuth to check your access and upgrade flow before going live. Step-by-step, no code.

Stripe

How To Set Up Stripe Live Checkout In Framer

Switch Stripe from test to live checkout on your Framer site with FrameAuth and start charging for access to your content.

Features

How To Display User Data And Custom Fields On Your Website

A quick start guide to gathering custom details about users and displaying it dynamically on your Framer website.

Getting Started

How To Lock Pages And Gate Content In Framer

Lock pages and gate on-page content on your Framer site with FrameAuth. Restrict access to members or paying users, no code required.

Other

Removing FrameAuth From Your Framer Website

How to completely remove FrameAuth snippet, functionality, and components from your Framer website.

Templates

How To Activate A FrameAuth Template In Minutes

How to setup a FrameAuth powered Framer template to enable membership and authentication features instantly on your Framer website.

OAuth

How To Add GitHub Login To Framer (GitHub OAuth)

Add GitHub login to your Framer site with FrameAuth. Let visitors sign up and sign in with GitHub using OAuth, no code required.

Stripe

Configure Stripe Subscriptions In FrameAuth

This article explains which Stripe settings should be configured when using Stripe subscriptions in FrameAuth. Proper setup ensures predictable subscription behavior, access control, and a smoother billing experience for your customers.

Stripe

How To Add A Free Trial To The Stripe Plugin In FrameAuth

How to add a free trial to Stripe products that are connected to FrameAuth, allowing users to access gated content before being charged. Ensure the trial flows correctly from Stripe into your FrameAuth membership experience.

Features

How to autofill the signed in user's email address in a Framer form

Learn how to automatically populate a Framer form field with the signed-in user’s email address.

Tags

Conditionally display content to specific plans using tags

How to conditionally control visibility of specific elements on your site by requiring certain tags. Learn how to set tag conditions so only the right users can see or interact with content on our Framer site.

OAuth

How To Add Google Login To Framer (Google OAuth)

Add Google login to your Framer site with FrameAuth. Let visitors sign up and sign in with Google using OAuth, no code required.

Components

The Purpose Of Each FrameAuth Authentication Component

Understand the role of each FrameAuth component in building a secure Framer authentication system.

Features

How to show a locked variant conditionally on a Framer website

Learn how to display a locked variant on your Framer site based on conditions like logged in state or if the user has certain tags.

Features

Add A Sign Up To Read Paywall In Framer

Add a sign up to continue reading paywall to your Framer CMS posts with FrameAuth. Capture emails and gate content, no code required.

Bookmarking

Creating a 'Mark as Complete' Button in Framer

Learn how to let users mark lessons as completed, creating a more interactive and engaging learning experience.

Getting Started

Create Member Profiles in Framer (No Code)

Add a member profile page to your Framer site with FrameAuth. Let users view and edit their own details, no code required. Step-by-step guide.

Stripe

Limitations Of The Stripe Plugin In FrameAuth

This article outlines the current limitations of the Stripe plugin in FrameAuth. Understanding these constraints will help you design a more reliable billing and access-control experience for your users.

Bookmarking

How to add a Bookmarking/Save-for-Later functionality in Framer

Adding the ability for members of your website to save an item for later

Tags

Show a locked variant to users without a specific tag

Tags allow you to seamlessly create access control to the content on your Framer website. Let's learn how to enable only users who have certain tags to access our on-page content.

Getting Started

How To Invite Users To Access Your FrameAuth Powered Website

A guide to sending invitations to users granting access to your FrameAuth powered website

Plugins

How To Add ReCAPTCHA To Framer Auth Forms

Add Google reCAPTCHA to your Framer sign in and sign up forms with FrameAuth to block spam and bots. No code required.

Lemon Squeezy

How to connect Lemon Squeezy affiliate program to Framer

A guide to connecting your Framer site with the Lemon Squeezy affiliate program, allowing you to effortlessly monetize your site and ensure referrals are rewarded accurately.

Features

Enable Sign In/Up With OTP (One-Time-Password) In Framer

Enabling OTP can make it easier for users to access their account without the need for a password

Other

How to add a download button to your Framer website

How to quickly add a functional download button to your Framer website.

Other

Add A Login System To Framer In 7 Steps

Add a login system on your Framer site in 7 steps with FrameAuth. Restrict content, manage users, and add sign in, no code required.

Lemon Squeezy

How to add Discounts to Lemon Squeezy Links

Learn how to easily share Lemon Squeezy product links with pre-applied discount codes, ensuring a seamless and enticing shopping experience for your customers.

Still need help? Talk with the FrameAuth team.