Change content when user is logged in

Hi, I am currently trying out the new Membership features. Does anyone know if you can change what a certain button says and does when someone has logged in. In my case I want the ‘Log In’ button in the nav to say ‘My Profile’ and lead to the Profile page.

Thanks in advance

Also I’d like to have another button on the homepage to say ‘Become a member’ and lead to the pricing tables when the user is either not logged in or with a bottom tier membership and ‘Access members only content’ and lead to a certain restricted page when the user is in the top two tiers.

I looked into the advanced membership flows by @memetican , but it seems that that would mean me pretty much duplicating the home page. While that might work it could be bad for SEO as that might be read as duplicate pages by crawls.

Hi Kiril,

For individual elements, you can use Webflow’s conditional visibility feature. Currently it allows you to show certain elements only when the user is logged in or logged out, so your Join as a Member CTA would only show to non-logged-in users.

For the Log-in button, you’d put another button next to it, something like My Account that would only show to logged-in users.

Have a look at https:/www.sygnal.com for an example of how you can change the menu on login-logout.

You also mentioned “tiers” which I think refers to access groups. Webflow is working on support for access groups to conditional visibility, due out in the next couple of months. If you need something sooner, we’re thinking of adding access group support to our Logged-In User Info library here.

1 Like

Hey @memetican ! Thanks for the conditional availability tip. That was really helpful for showing “next steps” buttons. I’m noticing that the login page goes back to my homepage, and I can’t figure out how to redirect that to the members page. How do I make this redirect to the members page? I don’t see this is settings.

To be clear, when a member logs in, I would like them to go directly to the member section NOT the homepage (they also should not collect $200 :tophat::tophat::tophat:)

Click on the login form element itself in the left side nav and then check settings. You should see something like “Fallback redirect” which indicates where the user will be redirected after login IF they were not already headed somewhere ( e.g. another gated page URL they had directly requested ).

If you don’t see the option you’re looking for, you can use this-

1 Like

This worked! Thank you so much @memetican !