To set up user signups and access to a CMS collection page in Webflow, you'll need to follow these steps:
1. Set up your CMS collection and pages: Start by creating your CMS collection and the pages that you want to protect with user access. For example, if you have a blog collection, you may want to protect individual blog post pages.
2. Add a User Sign up form: Drag and drop a form element onto a page where you want users to sign up. You can add fields like name, email, and password to this form.
3. Enable the Webflow Authentication: Go to the Project settings in your Webflow account, and under the "Authentication" tab, toggle the "Enable" option. This will automatically add a User collection to your CMS.
4. Connect the User Sign up form: Select the form element on your page, and in the settings panel, switch to the "Form Settings" tab. Connect the form to the User collection, and map the form fields to the corresponding User fields (name, email, password).
5. Create a Success page: After a user signs up, you can create a Success page to redirect them to. This page can have a message thanking them for signing up or instructing them on what to do next.
6. Protect the CMS collection pages: Now, go to the settings of the CMS collection pages you want to protect and select the "Collections" tab. Turn on the "Require Sign up" option, which ensures that only logged-in users can access the page.
7. Configure the Webflow Authentication settings: In the Project settings, under the "Authentication" tab, you have options to customize the login and signup forms, enable email confirmations, and set up password reset flows. Review these settings and make any desired adjustments.
8. Design and style your signup and login forms: You can customize the design of the signup and login forms by selecting the form elements and making changes in the style panel. You can also customize the success and error messages displayed to users.
By following these steps, you can set up user signups and access to your CMS collection pages on Webflow. Remember to test the functionality to ensure everything is working as expected.
Note: Unfortunately, I cannot reference the provided troubleshooting Loom video since I don't have access to external links or specific content beyond the provided question.