How can I create separate sign-up forms or pages for two different access groups in Webflow Membership? Is it possible to automatically direct users to their specific sign-up group when they sign up on one of the forms?

Published on
September 22, 2023

To create separate sign-up forms or pages for different access groups in Webflow Membership and automatically direct users to their specific sign-up group, you can follow these steps:

  1. Set up two separate access groups:
  • Go to the Webflow Designer and navigate to the "CMS" tab.
  • Under "Site Settings," select the "Settings" tab.
  • Scroll down to "Member Access" and click on "Access Groups."
  • Click on the "+" button to create a new access group.
  • Give each access group a name, description, and permissions. You can define which pages, collections, or items each group can access.
  1. Create separate sign-up forms:
  • Go back to the "CMS" tab in the Designer.
  • Click on the "Members" tab and go to "SignUp Forms."
  • Click on the "+" button to create a new sign-up form.
  • Customize the form fields according to your requirements. You can add fields like name, email, password, or any other custom fields you need.
  • Under the "Advanced" tab, select the access group for that specific form. Choose the appropriate group for each form you create.
  1. Create separate sign-up pages:
  • In the Designer, create two different pages, one for each access group.
  • Design and structure each page to accommodate the content and form fields specific to each group.
  • On each page, add the relevant sign-up form you created in step 2. This can be done by dragging the form element onto the page and selecting the appropriate form from the dropdown menu.
  1. Set up automatic user redirection:
  • After a user signs up, you can automatically redirect them to their specific sign-up group by adding custom code.
  • Go to the "Project Settings" in the Designer.
  • Under the "Custom Code" tab, select the "Add Code" button.
  • In the "Head Code" section, add the following JavaScript code:
<script>Webflow.push(function() {    if (window.location.pathname === '/your-first-group-sign-up-page/') {        setTimeout(() => { window.location.href = "/your-first-group-page/"; }, 3000);    } else if (window.location.pathname === '/your-second-group-sign-up-page/') {        setTimeout(() => { window.location.href = "/your-second-group-page/"; }, 3000);    }});</script>
  • Replace /your-first-group-sign-up-page/ and /your-first-group-page/ with the actual URLs for your first group's sign-up page and page, respectively.
  • Similarly, replace /your-second-group-sign-up-page/ and /your-second-group-page/ with the actual URLs for your second group's sign-up page and page, respectively.
  • Adjust the 3000 milliseconds to your desired delay before redirection.

With these steps, you can create separate sign-up forms or pages for different access groups in Webflow Membership and ensure that users are automatically directed to their specific sign-up group upon signing up.

Additional questions:

  1. How do I create access groups in Webflow Membership?
  2. Can I customize the fields in the Webflow Membership sign-up forms?
  3. Is it possible to create multiple access levels within a single access group in Webflow Membership?