Blog

Inside Insert Frame

How to build a membership site in Framer

Ryan Hayward

Founder of Insert Frame

Ryan Hayward

Founder of Insert Frame

Dec 16, 2023

Are you ready to add membership sites to your Framer website? Well, you’re in the right place. We're diving into Thenty, a game-changer that seamlessly integrates membership features into your Framer projects. 


1. Create a New Project

Let's kick things off by creating a new project on Thenty. Navigate to the Thenty dashboard, create a project (let's call it "My App"), and select a use case. Now, jump back to your Framer project, publish it, copy the public URL, paste it into Thenty, and let the magic begin.

2. Configure Redirects

Thenty and Framer need to communicate effectively. Copy the tag provided by Thenty, go back to your Framer project's settings, and paste it into the head tag under General settings. Save, publish your site, and watch the seamless connection unfold.

3. Add Functionality

Thenty offers a library of components to enhance your Framer site. Want a signup model? Copy the component, paste it into your Framer project, and link it up. Customize forms for login, registration, or password resets. Thenty gives you the tools; you decide how to style and integrate them into your canvas.

4. Demo

Protecting specific pages for members only? Thenty makes it a breeze. Set up plans and products in Thenty, assign them to protected pages in your Framer project, and voila! Your site is now exclusive to subscribed members.

5. Stripe Integration

Ready to take it up a notch? Integrate your Stripe account with Thenty to seamlessly collect payments. Set up plans, choose your currency, and let Thenty handle the financial side while you focus on delivering top-notch content to your members.

Thenty opens up a world of possibilities for Framer users, breaking the barriers of what's traditionally possible. From protecting pages to handling payments, this tool brings a new dimension to your web design endeavours.

Excited to dive into Thenty? Head to their site, sign up and explore the potential it holds for your Framer projects. If you found this guide helpful and want more Framer content, consider subscribing to our YouTube channel or following us on X/Twitter. We're here to keep you in the loop!

Happy designing!

Ryan Hayward 🚀

Building the Framerverse 🚀 - an ecosystem of products & education for Framer.

© 2024 Insert Frame Pty LTD

Building the Framerverse 🚀 - an ecosystem of products & education for Framer.

© 2024 Insert Frame Pty LTD

Building the Framerverse 🚀 - an ecosystem of products & education for Framer.

© 2024 Insert Frame Pty LTD

Home

Live Chat

What's New

Help

Available Mon - Fri

9AM - 5PM AEDT

Hey builder!

How can we help?

General

Find help for general questions related to our product or services.

Accounts & Billing

Get in touch with questions about your account.