Outseta brings authentication, payments, and protected content to your Framer site—everything you need to run a membership site, paid community, or subscription product. The Outseta Framer plugin handles the integration. By the end of this guide, you'll have working signup, login, logout, and profile functionality.
Have a look at the resulting Framer demo site to see the integration in action.
⚠️ Important: If you've already manually added the Outseta script to your site's custom code, you must remove it before using the plugin. This prevents duplicate scripts from running.
Prerequisites
Before you begin, you'll need:
- A Framer site — you can use one of their pre-existing templates or start building from a blank page
- An Outseta account with at least one plan configured:
- Go to Billing > Plans and add at least one plan (a free plan works great for testing)
- Go to Auth > Sign Up and Login and configure your sign up and login settings
If you'll be accepting payments, also connect Outseta to Stripe in Billing > Settings before going live.
Install the plugin
- Go to the Outseta plugin listing in the Framer Marketplace, click Open Plugin and select your project.
- The plugin will open in Framer. Go to the Custom Code tab and enter your Outseta domain (e.g.,
yoursite.outseta.com). You'll find this in your browser's address bar when logged into Outseta or under Settings > General > Outseta URL
- Click Save.
Your Framer site is now connected to Outseta. The plugin automatically adds the Outseta script to your site's header.
Add auth embeds
Now for the fun part—adding authentication to your site. You'll set up three embeds and a logout link:
- Signup (Authentication > Signup) — where new users create an account and select a plan. You can preselect a plan or apply a discount code.
- Login (Authentication > Login) — where existing users sign in.
- Profile (User Profile) — where members manage their account, update payment methods, and view invoices.
Each embed can be added as a popup (overlays the current page) or an on-page embed (for dedicated signup/login pages). We recommend starting with popups.
To add a popup: Navigate to the embed in the plugin, copy the popup URL, and paste it into the Link field of any button or link component in Framer.
To add an on-page embed: Select Embed mode in the plugin and click Add [Widget] Embed to page. Position and resize the component on your canvas.
To add logout: Go to Authentication > Logout, copy the URL, and paste it into the Link field of a button. Logout is a link only—there's no embed mode.
Typical placement: signup and login buttons in your navigation for visitors, profile and logout in a member dropdown or account area.
The plugin also supports Lead Capture, Email List, and Support embeds—you'll find these in their respective sections.
Test your integration
Publish your Framer site, then test the complete flow on your live URL: signup → login → profile → logout.
If everything works, congratulations—your site now has working authentication! Embeds do not work in Framer's preview mode, so always test on your published site.
Customize the embed design
Want the embeds to match your site's look? Go to Auth > Embeds > Design in your Outseta dashboard to customize fonts, colors, button styles, and more. See Customize the design of Outseta's sign up and login embeds for details.
Next steps
Now that authentication is working, here are some things you might want to set up next:
- Restrict access to pages — Set up protected content to gate pages based on subscription plans
- Welcome new members — Send automated onboarding emails when someone signs up
- Communicate with members — Create a drip email campaign or send one-time broadcasts
- Provide support — Set up your support ticketing inbox so members can submit tickets
Troubleshooting
Embeds not appearing
Double-check the Custom Code tab in the plugin—make sure your Outseta domain is entered correctly and the Outseta toggle is enabled.
Changes not showing on published site
Republish your Framer site after making changes in the plugin or in your Outseta dashboard.
Embeds not working in preview
This is expected—embeds only work on your published site. Publish and test on your live URL.