How to Add a Page to Your Navigation Menu (Via The NETSIMPLE Dashboard):



Overview: This guide will walk you through how to add a new/old page on your websites navigation menu and will appear live for all your viewers to navigate to. 


Note: In order to apply a page to your website you will need to ensure the page exists.


If you haven't already done so, visit this link to find out how to create a new page - https://support.netsimple.io/support/solutions/articles/70000675164-how-to-create-a-new-page



Getting Started Adding A Page to Your Navigation Menu.


1. While on the Dashboard, select the "Edit Website" link at the top of your screen within the blue band next to the View Website option.

2. This will trigger the Visual Builder page to appear.


3. While in the Visual Builder page, select a menu item in the menu navigation which will apply a blue box around the menu item name, followed by selecting the Pencil Icon that appears in the box surrounding the menu item.


4. This will prompt your Menu Builder screen where you can add or remove new pages as well as update titles and redirect menu items to new destinations.


5. To Add A New Page To Your Menu Navigation, you have several categories on the left hand side to choose from.


  • Pages - The pages listed here are what is located in your page list in the Content Module.
  • Blog Posts - The pages listed here are individual Blog posts you have created over time.
  • Events - The pages listed here are individual Event posts you have created over time. 
  • Promotions - The pages listed here are individual Promo posts you have created over time. 
  • Custom Link - A useful option if you want to link to an external page. You can create the label which is the name the menu item will display as, as well as the URL you would like to link to.
  • Ecommerce - For Advanced Users.


6. Once you determine which page you would like to apply to your website we can no begin Adding It To The Menu by doing the following...


7. For this example lets say you want to Add A Contact Us Page to your menu. So lets first open up your Pages Tab to expand the results.


8. Next, select the checkbox next to the name "Contact Us."


9. Once selected, you can then select the blue "Add to Menu" button which will then transfer that page into your Main Menu Item listed on the right hand side.


Menu Setting Options:


You can do the following...


A. Expand the Page box by selecting it - Once expanded you can edit the following options


  • Label - Name of the Page
  • URL - The link in which once selected the user will navigate to.
  • Title - Used for the visually impaired and will be what is read on their screen reader. Its common to copy the name of the page here.


B. Drag and Drop the menu items in the order you would like it to appear on your navigation menu. keep in mind if you wish to make a menu item a child page, you will need to have it listed under the page you would like to be the parent. See item D Below for more info.


C. Remove a Menu item - You can expand the menu box for that page and select the red "X" button in order to remove a page form the navigation menu.


D. Make a menu item a child - This means a menu item will appear as a drop down option under the parent menu item its housed under within the menu navigation.


Example: if you wanted to make the Contact Us page appear in a dropdown under the home navigation menu item then you would put the Contact Us box under the Home Page page box, expand the Contact Us page box for more options, and then selected the "Child" checkbox.


Once these changes are completed you can select the blue "Submit" button to make the changes live.