How to setup your Webflow site navigation for members
Website navigation is a very personal topic. The way you want members to move through and interact on your website is usually subjective but there are some good common options to consider. Below are the two main options MemberSpace customers have successfully used to ensure their user experience is intuitive :)
Option 1 - Create a navigation page for members only
This is one of the more popular approaches MemberSpace customers use. You would create a page in your Webflow site (e.g. "/dashboard") and design it however you want. You would then add the page URL as a Member Page in MemberSpace.
You would make sure to include links on this dashboard page to the various other Member Pages on your website so this acts as the home base for your members to get anywhere else they need to go on your website. See this case study for a visual example.
You could also make this dashboard page the After Log In and After Sign Up page URL for your Member Plans so new and returning members are brought there automatically.
Additionally, you could add a link to the member dashboard page in your top navigation within Webflow:
1. Make sure you are logged into your Webflow backend
2. Double click the Navigation section at the top to edit it:
3. Click the Settings icon then click the "Add Link" button:
4. Add the URL to the dashboard page you created and, then double click the link in the Navigation section to edit the link text. Feel free to style and move the link somewhere else in the navigation:
Option 2 - Create a member page dropdown in your top navigation
If you prefer to have links to every Member Page easily accessible in your top navigation, we recommend you create a dropdown.
You could call the dropdown title something like "Member Navigation" and then you would add links within the dropdown to your various Member Pages. Maybe you would even include a Login / Account popup here (which would turn into a Your Account link automatically after member's are logged in).