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