How to set up your Webflow site navigation for members
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 three main options MemberSpace customers have successfully used to ensure their member's experience is intuitive :)
|Member Menu||Member dashboard page|
|Dropdown in site navigation|
Option 1 - Enable the Member Menu
Option 2 - Create a member dashboard page
This is one of the more popular approaches MemberSpace customers use.
- You would first create a page in your Webflow site (e.g. "/dashboard") and design it however you want. See this case study for a visual example.
- 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.
- We recommend you also make this dashboard page the After Log In and After Sign Up page URL for all your Member Plans so new and returning members are taken there automatically.
- You could also add a link to this dashboard page in your top navigation within Webflow. First, make sure you are logged into your Webflow backend.
- Double click the Navigation section at the top to edit it:
- Click the Settings icon then click the "Add Link" button:
- 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 3 - Create a 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 set the dropdown title to something like "Member Navigation" and then you would add links within the dropdown to your various Member Pages.
- You could also include a Member Link popup in the dropdown.