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 experience is intuitive.

Option 1 - Enable the Member Menu

Option 2 - Create a member dashboard page

This is one of the more popular approaches MemberSpace customers use.

1. 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.
2. Add the page URL to a product in MemberSpace.
3. Make sure to include links on this dashboard page to the various other protected 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.
4. We recommend you also make this dashboard page the After Log In and After Signup page URL for all your plans so new and returning members are taken there automatically.
5. 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.

6. Double-click the Navigation section at the top to edit it:

   
   

   

   
   

7. Click Settings on the right, then click the Add Link button:

   
   

   

   
   
8. 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

1. If you prefer to have links to every protected page easily accessible in your top navigation, we recommend you create a dropdown.
2. You could set the dropdown title to something like "Member Navigation" and then you would add links within the dropdown to your various protected pages.
3. You could also include a Member Link popup in the dropdown.