How to Create?
This guide provides a step-by-step approach to creating effective navigation. It covers the key elements of navigation and offers tips for designing intuitive and user-friendly navigation. Whether you’re building a new website or template, this guide will help you create a navigation that helps your users find what they need quickly and easily.
Go to the Content tools section in your Web Commander instance and Expand to view options
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-100013.png)
Find and click on the Navigation Section
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-100231.png)
Clicking it will open a section that will display your existing navigation and a Button will be there for creating new Navigation
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-100548.png)
Clicking on the Button will create a new section where you can provide the navigation Name & click on the save button
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-101038.png)
Clicking on the save button will open a portion that will display some mandatory fields for creating a navigation
Give a proper label & class name for your Navigation
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-101829.png)
Toggle on disable redirection will stop the feature for page redirection
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-102026.png)
Select a type for your navigation
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-102337.png)
If you select specific types such as product, page, or Category → the system will open an option with existing selected type items in the list
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-102806.png)
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-103121.png)
- By choosing URL as types, the system will open a field for input URL
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-103312-1.png)
- By choosing Email as type, the system will open a field for input Email
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-103412.png)
- By choosing Auto-generated Page as type, the system will open a section that will suggest some commonly uses pages that will be auto-generated by the Web Commander
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-103627.png)
- The Navigation Target dropdown will provide some customised options to open the Navigation Target page
![](/pub/d8af4bc9/editor-uploaded-image/image-20230510-104033.png)
- Choosing the _self option will open the navigation target page in the current tab
- Choosing the _blank option will open the navigation target page in a new tab
- Choosing the _parent / _top option will open the navigation on the parent page
- You are able to select a parent for the navigation by selecting items from the parent section
- You can upload images for the item in the images section
- You can save the created details by simply clicking on the save button & if you want to create another item just press on the Plus icon
- Above steps will guide you to create navigation successfully. A pop-up with a success message and in the Navigation list you can see your created navigation item.
The right side of the list shows the navigation with its label