はい、Navi+はWixウェブサイトで動作します。Navi+はShopifyアプリとWordPressプラグインで最もよく知られていますが、スクリプト埋め込みによってあらゆるウェブサイトにも対応しています。このページではWixへのNavi+インストール方法と期待できることを説明します。
WixでのNavi+の動作方法
Navi+はユニバーサルスクリプト埋め込みアプローチを使用しています。1つのJavaScriptスニペットをWixサイトに貼り付けると、Navi+がWixのネイティブナビゲーションの上または隣にカスタムナビゲーション(Tab Bar、Mega Menu、FABなど)を注入します。
これが機能するのは、WixがWixエディターの「カスタムコード」セクションまたはWix App Marketの「カスタム要素」アプローチを通じてカスタムコードをサポートしているためです。
インストール手順
ステップ1 — Navi+アカウントを作成
dash.naviplus.appでサインアップします。プラットフォームとして「Web」を選択します(ShopifyやWordPressではありません)。
ステップ2 — メニューを作成
Navi+エディターを使ってTab Bar、Mega Menu、またはFABを作成します。Wixサイトのブランディングに合わせてデザインします。
ステップ3 — 埋め込みコードを取得
Navi+ダッシュボードから、生成されたスクリプトタグ(1行のJavaScript)をコピーします。
ステップ4 — Wixに追加
Wixエディターで:
- 設定 → カスタムコードに移動
<body>セクションにNavi+スクリプトを貼り付ける- 「すべてのページ」に読み込むよう設定
- サイトを公開
Navi+がWixサイトに追加するもの
インストール後、Navi+はWixのネイティブツールが提供しないナビゲーション要素を追加します:
| 機能 | Wixネイティブ | Navi+追加後 |
|---|---|---|
| Tab Bar(ボトムナビ) | ✗ | ✓ |
| FAB(フローティングボタン) | ✗ | ✓ |
| Mega Menu(マルチカラム) | 基本 | ✓ 高度 |
| デバイスごとの表示ルール | ✗ | ✓ |
| 9言語内蔵 | ✗ | ✓ |
| ダークモード対応 | ✗ | ✓ |
Wixで上手く機能するもの
- Tab Bar — WixのECストアで最も人気の追加機能。モバイル訪問者向けの固定ボトムナビゲーションを追加。
- FAB — フローティングショートカットボタンはWixで完璧に動作
- カスタムMega Menu — Wixのビルトインメニューをオーバーレイまたは補完できる
- URL別ルール — WixサイトのページによってナビゲーションをURLごとに表示切り替え
重要な考慮事項
Wixナビゲーションの共存: デフォルトでは、Navi+は追加のナビゲーション層を加えます。Navi+でWixのネイティブナビゲーションを完全に置き換えたい場合は、カスタムCSSでネイティブWixメニューを非表示にする必要があります(簡単な1行のルール)。
モバイル最適化: 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 vs Navi+の全比較を確認: Navi+ vs Wixネイティブメニュー