パンくずリスト — "今どこ"を示して迷わせず、回遊率を底上げ

パンくずリスト、まだ設置していませんか？

パンくずリストは、お客様に「今どこにいるか」を伝えるナビゲーションです。
商品ページやコレクションページの上部にあるだけで、お客様が迷わず自然にサイトを回遊し、購入へ進みやすくなります。

「前のカテゴリに戻りたい」と思ったお客様がブラウザバックで離脱する代わりに、パンくずリストからひとつ上の階層へ自然に移動できる——直帰率の低下・回遊率の向上に静かに効く導線です。
カテゴリページへの内部リンクがすべてのページに整うため、サイトの階層構造も伝わりやすくなります。

しかし多くのShopifyテーマではパンくずリストが標準搭載されておらず、アプリで追加しようとするとランニングコストが発生します。
Copilifyのパンくずリストセクションなら買い切り型で月額費用はゼロ。テーマエディタから日本語で設定できるので、コードの知識は一切不要です。

主な機能・特徴

🗂️ 全ページタイプに対応した自動生成

商品ページ・コレクションページ・ブログ・記事・固定ページなど、すべてのページでパンくずリストを自動的に生成・表示します。
トップページ・カートページ・404ページでは自動で非表示になるため、設定不要ですっきり運用できます。

🏠 ホームリンクのアイコン＆テキストをカスタマイズ

ホームリンクには、任意の画像アイコン（サイズ調整可）とテキストを組み合わせて表示できます。
ブランドの世界観に合わせたホームボタンのデザインが可能です。

✏️ 区切り文字を自由に変更

パンくずリスト間の区切り文字（デフォルト：＞）を自由に変更可能。
商品が複数のコレクションに属する場合の区切り文字も個別に設定できます。

📱 PC / モバイル別のレスポンシブ設定

フォントサイズと余白（上下左右）をPC・モバイルそれぞれ個別に設定可能。
デバイスごとに最適な表示を実現します。

🖌️ 細やかなデザイン調整（17の設定項目）

• フォントサイズ（PC / モバイル別）
• テキスト色 / テキストの太さ（通常 / 太字）
• 区切り文字（パンくず間 / 複数コレクション間）
• ホームアイコン画像 / アイコンサイズ / ホームテキスト
• 余白（PC / モバイル：上・下・左右）
• 背景色 / 最大幅

テーマエディタの設定画面はすべて日本語なので、直感的に操作できます。

🔍 回遊を支え、サイト構造を伝えるナビゲーション

訪問者が「前のカテゴリに戻る」際の動線が生まれることで、直帰率の低下・回遊率の向上に貢献します。
また、全ページにカテゴリへの内部リンクが整うため、サイトの階層構造が伝わりやすくなります。

💰 料金の考え方 — アプリと比べてください

※ $1=150円換算の概算です。

制作を請け負う方へ: 全ページタイプ対応のパンくずリストをゼロから実装すると3〜5時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。

🔧 開発・検証について

Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。
月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。

• Shopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます
• 開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください
• 設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内
• 導入でつまずいた場合は無料サポートで解決まで対応