探索常见菜单
👀 想要看到它们的实际效果吗？ 查看实时演示 → showcase.naviplus.io
大多数商店只使用一种菜单类型——但每种类型都有不同的目的。结合多种菜单类型可以为您的客户提供更好的体验：Tab Bar 用于即时访问，Slide Menu 用于深度目录，Mega Menu 用于桌面发现，FAB 用于支持——每种都完美地完成一项工作。
1. Tab Bar (也称：底部导航，导航栏，底部导航)
一个固定的导航栏——可以放置在底部、顶部、左侧或右侧。包含 4-5 个带图标 + 标签的部分。让您的商店感觉像一个本地应用。适用于移动设备和桌面。最佳作为主要的全站导航——始终可见，始终在拇指可及范围内。被以下品牌使用： Shein, ASOS, Zara, Etsy, H&M, Nike, Uniqlo。
平台： 桌面和移动 (极受欢迎)
Tab Bar — fixed nav bar with icon + label, feels like a native app
2. Slide Menu (也称：抽屉菜单，汉堡菜单)
从左侧或右侧滑入——无限项目，没有大小限制，适合您的整个站点结构。最受欢迎且移动友好的导航模式。可以通过汉堡图标、Tab Bar 项目或任何放置在拇指可及范围内的按钮触发。用于您的完整目录、账户链接、政策以及任何不需要始终可见的内容。
平台： 移动 (极受欢迎) · 桌面 (不太常见)
Slide Menu — slides in from the side, unlimited depth and items
3. 桌面 Mega Menu (也称：下拉菜单，多列菜单)
一个多列下拉菜单，扩展在标题下方——旨在覆盖您整个桌面导航。充分利用大屏幕，展示图像、横幅和跨多列的丰富布局。完全替代默认的标题菜单。任何拥有大量桌面目录的商店的标准。
平台： 仅桌面 (极受欢迎)
Desktop Mega Menu — multi-column dropdown with images and rich layouts
4. 移动 Mega Menu (也称：标题菜单，可滚动顶部菜单)
一个紧凑的菜单栏，位于标题下方——始终可见，无需点击。水平滚动或分成标签，瞬间显示您的顶级类别。移动网站上最具识别度的导航模式之一。最适合拥有 4-8 个优先类别的商店，客户可以一键到达。
平台： 仅移动 (受欢迎)
Mobile Mega Menu — always-visible horizontal bar just below the header
5. FAB & 支持 (也称：浮动按钮，快速拨号)
一个固定在任何角落的浮动按钮——无论滚动如何始终可见。扩展为多个操作：WhatsApp、Messenger、聊天小部件（Shopify Inbox、Tidio、Crisp）、热线或任何自定义链接。客户在需要帮助或支持文档时首先查看的地方。可以在不需要时自动隐藏以节省屏幕空间。
平台： 桌面 (受欢迎) · 移动 (极受欢迎)
FAB & Support — floating button that expands into chat, hotline, and quick actions
6. 网格菜单 (也称：图标菜单，类别网格)
一个瓷砖网格——每个都有图标或图像和标签。直接嵌入到任何页面部分，而不是全站导航。为您的商店提供应用程序般的外观和感觉，理想用于一目了然地展示 6-12 个类别。特别适合在主页、着陆页和 Slide Menus 中使用。
平台： 移动 (受欢迎)
Grid Menu — icon + label tiles embedded into a page section
如何组合它们
您不必只选择一种。表现最佳的商店会叠加多种菜单类型——每种都完成特定的工作：
| 目标 | 推荐 |
|---|---|
| 移动设备上的主要全站导航 | Tab Bar + Slide Menu |
| 完整的桌面导航 | Desktop Mega Menu |
| 在移动设备上显示顶级类别 | Mobile Mega Menu |
| 始终在线的支持和联系 | FAB & Support |
| 在主页上进行视觉类别浏览 | Grid Menu |
常见问题解答
我希望我的菜单在移动设备上运行良好。我应该选择哪种类型？
从 Tab Bar 或 Slide Menu 开始——这两者都是为移动设备设计的。Tab Bar 提供对 4-5 个主要部分的即时访问；Slide Menu 则容纳您整个站点结构，没有项目限制。
我的商店有很多类别。我该如何展示它们而不让客户感到不知所措？
在桌面上使用 Desktop Mega Menu（多列，支持图像和横幅），结合移动上的 Slide Menu（无限项目，可滚动）。每种都能完美处理其平台。
我可以同时使用多种菜单类型吗？
可以——而且您应该这样做。一个受欢迎的组合是：Tab Bar（主要导航） + Slide Menu（完整站点结构） + FAB（WhatsApp / 支持）。每种类型都有不同的目的，没有重叠。
我希望客户能够轻松联系我或获得支持。我应该添加什么？
添加一个 FAB & Support 按钮。它固定在屏幕的一个角落，始终可见，并允许您将 WhatsApp、Messenger、热线和聊天小部件组合到一个按钮中。
我应该将网格菜单放在哪里？
网格菜单不是全站导航——它嵌入到页面部分中（主页、类别页面）。用它来以应用样式的瓷砖视觉展示 6-12 个特色类别。
如果我选择了错误的菜单类型怎么办？
没问题——您可以随时添加、编辑或删除菜单。如果您想保存您的工作，只需将其导出为 JSON 文件以便稍后重用。可以把它想象成保存 Word 文档。
我在 Starter 计划中，只有 1 个菜单插槽。我该如何尝试更多？
升级到 Business 或 Elite——您将获得 7 天免费试用，在承诺之前探索所有内容。
我可以将现有菜单导入到 Navi+ 吗？
可以。Navi+ 支持 AI 辅助导入——但您需要调整结果。原因如下：如今大多数网站都有一个单一的 Mega Menu，在移动设备上会自动折叠成汉堡菜单。Navi+ 提供专门的菜单类型。您需要在正确的类型之间重新分配内容，以获得最佳的客户体验。