Webflow's native login form functionality (via Memberships or Logic) currently requires users to log in using their email address, not a custom username field. Here's a breakdown of your options and limitations.
1. Native Webflow Login Only Accepts Email
- Webflow Memberships currently uses email addresses as the primary user identifier.
- The default login form requires an Email field with the input type
email and cannot be changed to use a username.
2. Username Field Is Not Supported for Login
- There is no "Username ID" option or attribute equivalent to email in the default login process.
- You can collect a username during member sign-up by adding a custom field, but users still must log in with their email, not the username.
3. Workarounds Using Third-party Tools
If using only Webflow's native tools isn’t enough, consider these alternatives:
- Use Memberstack, Outseta, or Firebase: These third-party platforms allow more advanced control, including username-based login.
- With these services, you can design a Webflow form and connect it via custom code or third-party UI logic to allow login with a username.
4. What You Can Customize in Webflow’s Login
- You may customize the form design, but functionally it must include an Email field, Password field, and a Log in button linked to Webflow’s login action.
- Use the element with Form Block ID = "wf-login" if you're working with logic flows or custom triggers, but again, this won’t change the identifier from email to username.
Summary
Webflow does not support username-based login natively. Users must log in with their email address, and there is no username ID for login authentication. To use a username instead of email, you'd need to integrate a third-party authentication service.