Skip to main content

Lesson 5 of 7 · 1:42 · Beginner · Webflow

Redirect members after signup, login and logout

Send members to the right page every time they sign up, log in or log out.

Where this fits

Members can sign up and log in, but they stay stuck on the same page. Redirects fix that.

By the end of this lesson you can

  • Create a success page for new members
  • Set the default signup redirect from the Plans tab
  • Set where members go after they log in and log out
  • Know that each plan can override these defaults

Lesson notes

How it works

Why your members need redirects

When someone signs up or logs in, neither Memberstack nor Webflow knows where they should go next, so by default they stay on the same page. Redirects fix that. You tell Memberstack which page to load at three moments: right after signup, after login and after logout.

Each one has a job. The signup redirect welcomes new members, and you can use it for onboarding or to track conversions. Memberstack also uses it when a member verifies their email address. The login redirect usually points to your members-only area, often a dashboard. The logout redirect confirms they've been logged out, and goes to the home page if you don't change it.

How to set your default redirects

Redirects take a page slug, so create the page in Webflow first and note its slug, for example /success.

  1. In Webflow, create and publish the page new members should land on, such as /success.
  2. In your Memberstack dashboard, click Plans in the side menu.
  3. Click Default Settings under the plans list.
  4. Open the On Signup tab, enter your page slug and click Save.
  5. Do the same on the On Login and On Logout tabs.
  6. Sign up as a test member on your published site and check you land on the new page.

How plan, member and form redirects override the defaults

Default redirects apply to every member. A plan can override them: open the plan, expand Redirects and set its own On Signup page, so free members and paid members can land in different places. Below that, a single member can have their own login redirect, and a form with a hard-coded redirect overrides everything else, though Memberstack doesn't recommend that for most projects.

Redirects must be relative links on your own site. You can't send members to another website or subdomain after signup, login, checkout or logout.

Before you move on

0 of 4

Tick these off on your own site. Done with all of them? You’re ready for the next lesson.

Up next: Next, you’ll set up your navbars so members-only links stay off your public pages.

Common questions

Can Memberstack redirect members to another domain after login?

No. Redirects must be relative links on your own site. You can't redirect to another website or subdomain after signup, login, checkout or logout.

Can different plans send members to different pages?

Yes. Each plan has its own Redirects settings that override the defaults for members on that plan.

Which Memberstack redirect wins if several are set?

Form-level redirects override member-level ones, which override plan-level ones, which override the default redirects. Most sites only need default and plan redirects.

Checked against the Memberstack docs

TranscriptAuto-generated captions
  1. 0:00

    Now we have a working sign up form so here we are but when someone signs up it’s just going to keep them on this page because either Memberstack nor Webflow has any idea where to send them after that let’s go ahead and set up a redirect first things first I’ve created this page called success here’s going to be whatever you want but just keep this slug here in mind slash success so we’ve got that let’s go ahead and put something on this page using a nice Memberstack component so let’s do successful payment I know this is a free plan but all good let’s copy that

  2. 0:31

    go back over here and paste it in now we have that let’s publish and then let’s head over to our Memberstack dashboard so over here if we go to the plans tab we can see redirects up here so these are the default redirects and you can override these by plan let’s say you want to send people on no plan to page a on a free plan to page B and on a paid plan a phc you can do that but this is if there are no overrides let’s do on sign up here

  3. 1:01

    success there we go let’s save that and now let’s go ahead and test out our sign up let’s launch that and let’s just enter in some random stuff to test it in and let’s sign up and see what happens so it’s going to load and then it is going to take us to this nice success page with some confetti so we have just set up the sign up redirect but what about other redirects where do we want people to go when they log in when they log out all that stuff so over here as well in your member

  4. 1:31

    static dashboard you can select the on login and on logout redirects and just like I explained with the sign up these can be overridden by a plan level

This is v1 of Memberstack University, built from the tutorials we’ve put so much work into over the years. We’d like to make a more organized series.