Back to all lessons
Lesson library

Webflow Memberships overview

Personalize and monetize your content with free, paid, or tiered memberships.

Memberships is currently in a private beta and available to a limited set of customers. Sign up to join the beta.
This video features an old UI. Updated version coming soon!

With Webflow Memberships, you can add users, login functionality, and control access to pages with access groups to build unique, personalized experiences for your audience. You can also create memberships with subscription fees to scale your site or business with recurring revenue, or even sync to a mailing list or client relationship management tool with the Users API. Whether it’s an invite-only membership site, or an online business with subscriptions to premium content, Memberships can help you create, manage, and grow your site.

In this lesson, you’ll learn:

  1. How to access Memberships
  2. How to manage access groups
  3. How to manage page restrictions
  4. How to manage user accounts
  5. How to manage subscriptions

How to access Memberships

You can get started with Webflow Memberships by choosing a Memberships template or cloneable site, or by starting your site from scratch. 

If you choose a Memberships template, Memberships will be enabled for you by default. If you choose a different template, start your site from scratch, or want to add Memberships to an existing site, you can enable Memberships by clicking the Users icon in the left toolbar.

Important: Once you’ve enabled Memberships, you cannot deactivate or remove it. You can’t delete Memberships User pages or Collections after activating Memberships. Additionally, you can’t reuse the reserved URL slugs (e.g., /log-in, /sign-up, etc.) used for Memberships User pages. You should only enable Memberships if you’re sure you want to add user support to your site. If you’re only looking to test out the feature, we recommend creating a test site to do so.
Users icon highlighted in the left toolbar of the Webflow Designer.

Once you enable Memberships, user-related Collections, pages, and settings will be added to your site, and Memberships elements will be available in the Add panel under Users

Memberships Collections

2 Memberships Collections are automatically created to help you get started with your Memberships site: User accounts and Access groups. You can view each of these Collections by clicking the Users icon in the left toolbar of the Webflow Designer.

User accounts is where you can find and manage all users who have accounts on your site. Learn more about managing user accounts

Access groups allow you to control which users have access to your site’s content. Learn more about managing access groups. Learn more about managing access groups.

The Users panel contains 2 Memberships Collections: User accounts and Access groups. 

Memberships User pages

Several User pages (e.g., Log in, Sign up, User account, etc.) are automatically created on a Memberships site to support basic user functionality. These pages appear under the User pages section of the Pages panel.

Some basic styling is applied to elements on these pages by default, but they can be customized to provide a unique experience to your users. Learn more about User pages.

Important: Memberships User pages have reserved URL slugs (e.g., /log-in, /sign-up, etc.) that cannot be edited. Additionally, if you decide to stop using Memberships on your site in the future, you will not be able to create new pages using these reserved slugs. 

Memberships elements

Log in/log out button

In addition to prebuilt forms on User pages, Memberships provides a prebuilt log in/log out button element for your site members’ convenience. 

To use the prebuilt log in/log out button element, open Add panel > Elements > Users and drag the Log in/log out button to the Webflow canvas. You can drop this element in your navbar or wherever you’d like. 

The Log in/log out button element highlighted in the Users section of the Add panel.

The Log in/log out button has 2 states: Logged in and Logged out. By default, the button text for the Logged in state is “Log out,” and the button text for the Logged out state is “Log in.” You can customize the text to your liking and toggle between states in Element settings > User log in/log out settings.

User Log in/log out settings for the log in/log out button element. 

Subscriptions element

Memberships also provides a prebuilt Subscriptions element so that your site members can manage their subscriptions from their User account page.

To use the Subscription element, open the User account page, then open Add panel > Elements > Ecommerce and drag the Subscriptions element to the Webflow canvas. 

Note: The Subscriptions element is only available for sites with both Memberships and Ecommerce enabled and can only be added to the User account page. Learn more about the User account page.
The Subscriptions element in the Ecommerce section of the Add panel.

When the Subscriptions element has been added to the User account page, your users will be able to view the details of their subscriptions, including the purchase date and the next billing date or the cancellation date. Additionally, they’ll be able to cancel their subscriptions from this page.

The Subscriptions element on the Designer canvas.

How to manage access groups

Access groups allow you to control which users have access to various types of content on your site. You can create both Free and Paid access groups.

How to create free access groups

You can create a free access group by clicking the Users icon and choosing Access groups in the Users panel. Then, click New access group, and give your access group a name. 

The “New access group” button highlighted in the Access groups Memberships Collection.

Choose Free access as your Group type under Access settings. If you don’t have Ecommerce enabled on your site, you’ll only see the option for Free access

Settings for a new example access group. The Group type is set to Free access.

Then, choose a Grant access option to determine when your users will be given access to your content. There are 2 options here: 

  • After manually adding users to this group – with this option, users will not be automatically added to your access group after signing up on your site. Instead, you’ll have to manually add them to the appropriate access group once they’ve signed up and verified their account. You may prefer to use this option if you have additional steps outside of Webflow a user must complete before they’re given access.
  • After a user signs up and verifies their account – with this option, users will be automatically added to your access group after signing up on your site. You may prefer to use this option if you’d like anyone to access your content after signing up for an account on your site.
Settings for a new example access group. The Grant access setting is set to After manually adding users to this group.

Finally, add the pages and/or folders you’d like to make available to members of this free access group in the Restricted content section and click Create.

 Restricted content settings for a new access group is empty, with no pages or folders gated to this access group. 
The Create button highlighted in the settings for a new free access group. 

In order for someone to access any pages and/or folders added to the Restricted content section, they’ll need to be logged into an account that belongs to an access group with access to this restricted content. Learn more about page restrictions.

How to create paid access groups

To create paid access groups, you’ll need to enable Ecommerce on your site. Learn more about enabling Ecommerce

Once Ecommerce is enabled, you’ll need to set up an Ecommerce membership product that your users can purchase via a checkout process/flow. 

Important: Users will need to create and verify their accounts before they’re able to purchase a membership product. 

To create a membership product: 

  1. Open Ecommerce > Products and click New product 
  2. Choose Membership from the Product type dropdown 
  3. Give your membership product a name and fill in the description and image fields however you’d like
  4. Choose a Billing method (e.g., One-time payment or Subscription)
  5. Give your membership product a price
  6. If you’ve selected Subscription for your Billing method, choose a billing frequency from the Billing period dropdown (e.g., Day, Week, Month, or Year
  7. Configure other product settings (e.g., Inventory, Shipping, Downloads, Options, etc.) as desired
  8. Click Create  
The “New Product” button highlighted in data manager settings for the Products Collection. 
Settings for a new product called “Cool Kids Subscription.” The Product type is set to Membership.
Settings for the new “Cool Kids Subscription” product. The Billing method is set to Subscription.
Settings for the new “Cool Kids Subscription” product. The Billing period is set to Month for monthly billing.

Now that you’ve created a membership product, you can create a paid access group by opening the Users icon and choosing Access groups in the next tab that appears. Then, click New access group, and give your access group a name. 

The “New access group” button highlighted in the Access groups Memberships Collection.

Choose Paid access as your Group type under Access settings. If you don’t have Ecommerce enabled on your site, you’ll only see the option for Free access, so make sure you’ve activated Ecommerce

Note: If you decide to change a paid access group to free in the future, this action will unlink its related membership products, and new members will be able to join without purchasing a product. These changes will apply the next time customers log in. Any recurring charges to existing customers will continue until you cancel their subscription. Users can also cancel their own subscription if you’ve added the Subscriptions element to the User account page. Learn more about User account pages and the Subscriptions element.
Settings for a new example paid access group. The Group type is set to Paid access.

Then, you can set the Associated membership products for your access group. Click into the Associated membership products input field and choose the product(s) you want linked to this paid access group. 

Settings for a new example paid access group. The Associated memberships products section is highlighted, and the search dropdown is expanded to include a product called “Cool Kids Subscription.” 

Finally, add the pages and/or folders you’d like to make available to members of this paid access group in the Restricted content section and click Create.

Restricted content settings for the “Cool Kids” access group. The “Cool Kids Blog Posts Template” page has been restricted.
The Create button highlighted in the settings for a new example paid access group. 

In order for someone to access any pages and/or folders added to the Restricted content section, they’ll need to be logged into an account that belongs to an access group with access to this restricted content. Learn more about page restrictions.

How to delete access groups

As your site or business continues to scale and grow, you may decide you no longer need an access group on your site. 

Important: There’s no way to restore a deleted access group. Any content restricted to this access group will become accessible to the public. Additionally, any customers who have purchased membership products connected to this access group will continue to be charged until their subscription is canceled. Learn more about subscriptions.

To delete an access group: 

  1. Click the Users icon and choose Access groups in the Users panel
  2. Click the access group you’d like to delete
  3. Click Delete – this will lead you to a confirmation modal window
  4. Click Delete this group to confirm deletion and permanently delete your access group
The “Delete” option within access group settings.
The “Delete access group?” confirmation modal includes a warning that there’s no way to restore a deleted access group.

How to manage page restrictions

Page restrictions can be set in Access group settings or in Page settings for any pages you’d like to restrict, with the exception of User pages and utility pages.

Access control settings

You can choose from 3 access control settings for page restrictions: Public, Anyone with the password, or Specific members only.

The Cool Kids Blog Posts Template page access control settings are set to the default Public access. 

Public 

Pages with Restrict Access set to Public will be available to anyone on the internet. This is the default access control setting for any new pages.

To make an existing page public: 

  1. Open the Pages panel 
  2. Hover over the page you want to make public and click the settings “cog” icon
  3. Click Public in Access Control
  4. Save your changes 
Important: You’ll need to publish (or republish) your site for changes to your access settings to take effect.

Anyone with the password

Pages with Restrict Access set to Anyone with the password will be available to anyone who has the password for those pages. 

Important: Make sure you’ve set a page-level password before using this access control setting. You’ll need an active site plan in order to unlock password protection on pages and folders. Learn more about password protection

To restrict pages to anyone with the password: 

  1. Open the Pages panel
  2. Hover over an existing page (or create a new page) that you want to restrict access to and click the settings “cog” icon
  3. Click Anyone with the password
  4. Save your changes 
Important: You’ll need to publish (or republish) your site for changes to your access settings to take effect.

Specific members only

Pages with Restrict Access set to Specific members only will be available to users in the access group that you choose. 

To restrict pages to an existing access group: 

  1. Open the Pages panel
  2. Hover over an existing page (or create a new page) that you want to restrict access to and click the settings “cog” icon
  3. Click Specific members only in Access control and choose the access group you’d like to have access to this page from the dropdown
  4. Save your changes 
Important: You’ll need to publish (or republish) your site for changes to your access settings to take effect.
The Cool Kids Blog Posts Template page access control settings are set to Specific members only. The “Cool Kids” access group is listed under Access groups with access to this page.
Good to know: Pages with Memberships access control restrictions will be marked with a blue user icon in the Pages panel
The Pages panel shows a page marked with a blue user icon to indicate that it has access control restrictions.

How to manage user accounts

Any users who sign up for a membership on your site will appear in Users > User accounts. There, you can manage existing users, add new users, and see user info.

Users can manage their account settings (e.g., email address, password, etc.) from their User account page. Learn more about the User account page

User accounts list

In Users > User accounts, you’ll find an overview of each user who has signed up for a membership on your site, including their verification status (e.g., Verified or Unverified), the date their account was created, and the date of their last login. 

Additionally, when you click an individual user to expand their information, you’ll find user settings and details like: 

  • The user’s name and email address
  • Whether the user agreed to your site’s privacy policy and/or terms and conditions (if you’ve included these on your site’s sign up form)
  • Whether the user agreed to receive marketing or other communications
  • The user’s access settings (i.e., what access groups the user is part of) 
  • The user’s Ecommerce orders
  • The user’s Ecommerce subscriptions
  • Any information you’ve collected from custom fields

How to add a user account

A user account will be created automatically for new users who sign up for an account on your site, but you can also add user accounts manually. 

To add a new user account: 

  1. Click the Users icon and choose User accounts in the Users panel
  2. Click Invite new user
  3. Enter the email address for the user you’d like to invite 
  4. Select the access group(s) in the Access groups dropdown the user should be added to when they complete signup 
  5. Click Invite

This user will receive an email inviting them to sign up for an account on your site. They’ll also appear in the User accounts tab with an Invited status. 

Important: When you invite a user, they’ll need to sign up for an account on your site using the same email address where the invitation was sent.
The “Invite new user” button highlighted in data manager settings for the User accounts Collection. 
The “Invite new user” modal window provides an input to enter an email address for the user you’d like to invite and a dropdown to choose the access group the user should belong to.
The “Invited” status for a newly invited user highlighted in the User accounts list.

If you need to resend an invitation to a user, you can do so by clicking the user in the User accounts tab and clicking Resend invite. This will open a confirmation modal window where you’ll need to click Resend to confirm that you’d like to resend the email invitation. 

The “Resend invite” button highlighted in user account information.
The “Resend new user invite” confirmation modal window asks you to confirm the user you’d like to resend the invitation to.

How to reset a user’s password

At some point, a user on your site may need assistance resetting their password. You can send a password reset email to initiate the password reset process by clicking the user in the User accounts tab and clicking Send reset email. This will open a confirmation modal window where you’ll need to click Send to confirm that you’d like to send a password reset email to this user.

The “Send reset email” button highlighted in user account information.

Your users can also reset their passwords from the User account page

How to delete a user account

Important: Deleted users can’t be restored and won’t have access to free or paid gated content. Active subscriptions or memberships will also be canceled. 

To delete a user account:

  1. Click the Users icon and choose User accounts in the Users panel
  2. Click the user you’d like to delete
  3. Click Delete – this will open a deletion confirmation modal window
  4. Click Delete this user to confirm deletion
The “Delete” button highlighted in user account information.
The “Delete user” modal confirmation window asks you to confirm the deletion. 

How to manage subscriptions

When you create a subscription-based membership product, any users who purchase a subscription will appear in Ecommerce > Subscriptions. There, you can track and manage your users’ subscriptions.

Note: Subscriptions cannot be viewed or managed from the Editor.   

Subscriptions list

The subscriptions list gives you an overview of each subscription order, with the most important information such as the date, the total, and the status of the subscription. Here, you can: 

  • Search subscriptions by order number or customer
  • Filter the subscription list by status (e.g., Active, Pastdue, Unpaid, or Canceled)
  • Select multiple subscriptions and cancel them in bulk 
The Subscriptions list shows 3 active subscriptions, the customers the subscriptions belong to, the purchase date, billing date, next billing date, and the total price of each subscription.

How to cancel a subscription

You may need to cancel subscriptions at a member’s request, after deleting an access group, or after changing an access group from paid to free. 

To cancel a subscription: 

  1. Open Ecommerce > Subscriptions 
  2. Click the subscription you’d like to delete
  3. Click Cancel subscription – this will open a cancellation confirmation modal window
  4. Click Yes, cancel subscription to confirm cancellation

The “Cancel subscription” button highlighted in individual subscription details.
The “Cancel subscription” confirmation modal prompts you to confirm that you’d like to cancel the subscription. 

You can also cancel subscriptions in bulk: 

  1. Open Ecommerce > Subscriptions
  2. Click Select and check the checkbox next to each subscription you’d like to cancel, or check the checkbox next to Order Number to select all subscriptions
  3. Click Cancel subscriptions – this will open a cancellation confirmation modal window
  4. Click Yes, cancel subscriptions to confirm cancellation
The “Select” button highlighted in the data manager for the Subscriptions list to enable bulk deletion.
The checkbox next to “Order number” is highlighted to select all subscriptions for bulk deletion.

Your users can also cancel their memberships if you’ve added a Subscriptions element to the User account page

Learn more

Try Webflow — it's free