ナビゲーションは上にあります。
お客様の親指は
下にあります。
メニューの場所と指が自然に置かれる場所の間にあるこのギャップは、縮める価値があります。Tab Bar は画面下部に固定バーを追加し、最も重要なページを1回タップで届く場所に配置します。
ハンバーガーアイコンは見落とされやすい
上隅の ☰ アイコンは、モバイルユーザーが本能的に手を伸ばす場所ではありません。多くの訪問者はタップせずにスクロールします——探索したくないからではなく、自然な親指ゾーンの外にあるからです。
カテゴリには複数回のタップが必要
コレクションが折りたたまれたメニューに入れ子になっていると、訪問者が見つけられないことがあります。お客様と商品の間のステップが少ないほど良いです。
アプリが期待を作り出した
お客様は毎日 Instagram、TikTok、Amazon を使っており、すべて下部にタブバーがあります。同じパターンに従うことで、あなたのショップはより親しみやすく使いやすくなります。
Tab Bar は画面下部に固定ナビゲーションバーを追加します——お客様がスクロールしても常に表示され、探す必要がありません。
親指ゾーンに配置
画面の下部は親指が自然に置かれる場所です。Tab Bar はそこにナビゲーションを配置します——伸ばす必要なく、常に視野に入ります。
ホームとカートだけでなく、カテゴリも表示
ビジネスにとって最も重要なページを固定します——コレクション、セール、新着。お客様がすでに見ている場所に配置します。
スクロール中も常に表示
お客様が閲覧している間、バーは固定されたままです。商品ページを読み、画像をスクロールし、トップに戻ることなく別のカテゴリに移動できます。
ネイティブアプリのように親しみやすい
下部タブナビゲーションは、お客様が毎日使うアプリですでに知っているパターンです。ショップが最初から直感的になります。
あらゆるウェブサイトで動作
Shopify、WooCommerce、WordPress、Wix、または通常の HTML。埋め込みコード1つで数分でライブ、開発者不要。
Navi+ をインストール
Shopify App Store から1クリックで追加します。テーマコード不要、開発者不要。アプリは自動的に埋め込まれます。
Tab Bar を設定
Remix Icons からアイコンを選択し、リンクと色を設定します。3分以内で完了します。
公開
公開をクリックします。Tab Bar はグローバル CDN 経由で即座にライブになります。
20以上の事前設計テンプレート
プロフェッショナルに設計されたテンプレートから始めて、ブランドに合わせてカスタマイズしてください。
リアルタイムカートバッジ
カート数はカートアイコンにリアルタイムで更新されます——カスタムコード不要。
多言語サポート
Tab Bar はストアのアクティブな言語に自動的に適応します。Shopify Markets に対応。
CDN 経由で高速表示
6大陸のエッジサーバーから提供。平均読み込み時間：242ms。
AI 支援デザイン
AI があなたのストアタイプとオーディエンスに最適な Tab Bar レイアウトを提案します。
テーマとの競合なし
純粋な HTML5/CSS3 で構築——JS ライブラリなし。すべての Shopify テーマで動作します。
ほとんどのモバイルショップは1つの経路に集中しています：商品 → カート → チェックアウト。しかし買い物客は閲覧し、比較もします。カテゴリが常に画面下部から1タップで届く場所にあると、この閲覧がより多く起こります——通常、より多くの商品が見られ、より多くの購入理由が生まれます。
無料でインストール。5 分以内でライブ。テーマの編集は不要です。