可以——Navi+ 支持在 Wix 网站上使用。虽然 Navi+ 最广为人知的是其 Shopify 应用和 WordPress 插件,但它同样支持通过脚本嵌入方式在任意网站上使用。本页介绍如何在 Wix 上安装 Navi+ 及预期效果。
Navi+ 在 Wix 上的工作原理
Navi+ 采用通用脚本嵌入方式。你只需将一段 JavaScript 代码片段粘贴到 Wix 站点,Navi+ 便会在 Wix 原生导航的基础上或旁边注入你的自定义导航(Tab Bar、Mega Menu、FAB 等)。
这得益于 Wix 通过编辑器的”自定义代码”功能或 Wix App Market 的”自定义元素”方式支持自定义代码。
安装步骤
第一步——创建 Navi+ 账户
在 dash.naviplus.app 注册。选择”Web”作为平台(而非 Shopify 或 WordPress)。
第二步——搭建菜单
使用 Navi+ 编辑器创建你的 Tab Bar、Mega Menu 或 FAB,并设计成与 Wix 站点品牌风格一致的样式。
第三步——获取嵌入代码
在 Navi+ 控制台中,复制生成的脚本标签(一行 JavaScript 代码)。
第四步——添加到 Wix
在 Wix 编辑器中:
- 前往 设置 → 自定义代码
- 将 Navi+ 脚本粘贴到
<body>区域 - 设置为在”所有页面”上加载
- 发布你的站点
Navi+ 为你的 Wix 站点带来什么
安装完成后,Navi+ 将添加 Wix 原生工具所不具备的导航元素:
| 功能 | Wix 原生 | 安装 Navi+ 后 |
|---|---|---|
| Tab Bar(底部导航) | ✗ | ✓ |
| FAB(浮动按钮) | ✗ | ✓ |
| Mega Menu(多列) | 基础版 | ✓ 高级版 |
| 基于设备的可见性规则 | ✗ | ✓ |
| 9 种内置语言 | ✗ | ✓ |
| 深色模式支持 | ✗ | ✓ |
在 Wix 上表现良好的功能
- Tab Bar——Wix 电商商店最受欢迎的补充。为移动端访客添加持续可见的底部导航。
- FAB——浮动快捷按钮在 Wix 上完美运行
- 自定义 Mega Menu——可叠加或补充 Wix 内置菜单
- 基于 URL 的规则——在 Wix 站点的不同页面显示不同导航
重要注意事项
与 Wix 导航共存: 默认情况下,Navi+ 会添加额外的导航层。如果你希望用 Navi+ 完全替换 Wix 原生导航,需要通过自定义 CSS 隐藏 Wix 原生菜单(只需一行简单规则)。
移动端优化: Navi+ 的 Tab Bar 独立于 Wix 的移动端顶部栏运行。在移动端,Wix 顶部栏与 Navi+ 的 Tab Bar 可以并存且互不干扰——Tab Bar 显示在底部,而 Wix 顶部栏保留在顶部。
AI 功能: 在 Wix 上,Navi+ 的 AI 菜单生成基于手动定义的分类(无法像处理 Shopify 产品数据那样自动扫描 Wix 商品数据)。你仍可使用 AI 生成结构,再手动将其链接到对应的 Wix 页面。
Wix 与 Shopify 的功能差异
Navi+ 与 Shopify(AI 连接最深入、产品数据自动同步)和 WordPress(原生插件与 WP 菜单系统深度集成)的集成最为完整。在 Wix 上,你可以使用全部可视化菜单功能,但无法享受自动商品数据同步。
总结
Navi+ 可通过脚本嵌入在 Wix 上使用,安装约需 10 分钟。Tab Bar、FAB 和 Mega Menu 功能均可正常工作。主要限制是:在 Wix 上,AI 菜单生成需要手动设置分类,而非自动同步商品数据。
→ 查看完整 Wix 与 Navi+ 对比: Navi+ vs Wix 原生菜单