Menus

• 1. Menu Section: Overview
• 2. Use Cases
• 3. How to Add a New Menu or Menu Item
• 4. How to Edit or Delete a Menu Item

1. Menu Section: Overview

The Menu section in Wifox Business Content Solution allows you to manage the structure and content of navigation menus for your website. It provides a tree-based view where users can create, edit, and organize menus and submenus, ensuring that site navigation is intuitive and user-friendly.

For example, menus are categorized into different sections such as the Main Menu, Footer Menu, and other custom menus (e.g., About Menu). Each menu item is associated with a label, URL, and sometimes a hierarchy for grouping related links.

Key Features of the Menu Section

• Tree View Structure:

Displays menus in a tree format, allowing users to visualize the hierarchy of menu items and their submenus.

Main Menu: /main

Footer Menu: /footer

About Menu: /about

• Save and Add Options:

1. Save: Finalize changes made to the menu.

2. Add: Add new menu items or submenus to the desired section.

Hierarchical Organization: Each menu can contain multiple sections, like About, Explore, and Legal & Policies, which further include submenus linked to specific pages.

2. Use Cases

1. For Website Menus (Header, Footer, Additional Menus)

• Use Case #1: Structuring the Main Menu

Businesses can organize their header navigation with primary categories such as Home, Services, Products, and Contact.

For e-commerce websites, group options like "Shop by Category," "New Arrivals," and "Sales" under dropdowns to streamline the shopping experience.

Example: A travel agency might include "Destinations," "Tours," and "Travel Tips" in its main menu.

• Use Case #2: Customizing Footer Menus

Add links to secondary content, such as Terms & Conditions, Privacy Policy, Careers, and FAQ, in the footer menu.

This keeps the main navigation clean while ensuring users can still find crucial resources.

Example: A tech company could include "Investor Relations" and "Press Releases" in the footer.

• Use Case #3: Organizing Additional Menus

Use custom menus for targeted sections, such as blogs, galleries, or resources.

Example: A non-profit organization might create an “About Menu” with links like "Our Mission," "Leadership," and "Impact Stories."

2. For Shop Categories and Breadcrumbs

• Use Case #4: Creating Shop Categories

Categorize products by type, purpose, or brand using menus that integrate seamlessly with e-commerce platforms.

Example: A fashion retailer could group products under "Men's Wear," "Women's Wear," and "Accessories."

• Use Case #5: Managing Breadcrumb Navigation

Use hierarchical menus to auto-generate breadcrumbs for better user navigation and SEO benefits.

Example: In an electronics store, breadcrumbs might display: Home > Electronics > Smartphones > Brand Name.

3. For User-Specific Navigation

• Use Case #6: Personalized Menus for Different User Groups

Create custom menus for different user types (e.g., "For Brokers," "For Affiliates").

Example: A financial service platform can have separate menus for "Individual Investors" and "Corporate Clients," each featuring tailored resources.

• Use Case #7: Supporting Multilingual Websites

Build separate menus for each language, allowing global businesses to cater to diverse audiences.

Example: A global news website might offer menus in English, Spanish, and French, each localized for regional content.

 

3. How to Add a New Menu or Menu Item

1. Click Add: Click the "+" button at the top-right of the Menu section.

2. Enter Details:

• Label: Provide a label for the menu or item (e.g., "Contact Us").
• URL: Enter the URL where the menu item should link (e.g., /contact-us).
• Parent Menu: If adding a submenu, select the parent menu (e.g., add "Contact Us" under "Legal & Policies").

3. Save: Click Submit to apply changes.

4. Save entire menu updates by clicking "Save" at the top right corner of the Menu page

4. How to Edit or Delete a Menu Item

1. Locate the menu or submenu you want to modify in the tree view.

2. Edit: Click the Edit Icon (Pencil) to update the label or URL of the menu item.

3. Delete: Click the Delete Icon to remove the menu or submenu.