Adding Menu Navigation to your Header menu

Benefits of Adding Menu Navigation to Your Header:

1. Improved Website Navigation: Header menus are typically displayed at the top of your webpage, providing users with an intuitive way to explore your website's main categories and content, making it easy for users to navigate quickly and find the information they need.

2. Enhanced User Experience: A well-designed header menu makes it easier for users to locate the information they're seeking, thus increasing user satisfaction, loyalty, website traffic, and conversion rates.

3. Improved Aesthetic: A well-crafted header menu can enhance the overall appearance of your website, giving it a more professional and organized look.

4. Convenient Website Management: Header menus offer a convenient way to manage your website's content, allowing you to add, modify, or delete menu items as needed to keep your website content fresh and up-to-date.

Considerations When Designing Your Header Navigation Menu:

1. Keep It Simple: Top navigation menus should be as straightforward as possible, including only the most important and frequently used links, avoiding excessive submenus and nesting.

2. Be Easily Identifiable: Menu links should use clear and understandable words, enabling users to recognize and understand them quickly.

3. Accessibility: Tip navigation menus should be easily accessible on desktop and mobile devices to ensure convenient use.

4. Active State: To help users better understand their current location on your website, set the navigation link corresponding to the current page as active.

By designing your header navigation menu with these aspects in mind, you can provide users with a clear, user-friendly, and understandable top navigation menu, ultimately enhancing user experience, satisfaction, and conversion rates.

Adding Menu Navigation

1. From your Shoplazza admin,click Store > Navigation, and click the edit button corresponding to the top menu navigation template.

2. Customize the menu name for the top menu navigation according to your preferences. You can click the edit button next to the menu name to set the menu name, and link, open in a new window, and hide the menu, among other options.

3. Click Add Menu > Add Menu item, to input the menu name, and click Add.

How to Link Menu Items to Pages

After creating your desired menu navigation structure, don't forget to set up corresponding link pages. Failing to do so means the menu will only be displayed to users on the front, but clicking on the menu won't lead them anywhere, resulting in a poor user experience and a loss of trust. Menu items can be linked to product collections/product detail pages, custom pages, order lookup pages, custom URLs, and blog collections/detail pages.

1. From your Shoplazza admin, Online Store > Navigation > Main Menu, and click the edit button.

2. Click the edit button next to the menu item for which you want to set up a link.

3. In the menu link section, select the desired link page, further refine the page selection, click Apply changes, and then save the configuration.

By following these steps, you can successfully configure your top menu navigation.

How to Change Your Top Navigation Menu

The C-end header menu navigation will default to display the top menu navigation. To display other menu navigations you've set up, you can switch to a different menu navigation within the theme editing module.

1. From your Shoplazza admin, Online Store > Theme > Customize.

2. On the theme editing page, click Header to open the header menu editing page.

3. In the navigation menu, click Change menu to switch the menu. Select the desired menu, and click Publish or Save Draft to complete the setup.

A well-designed header menu enhances user experience, improves your website's look, and simplifies content management. By following these steps, you can create an intuitive and effective header menu that boosts user satisfaction and engagement.