How can I set up user signups and access to a CMS collection page in Webflow? There is a troubleshooting loom video provided for reference.

You're trying to set up user signups and restrict access to CMS collection pages in Webflow, which can be done using Webflow Memberships or third-party tools like Memberstack or Outseta. Here's how to do it using Webflow's built-in Memberships feature.

1. Enable Webflow Memberships

• Go to Project Settings in your Webflow dashboard.
• Click on the Memberships & Logic tab.
• Enable Memberships if you haven’t already.
• Select a pricing plan that supports Memberships functionality if prompted.

2. Create a Signup Form

• On a page (e.g., “Signup” page), add a form using the Form Block element.
• Add form fields like Name, Email, and Password.
• Select the form and go to the Element Settings Panel (D key).
• Under Form Configuration, set the Form Type to Sign Up (Member Signup).

3. Create a Login Form

• On a separate page (e.g., “Login” page), add another form.
• Include Email and Password fields.
• Set the Form Type to Login.

4. Set Up Member Access Groups

• In the Memberships tab of Project Settings or in the Designer under Users, create Access Groups.
• Access Groups let you restrict content based on user attributes.
• Assign new members to an Access Group during signup, if needed.

5. Restrict CMS Collection Pages

• Go to your CMS Collection Page (e.g., Posts Template).
• Open the Page Settings panel.
• Scroll down to Users Access and enable Limited Access.
• Choose the Access Group that should have permission to view the page.

6. Add Conditional Visibility (Optional)

• If showing or hiding elements depending on whether a user is logged in:
• Select the element (e.g., a button).
• In the Element Settings Panel, set Conditional Visibility based on Current User status or Access Group.

7. Test the Flow

• Publish the site.
• Use the Signup form to create a test account.
• Log in using the test credentials.
• Navigate to a CMS page and confirm access is restricted appropriately when signed out and available when signed in.

Summary

To enable user signups and restrict CMS page access in Webflow, use Webflow Memberships, create Signup/Login forms, assign users to Access Groups, and apply access restrictions on CMS Collection Pages. This setup ensures only registered users can access your protected content.

If you’ve included a Loom video for troubleshooting, watch specifically for issues related to:

• Improper form configuration
• Missing user access rules
• Incorrect publishing states (e.g., staging vs. live)