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:
- 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.
- 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.
- 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.
- 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:
- How do I create access groups in Webflow Membership?
- Can I customize the fields in the Webflow Membership sign-up forms?
- Is it possible to create multiple access levels within a single access group in Webflow Membership?