🏆「おすすめ商品」を並べるだけでは、お客様の目は止まらない
商品一覧をホームページに置いても、どれが人気なのかわからなければ、訪問者の目は素通りします。
人は「みんなが選んでいる」ものに安心感を覚え、手が止まります。
ランキングバッジがあるだけで、同じ商品でも「気になる」に変わります。
このセクションは、コレクション内の商品を一覧表示しながら、1位〜3位に金・銀・銅のランキングバッジを自動表示します。
さらに「セール中」「売り切れ」「無料」バッジも商品の状態から自動で付与されるため、ひと目で状況が伝わる商品一覧をコード不要で構築できます。
🛠️ 主な機能・特徴
🥇 ランキングの順位は、あなたがコントロールできる
順位は、選択したコレクションの並び順に従って1位〜3位のバッジが表示される仕組みです。だから使い方は2通りあります。
-
実売データでランキング：コレクションの並び替えを「ベストセラー順」に設定すれば、実際の売れ筋がそのまま自動ランキングに
-
編集型ランキング：並び替えを「手動」にすれば、いま売りたい商品・季節のイチオシを戦略的に1位に配置
バッジの数字は通常の数字／漢数字（一・二・三）を切り替えられます。
🏷️ 「セール中」「売り切れ」「無料」バッジを自動付与
商品の価格・在庫状態に応じて自動で表示されるため、バッジの付け外し作業は不要です。
🃏 商品カードのデザイン調整（26の設定項目）
- カードの背景色・テキスト色・角の丸み・影のON/OFF
- 表示件数・PC/モバイルの列数を個別設定
- 「すべて見る」リンクの表示切り替え
テーマエディタの設定画面はすべて日本語ラベルなので、直感的に操作できます。
💡 活用例
- トップページの「売れ筋ランキング」（ベストセラー順）
- 新商品・季節のおすすめ特集（手動キュレーション）
- セール対象商品のまとめ表示
- カテゴリ別のベストセラー紹介
💰 料金の考え方 — アプリと比べてください
|
ページビルダー系アプリ（相場） |
本セクション |
| 料金 |
月額 $20〜（約¥3,000〜/月） |
買い切り ¥500 |
| 1年使うと |
約 ¥36,000〜 |
¥500 のまま |
| 解約・アプリ終了時 |
機能が消える |
ずっと使える |
| サイト表示速度 |
外部スクリプト読み込みあり |
テーマ直組み込みで影響なし |
※ $1=150円換算の概算です。ランキング表示や特集コレクションの装飾は、月額制のページビルダー系アプリに含まれることが多い機能です。
制作を請け負う方へ: ランキングバッジ付きの商品一覧をゼロから実装すると4〜8時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。
こんな方におすすめ
✅ アプリの月額課金を増やしたくないストア運営者の方
→ 買い切り¥500で、ページビルダー系アプリの年間¥36,000〜の固定費がゼロに。解約で機能が消える心配もありません。
✅ Shopify構築を請け負うフリーランス・制作会社の方
→ トップページの「売れ筋」ブロックは定番の要望。実装済みのセクションで、その場で応えられます。
✅ 商品数が増えてきて「どれを推すか」を見せたい方
→ ランキングという文脈がつくだけで、同じ商品一覧が「選ばれている理由」に変わります。
🔧 開発・検証について
Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。
月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。
- Shopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます
- 開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください
- 設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内
- 導入でつまずいた場合は無料サポートで解決まで対応
