Navi+只适用于Shopify吗？

不是。它可以从Shopify应用商店安装到Shopify商店，也可以通过嵌入代码片段（例如WordPress、Wix、Webflow和其他平台）在任何网站上使用，只需在dash.naviplus.app创建一个账户并添加代码片段即可。

Navi+会与我的主题或其他应用冲突吗？

根据Navi+的说法，它采用纯HTML5和CSS3构建，不使用外部JavaScript库，旨在避免与主题或其他应用发生冲突。

Navi+支持移动和桌面菜单吗？

是的。它采用移动优先设计，并支持移动和桌面设备的独立配置——例如，您可以在移动设备上使用标签栏，在桌面设备上独立使用超级菜单。

Navi+会减慢我的商店或网站速度吗？

Navi+声称它轻量级，并通过全球CDN提供服务，在六大洲设有边缘服务器，旨在避免延迟，不会减慢网站速度。

Navi+包含哪些AI功能？

Navi+包括AI辅助菜单设计（使用您自己的ChatGPT、Claude或Gemini账户）、将现有网站菜单扫描/转换为Navi+的选项，以及一键AI翻译成9种语言。

免费计划包含什么？

免费计划包括终身使用、1个菜单、每月最多50,000次浏览、核心功能和电子邮件支持，无广告。付费计划起价为每月6.25美元，可获得更多菜单、更高的浏览限制和24/7支持。

我需要知道如何编码才能使用Navi+吗？

不是。Navi+是拖放式的，带有模板和自定义选项。高级用户可以选择添加自定义CSS、HTML或JavaScript以进行更深层次的自定义。

Navi+ Menu Builder

WebsiteFreemiumAI Website Builder

Navi+ 菜单构建器是一个无代码、AI 驱动的导航层，让您可以在任何网站上在几分钟内添加和自定义标签栏、超级菜单、滑动菜单、浮动按钮等——移动优先、多语言，并通过全球 CDN 交付优化速度。

访问网站

推广此工具

https://naviplus.io/?ref=producthunt&utm_source=aipure

概述
替代方案

产品信息

更新于：2026年06月08日

什么是 Navi+ Menu Builder

Navi+ 菜单构建器（Navi+ AI 菜单构建器）是一个拖放工具，用于创建现代网站导航，无需重新设计主题或编写代码。它适用于 Shopify（通过官方应用程序）以及 WordPress、Wix、Webflow、Squarespace、WooCommerce 或任何自定义网站等其他平台，通过简单的嵌入代码片段即可实现。Navi+ 拥有 20 多种预设布局和多种菜单类型——例如底部/标签栏、超级菜单、滑动（抽屉/汉堡包）菜单、网格菜单和 FAB（浮动操作按钮）——可帮助您以更简洁、更像应用程序的体验引导访问者访问关键页面、产品、活动和实用工具（搜索、支持、聊天）。

Navi+ Menu Builder 的主要功能

Navi+ Menu Builder 是一个无需代码、拖放式的导航构建器，让您可以通过嵌入代码段在 Shopify 和其他平台添加和自定义多种菜单类型（标签栏、超级菜单、滑动菜单、固定/导航栏、浮动按钮、网格布局）。它设计轻巧且主题安全（纯 HTML5/CSS3），支持移动优先和独立的移动/桌面配置，并包括 AI 辅助工作流程，例如生成菜单设计、导入现有菜单以及自动翻译成多种语言。菜单通过全球 CDN 交付，以实现快速性能，高级用户可以选择使用自定义 CSS/HTML/JavaScript 进行扩展。

多类型导航系统: 构建标签栏、超级菜单、滑动菜单、下拉/网格布局、固定导航栏和浮动操作按钮——使用一个或组合多个以实现不同的用户体验任务（移动快速访问与桌面发现）。

无代码拖放构建器 + 模板: 从预先设计的模板开始，然后使用可视化编辑器自定义颜色、图标、布局和结构——无需设计或技术技能。

AI 辅助创建和优化: 使用 AI 生成或重新设计菜单，扫描/导入现有网站菜单以在 Navi+ 中重新创建它，并将菜单内容自动翻译成多种语言。

移动优先，独立桌面配置: 独立配置移动和桌面体验（例如，移动设备上的标签栏和桌面设备上的超级菜单），以提高跨设备的可用性。

快速、轻量级且主题安全交付: 采用纯 HTML5/CSS3 构建，避免主题/应用程序冲突，并通过拥有遍布六大洲边缘服务器的全球 CDN 提供服务，以实现低延迟性能。

可供高级用户扩展: 可选择添加自定义 CSS/HTML/JavaScript，并导出/重用菜单配置（例如，JSON 导出），以在不同网站或主题之间更快地迭代。

Navi+ Menu Builder 的使用场景

电子商务店面导航 (Shopify/WooCommerce): 通过结合移动标签栏用于关键目的地（商店、搜索、购物车、支持）和桌面超级菜单用于类别浏览、促销和特色系列，提高产品发现和转化率。

内容丰富的网站（博客/新闻/杂志）: 使用超级菜单和滑动菜单组织深入的主题树，突出显示热门文章，并引导读者访问关键部分，而不会使标题区域过于拥挤。

多语言/国际网站: 自动翻译菜单并维护语言变体，以帮助全球访客快速导航，特别是对于扩展到新区域的商店。

服务业务和潜在客户生成: 使用浮动按钮或底部栏创建类似应用程序的导航，其中包含突出的操作项（呼叫、WhatsApp、预订、联系），以增加咨询和预订。

活动和季节性促销中心: 为销售活动（例如，黑色星期五）快速搭建临时导航布局，通过特色活动瓷砖/横幅并将访客引导至优先着陆页。

跨平台网站 (WordPress, Wix, Webflow, Squarespace): 嵌入单个代码段以添加现代导航，而无需重新构建主题——这对于希望在不同网站构建器之间拥有统一菜单系统的团队非常有用。

优点

真正的无代码设置，带有模板和拖放编辑；需要时可选择高级自定义。

移动优先、多菜单方法比单一的“在移动设备上折叠的超级菜单”提供更好的用户体验。

设计轻巧且无冲突（HTML5/CSS3），并通过全球 CDN 提供，以实现速度。

提供免费计划，终身使用，核心功能和慷慨的每月浏览量限制。

缺点

某些高级功能（例如，更丰富的模板/功能、多个菜单）可能需要从免费/入门级升级。

AI 辅助导入在扫描现有菜单后仍可能需要手动调整。

某些特定于平台的功能（例如，完整的多语言工作流程）在 Shopify 上可能比在其他平台上更成熟。

如何使用 Navi+ Menu Builder

1) 将 Navi+ 安装或连接到您的网站: Shopify：从 Shopify 应用商店安装官方应用。其他平台（WordPress/Wix/Webflow/Squarespace/自定义）：访问 naviplus.io，创建一个免费账户，登录 dash.naviplus.app，然后按照连接说明操作。

2) 选择菜单显示位置（嵌入方法）: 决定您希望菜单显示在所有页面（全站）还是仅在特定部分/页面。在 Shopify 中，您可以根据主题设置通过主题/部分（常见）或按页面/部分嵌入。

3) 在 Navi+ 控制面板中创建新菜单: 在 dash.naviplus.app 中，创建一个菜单并选择您需要的菜单类型（例如，移动设备的底部/标签栏，桌面设备的超级菜单，滑动/抽屉菜单，FAB，网格）。

4) 选择一个模板: 从预设布局（20 多个模板）中选择。模板完全可定制，并为不同的设备和用例设计。

5) 构建菜单结构（拖放）: 添加菜单项，将它们组织成组/级别，并配置链接。保持深度合理（通常 2 级就足够了）以保持可用性。

6) 自定义设计: 调整颜色、字体、间距、图标/图像和布局选项。如果您需要更深层次的控制，请使用自定义 CSS（Navi+ 支持通过 CSS 进行高级自定义）。

7) 配置移动端与桌面端行为（移动优先）: 如果需要，为移动端和桌面端设置单独的菜单（例如，移动端使用底部/标签栏，桌面端使用超级菜单）。Navi+ 旨在优化每种设备类型，而不是依赖单个响应式菜单。

8) （可选）使用 AI 功能加速设置: 使用 AI 重新设计菜单颜色/结构/内容，将现有网站菜单转换/导入到 Navi+，并将菜单自动翻译成多种语言。

9) （可选）启用多语言菜单: 直接在 Navi+ 中为您的菜单添加其他语言（无需额外插件）。按照控制面板/文档中的说明配置语言设置。

10) 在非 Shopify 网站上嵌入菜单（粘贴代码片段）: 从 Navi+ 复制提供的嵌入代码，并将其粘贴到您希望菜单加载的网站位置。示例包括从 CDN 加载 Navi+ 的脚本标签以及容器元素和可选设置，如商店、embed_id 和粘性行为。

11) 发布菜单: 在 Navi+ 控制面板中点击发布。您的菜单将上线并通过 CDN 边缘交付，实现快速加载。

12) 在上线前安全测试: 如果您的网站有常规流量，请复制您的 Shopify 主题（或暂存环境）并首先在那里测试 Navi+。您可以随时打开/关闭菜单。

13) 排除常见问题（主题/应用冲突）: 如果菜单与其他粘性元素重叠，请调整 z-index。如果您无法在 Shopify 中插入菜单，常见原因包括非 OS2.0 主题、经过大量修改的主题或覆盖 Shopify 部分的页面构建器应用。