Webflow User Accounts / Memberships

Access-Group-Specific Sign-Up Forms

Overview
Getting Started with User Accounts
000
User Accounts Current Features
001
User Accounts v. Memberstack
001
User Accounts Roadmap
002
Use Cases & Key Limitations
003
Customizing Membership UI
Building a Custom Login/Logout Button
8:50
110
Combining Log In / Sign Up into a Single Tabbed Page
8:41
111
Conditional Element Display, on Log-in State
7:34
112
Access-Group-Specific Sign-Up Forms
113
Customizing Membership Flow
Redirect Users to a Specific Page after Login
4:11
201
Redirect Users to a Specific Page after Registration
202
Log Out User
202
Getting Member Data
Getting the Logged-In User's Info
10:18
401
Getting the User's Webflow User ID
4:11
402
Customizing the Member UX
Customizing Webflow Site Search for User Accounts
601
SEO & Content Preview Approaches
602
Addendum
Other Membership Solutions
901
Memberships Loader
902
User-Specific Data
903
No items found.
Published
November 11, 2022
Updated
in lightbox

Do you want a special new member sign up form, that grants access to specific access groups?

You can, using an invite-driven approach and a bit of automation.

  • Create your own forms as normal Webflow forms, however and wherever you like
  • Connect them to triggers on whatever automation platform you prefer ( Make, Zapier, n8n )
  • In that automation, call the Webflow API’s Invite user endpoint, with the user data you want, and specifying the access group(s) you want them to have.

Here's the user sign-up flow.

  1. The user will fill in the form.
  2. In the success message, you’ll say “check your email and click the link to complete sign-up”
  3. The user will click the email link
  4. They'll be taken to the standard Membership /sign-up page to complete setup. Their email is already entered, and the access groups have already been specified for their account. They enter their name and password here to complete enrollment.

Do the same thing for each form you want, and any configuration of access groups you like.

Can Webflow Logic do this?

As of 17-Dec-2022;

Logic is 99% of the way to providing the Invite user capability- however checking it just now, there’s a tiny bug where you cannot bind the invite email field to data.

This binding is needed in order to utilize the email address your user submitted in your form, in the invitation step.

Very soon though, I expect they’ll fix that and you can build this entire solution internally, 100% Webflow.

Further Notes

Also note, that if you want to get fancy, your automation can call invite user, get back a user ID and then immediately call update user. This approach allows you to set custom Member fields using data that has been collected in your very first invite form.

There are lots of uses for this;

  • Collect the member's country, gender, or other relevant info that you need to deliver a better experience on your site.
  • Use it to capture an affiliate tracking code from a URL variable, so you can compensate partners who are bringing you new members.

Note that also though you can set the Member's Name in the update member call, if they haven't completed sign-up yet, it will be overwritten when you complete that step.

Even if they enter nothing.

Best practice here is;

Form 1- your custom enrollment form;

  • Collects email, and and custom fields you want
  • Knows the access-groups to set, via the automation it’s triggering

Form 2- Webflow’s sign-up form

  • Collects name and password and completes sign-up

This discussion was sparked by a Webflow forums post here.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.