クロスセルが効果を発揮する場面 — そしてほとんどのストアが見逃している場所
クロスセルはECにおける平均注文額（AOV）向上戦略として最も多く語られる手法のひとつです。多くの実装は商品ページ（「よく一緒に購入されている商品」）またはカート（「チェックアウト前にこれらをカートへ」）に集中しています。これらの配置は効果的ですが、購買ジャーニーの後半段階で機能します — 訪問者がメインの商品を特定し、購入するかどうかを決めているタイミングです。この時点では、訪問者の注意は購買決定に絞られており、新しいカテゴリを発見しようとする気持ちは薄れています。
ナビゲーションベースのクロスセルは、より早い、より広い段階で機能します：訪問者がまだ探索中で、発見に対して本当に心が開いているブラウジングの段階です。「ジャケット」カテゴリから入ってきた訪問者がメガメニューの近くに「スカーフ & アクセサリー」セクションを見つけた場合、その訪問者はアクセサリーを買うつもりでストアに来ていなかったかもしれません — しかし、ナビゲーション内でのカテゴリの近さが自然な発見の経路を生み出します。クロスセルは意図が絞られる前に起こります。これがカートを広げる上で最も効果的なタイミングです。
「私たちはコーヒー機器とスペシャルティビーンズを販売しています。以前のナビゲーションでは完全に別のセクションに分かれていました — 機器は1列、豆は別の列。関連する機器カテゴリの真横に豆を表示するようメガメニューを再構成したところ（エスプレッソマシンの隣にエスプレッソ豆、ドリップ器具の隣にシングルオリジンの浅煎り）、マルチカテゴリのセッション数が顕著に増加し、AOVも上昇しました。ナビゲーション上での近さが関連性を明確にしたのです。」
— Navi+のお客様、スペシャルティコーヒー機器ブランド
ナビゲーションの近さがクロスセルの機会を生み出す仕組み
仕組みはシンプルです：ナビゲーション上で近くに表示されるカテゴリは、ナビゲーション構造の中で離れた位置にあるカテゴリよりも、一緒に訪問されることが多くなります。これは訪問者がメニューをスキャンする方法の直接的な結果です — 訪問者はナビゲーション構造全体を一度に見渡し、その構造の中での近さがカテゴリ間の暗黙的な関係を生み出します。
よく設計されたメガメニューは、この近さの効果を意図的な戦略に変えます。関連するカテゴリを同じメガメニューパネルにグループ化し、隣接する列や同じ列に配置することで、あるカテゴリから補完的なカテゴリへの自然な回遊経路が生まれます。あるタイプの商品を求めてきた訪問者が、まったく摩擦なく補完的なカテゴリに出会います：同じナビゲーションのコンテキスト内に、ワンクリックの距離で存在するのです。
これは商品ページのクロスセルウィジェットとは構造的に異なります。商品ページのウィジェットは、訪問者が特定の商品のコンテキストにいることを必要とします。ナビゲーションによるクロスセルはカテゴリレベルで文脈的に機能します — ウィジェットが設定された特定の商品ページに着地した訪問者だけでなく、カテゴリ内の任意の商品を探索しているすべての訪問者に対して機能します。
カテゴリをまたいだ発見のためのナビゲーション設計
最初のステップは、カタログの中でどのカテゴリが本当のクロスセル関係を持っているかを特定することです。購買データが最良のソースです：複数の商品タイプを含む注文の中で、どのカテゴリの組み合わせが最も頻繁に現れるかを確認してください。カテゴリAから購入した顧客がカテゴリBからも頻繁に購入する場合、その2つのカテゴリには実証されたクロスセルの関係があり、ナビゲーション上で近くに配置すべきです。
業種別の一般的なクロスセルナビゲーショングループ：
ファッション： アウター + アクセサリー；フットウェア + ケア & スタイリング；ベーシック + レイヤリングアイテム
ホームグッズ： 寝具 + 睡眠アクセサリー；調理器具 + キッチンツール；家具 + クッション & テキスタイル
スポーツ & アウトドア： 用具 + メンテナンス；ウェア + ギア；栄養 + トレーニングアクセサリー
ビューティー： スキンケア + ツール；メイクアップ + ベース & フィクサー；ヘアケア + スタイリングツール
| クロスセルのアプローチ | 購買ジャーニーの段階 | 発見への開放度 |
|---|---|---|
| 商品ページ「よく一緒に購入されている商品」 | 後期 — 商品特定済み、意図が絞られている | 低 — 訪問者はメイン購買決定に集中 |
| カートのアップセルウィジェット | 非常に後期 — チェックアウトフローに入っている | 非常に低 — チェックアウトの意図が支配的 |
| ナビゲーションのカテゴリ近接（Navi+） | 早期 — ブラウジング中、発見マインドセットが活性化 | 高 — 訪問者はカテゴリ探索に開放的 |
クロスセルのためのナビゲーション構造を作る
Navi+ AI Menu Builderでは、メガメニューが複数列レイアウトをサポートしており、関連カテゴリを同じパネルにグループ化できます。クロスセルナビゲーションを実装するには：
購買データからクロスセルペアをマッピングする — どのカテゴリが最も頻繁に一緒に購入されていますか？上位3〜5ペアから始めましょう。
メガメニューを構成して、各クロスセルペアがパネルを共有するか、隣接する列に表示されるようにする。「スキンケア」のメガメニューパネルを開いた訪問者は、別のナビゲーションセクションに埋もれることなく、同じビューで「ツール & デバイス」を見られるべきです。
意図的にラベルを付ける — 「ルーティンを完成させる」や「ルックをショップする」というラベルの付いたクロスセル列は、カテゴリ間の関係を明示的に伝え、クロスセルの提案をプロモーションではなくキュレーションのように感じさせます。
Navi+はメガメニューの列設定をドラッグ＆ドロップのプロセスにします。カテゴリのグループ設定が完了すれば、メニューを開くすべての訪問者に対して受動的に機能します — 継続的なメンテナンスは不要です。
無料で試す — コード不要、開発者不要
Shopify、WordPress、またはあらゆるウェブサイトに数分でインストール。