Webflow User Accounts / Memberships

Redirect Users to a Specific Page after Registration

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 13, 2022
Updated
in lightbox

In the User Registration Flow, let's suppose you want;

  1. User clicks the invitation in the email
  2. User completes the Registration form
  3. User logs in
  4. User is redirected to a special page for newly-registered Users

In this flow, STEP 4 is currently a different behavior from Webflow's new user signup flow.

But yes, you can do it.

Solution

The solution is to add a script to your login page, which checks the previous page that the user was just on, using;

document.referrer

If the document referrer was the /sign-up page, then we know the user has just completed signup, and this is their very first login.

Therefore, immediately, before they login, we redirect to the members-only page we want them to end up at.

Because it's a members-only page, and they have not logged in yet, you will be returned to the login page however with a special querystring.

For example, if we tried to redirect them to the User Account page, you would now see a login page query string of;

/log-in?usredir=%2Fuser-account

Now, if the user successfully completes the login, they will be immediately redirected to the User Account page.

Triggered from this discussion.

Check it out!

This site uses this approach.

  1. Sign Up for a free Members account.
  2. Check your email for the verification message Webflow sends
  3. Click the link, to be verified

On this first login, you'll be immediately redirected to a New User Welcome page. This happens only once. On future logins, you'll be taken to the Members-Only Home Page.

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.