如何使用?
Tab Bar - 也称为底部导航栏、底部导航或标签导航 - 是一种现代导航风格,被全球品牌如 Shein、ASOS、Zara、Etsy、H&M、Nike 和 Uniqlo 使用,以增强移动用户体验。它适用于所有规模的网站,并在移动和桌面上都有效。
主要好处:
- 将重要链接放在触手可及的地方,方便快速访问
- 集中关键导航,帮助用户和搜索引擎更好地理解您的网站 - 对 SEO 很有帮助
- 提供现代、专业的外观,符合当前的用户体验和移动友好设计趋势
- 在所有页面上保持可见,因此客户不会错过促销、热门产品或会员优惠等关键链接
常见问题:
1. 我还没有决定是使用免费版还是付费版。我可以试用专业菜单模板吗?
当然可以!菜单组主要是为了帮助初学者避免被 Navi+ 中的高级功能所淹没 😄。最好的方法是试用专业菜单,以探索所有功能和布局选项。之后,您可以简单地删除任何不需要或觉得不合适的菜单。
2. 在这里创建菜单会立即在我的网站上显示吗?
还没有。您需要发布正确的菜单才能在您的网站上显示。别担心 - 这很简单!
3. 如果我选择了错误的模板或犯了错误怎么办?
完全没问题。您可以随时删除它并创建一个新的。如果您正在测试一个菜单并想尝试另一个模板,您可以保存当前的菜单作为备份文件,稍后再重新打开。您甚至可以在菜单之间复制和粘贴部分内容(通过打开两个浏览器标签)以保留之前的工作。随意尝试!
4. 我应该只创建一个菜单还是多个菜单?
您应该创建多个菜单。只有活动菜单会在您的网站上显示,但您可以准备多个版本 - 通过选择不同的模板或克隆菜单。菜单可以根据页面类型(主页、产品、集合...)、设备(移动或桌面)或 URL 关键字进行配置以显示/隐藏。因此,请继续构建适合每种情况的菜单!
第一步:编辑菜单树
1.1. 理解菜单树
菜单树是任何菜单中最重要的部分 - 它定义了结构。
这是一个菜单树的示例:
Home
Catalog
- All Mountain
- Cruise Flex
- Balance Ride
- Freestyle
- Park Board
- Jib Board
- Freeride
Support
More
这是一个 3 级菜单树。第 1 级包括 Home、Catalog、Support 和 More。All-Mountain 是一个 2 级菜单项,有两个子项:Cruise Flex 和 Balance Ride。
您将花费大部分时间来构建此菜单树,以帮助客户找到他们所寻找的内容。


1.2. 与菜单树的基本交互
您可以拖放菜单项上下或左右以更改它们在菜单树中的位置和父子关系。

当您将鼠标悬停在任何菜单项上时,您将看到其他选项:编辑该项的详细信息、从菜单树中删除它或在其他地方复制和粘贴它。
提示: 您可以通过在两个浏览器标签中打开 Navi+ 应用程序,从一个菜单复制菜单项到另一个菜单。
1.3. 重要!删除示例菜单项,仅保留您想要的结构。
这是使用 Navi+ 创建菜单时的常见情况。当您创建新菜单时,我们会包含一个完整的示例,带有流行的菜单项,以展示布局想法并让您根据需要复制/粘贴。然而,如果您是 Navi+ 的新用户并使用 Starter 计划,您会看到许多红色 (i) 警告,表示某些功能不可用,例如上传图像或使用高级交互。
如果您喜欢这些高级功能,请考虑升级到 Business 或 Elite 计划。但如果您想继续使用 Starter 计划,请找到并删除带有红色 (i) 警告的菜单项。


重要提示: 当删除确认出现时,打开“下次不再询问”以更快删除。
1.4. 向菜单树添加菜单项
要添加菜单项,您有两个选项:
选项 1 **(如果您是 Navi+ 新手,不推荐)**: 点击“添加菜单”以在菜单树的末尾插入一个空白菜单项。此方法需要对菜单项设置有良好的理解,我们将在下面介绍。起初可能会感到不知所措,因此您可以稍后再探索。

选项 2(推荐): 我们已经为您准备了许多设计良好的菜单项模板。只需将它们复制并粘贴到正确的位置。完成菜单树后,只需删除未使用的模板。

