{"title":"おすすめセクション","description":"","products":[{"product_id":"submit-form","title":"お問い合わせ・予約フォーム — 9種の入力パーツを自由に組み合わせ","description":"\u003c!-- リード文（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e📮「名前」「メール」だけの標準フォームで、本当に足りていますか？\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eお問い合わせ種別のプルダウン、予約日のカレンダー選択、利用規約への同意チェック——お客様の声をしっかり受け取るには、標準のコンタクトフォームでは項目が足りません。かといってフォームアプリを入れれば月額課金が積み上がり、お客様の入力データが外部サービスを経由することになります。\u003c\/p\u003e\n\u003cp\u003eこのセクションなら、\u003cstrong\u003e9種類の入力パーツ\u003c\/strong\u003eをブロック感覚で追加・並べ替えるだけ。「お問い合わせフォーム」も「来店予約フォーム」も「見積もり依頼フォーム」も、コード編集なしでテーマエディターから組み立てられます。送信前のリアルタイム入力チェック付きなので、入力ミスによる機会損失も防ぎます。\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e💡 こんなフォームが作れます\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e種別プルダウン付きの\u003cstrong\u003eお問い合わせフォーム\u003c\/strong\u003e\n\u003c\/li\u003e\n  \u003cli\u003e日付カレンダーで希望日を選ぶ\u003cstrong\u003e来店予約・イベント申込フォーム\u003c\/strong\u003e\n\u003c\/li\u003e\n  \u003cli\u003e要件・予算を細かく聞く\u003cstrong\u003e見積もり依頼フォーム\u003c\/strong\u003e\n\u003c\/li\u003e\n  \u003cli\u003e同意チェック付きの\u003cstrong\u003e卸・法人取引の申し込みフォーム\u003c\/strong\u003e\n\u003c\/li\u003e\n  \u003cli\u003e注文番号を添えてもらう\u003cstrong\u003e修理・返品の受付フォーム\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- 主な機能・特徴（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e🛠️ 主な機能・特徴\u003c\/strong\u003e\u003c\/h2\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🧱 9種類の入力ブロックを自由に組み合わせ\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eメールアドレス入力（必須・形式チェック付き）\u003c\/li\u003e\n  \u003cli\u003e1行テキスト入力（全幅 \/ 半幅の切り替えで姓名の横並びも可能）\u003c\/li\u003e\n  \u003cli\u003e複数行テキスト入力（行数を1〜20行で調整可能）\u003c\/li\u003e\n  \u003cli\u003eセレクトボックス（最大10個の選択肢）\u003c\/li\u003e\n  \u003cli\u003eチェックボックス（複数選択・最大10個）\u003c\/li\u003e\n  \u003cli\u003eラジオボタン（単一選択・最大10個）\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\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\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🎨 デザインの細かな調整\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e見出し・ラベルのフォントサイズ・色・太さ・配置（PC \/ スマホ別）\u003c\/li\u003e\n  \u003cli\u003e「必須」バッジの文字・色・背景色・枠線・角丸み\u003c\/li\u003e\n  \u003cli\u003e入力欄の背景色・文字色・枠線色・枠線太さ・角丸み\u003c\/li\u003e\n  \u003cli\u003e送信ボタンの幅・高さ・色・フォントサイズ（PC \/ スマホ別）・配置\u003c\/li\u003e\n  \u003cli\u003eセクション背景色・最大幅・上下左右の余白（PC \/ スマホ別）\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eテーマエディタの設定画面はすべて\u003cstrong\u003e日本語ラベル\u003c\/strong\u003eなので、直感的に操作できます。\u003c\/p\u003e\n\n\u003ch2\u003e\u003cstrong\u003e📬 送信内容はどこに届く？ — Shopify標準の仕組みで安心\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\n  本セクションはShopify標準のコンタクトフォームの仕組み（contactフォーム）を使って送信します。\n\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003e送信内容は\u003cstrong\u003eShopifyからの通知メールとしてストアのメールアドレスに届きます\u003c\/strong\u003e。外部のフォームサービスを経由しません\u003c\/li\u003e\n  \u003cli\u003eお客様の入力データが第三者のサーバーに保存されないため、\u003cstrong\u003e個人情報の管理経路がShopify内で完結\u003c\/strong\u003eします\u003c\/li\u003e\n  \u003cli\u003eShopify標準のスパム対策（スパム判定・hCaptcha）がそのまま適用されます（ストアのスパム保護設定に従います）\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月額 $10〜20（約¥1,500〜3,000\/月）\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e買い切り ¥1,980\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e1年使うと\u003c\/td\u003e\n\u003ctd\u003e約 ¥18,000〜36,000\u003c\/td\u003e\n\u003ctd\u003e¥1,980 のまま\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\u003eShopify内で完結\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/table\u003e\n\u003cp\u003e※ $1=150円換算の概算です。1〜2ヶ月分のアプリ利用料で本セクションの価格に達します。\u003c\/p\u003e\n\u003cp\u003e\n  \u003cstrong\u003e制作を請け負う方へ:\u003c\/strong\u003e バリデーション付きの多項目フォームをゼロから実装すると6〜10時間の工数です。本セクションなら導入は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  → 買い切り¥1,980で、年間¥18,000〜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本セクションはShopify標準のコンタクトフォームをベースにしているため、以下の機能には対応していません。これらが必要な場合は、フォームビルダー系アプリのご利用をご検討ください。\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003eファイル添付（画像・PDFのアップロード欄）\u003c\/li\u003e\n  \u003cli\u003eお客様への自動返信メールのカスタマイズ（Shopify標準フォームの仕様に準じます）\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\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":50171852521755,"sku":"","price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/1_a751ce95-3bfe-4b8a-ba6e-d38a1d737500.jpg?v=1776486084"},{"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"},{"product_id":"breadcrumb","title":"パンくずリスト — \"今どこ\"を示して迷わせず、回遊率を底上げ","description":"\u003c!-- リード文 --\u003e\n\u003ch2\u003e\u003cstrong\u003eパンくずリスト、まだ設置していませんか？\u003c\/strong\u003e\u003c\/h2\u003e\n\n\u003cp\u003e\n  パンくずリストは、お客様に「今どこにいるか」を伝えるナビゲーションです。\u003cbr\u003e\n  商品ページやコレクションページの上部にあるだけで、\u003cstrong\u003eお客様が迷わず自然にサイトを回遊し、購入へ進みやすくなります。\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp\u003e\n  「前のカテゴリに戻りたい」と思ったお客様がブラウザバックで離脱する代わりに、パンくずリストからひとつ上の階層へ自然に移動できる——\u003cstrong\u003e直帰率の低下・回遊率の向上に静かに効く導線\u003c\/strong\u003eです。\u003cbr\u003e\n  カテゴリページへの内部リンクがすべてのページに整うため、サイトの階層構造も伝わりやすくなります。\n\u003c\/p\u003e\n\u003cp\u003e\n  しかし多くのShopifyテーマではパンくずリストが標準搭載されておらず、アプリで追加しようとするとランニングコストが発生します。\u003cbr\u003e\n  Copilifyのパンくずリストセクションなら\u003cstrong\u003e買い切り型で月額費用はゼロ。\u003c\/strong\u003eテーマエディタから日本語で設定できるので、コードの知識は一切不要です。\n\u003c\/p\u003e\n\n\u003c!-- 主な機能・特徴 --\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  商品ページ・コレクションページ・ブログ・記事・固定ページなど、すべてのページでパンくずリストを自動的に生成・表示します。\u003cbr\u003e\n  トップページ・カートページ・404ページでは自動で非表示になるため、設定不要ですっきり運用できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🏠 ホームリンクのアイコン＆テキストをカスタマイズ\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  ホームリンクには、任意の画像アイコン（サイズ調整可）とテキストを組み合わせて表示できます。\u003cbr\u003e\n  ブランドの世界観に合わせたホームボタンのデザインが可能です。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e✏️ 区切り文字を自由に変更\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  パンくずリスト間の区切り文字（デフォルト：＞）を自由に変更可能。\u003cbr\u003e\n  商品が複数のコレクションに属する場合の区切り文字も個別に設定できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📱 PC \/ モバイル別のレスポンシブ設定\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  フォントサイズと余白（上下左右）をPC・モバイルそれぞれ個別に設定可能。\u003cbr\u003e\n  デバイスごとに最適な表示を実現します。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🖌️ 細やかなデザイン調整（17の設定項目）\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eフォントサイズ（PC \/ モバイル別）\u003c\/li\u003e\n  \u003cli\u003eテキスト色 \/ テキストの太さ（通常 \/ 太字）\u003c\/li\u003e\n  \u003cli\u003e区切り文字（パンくず間 \/ 複数コレクション間）\u003c\/li\u003e\n  \u003cli\u003eホームアイコン画像 \/ アイコンサイズ \/ ホームテキスト\u003c\/li\u003e\n  \u003cli\u003e余白（PC \/ モバイル：上・下・左右）\u003c\/li\u003e\n  \u003cli\u003e背景色 \/ 最大幅\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\n  テーマエディタの設定画面はすべて\u003cstrong\u003e日本語\u003c\/strong\u003eなので、直感的に操作できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🔍 回遊を支え、サイト構造を伝えるナビゲーション\u003c\/strong\u003e\u003c\/h3\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\u003ctable\u003e\n  \u003ctr\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003e同種のShopifyアプリ（相場）\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月額 $3〜5（約¥450〜750\/月）\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e買い切り ¥1,000\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e1年使うと\u003c\/td\u003e\n\u003ctd\u003e約 ¥5,400〜9,000\u003c\/td\u003e\n\u003ctd\u003e¥1,000 のまま\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 全ページタイプ対応のパンくずリストをゼロから実装すると3〜5時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。\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\n","brand":"Copilify","offers":[{"title":"Default Title","offer_id":50342414024987,"sku":"","price":1000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/1_8efdecbb-245c-4d94-b1a4-4f60062d56f4.jpg?v=1776485653"},{"product_id":"accordion","title":"アコーディオン（折りたたみQ\u0026A）— \"買う前の最後の一問\"に答えて離脱を防ぐ","description":"\u003ch2\u003eお客様は「買う前」に必ずFAQを読む。その一問が、購入を決める。\u003c\/h2\u003e\n\n\u003cp\u003e\n  「送料はいくら？」「返品できる？」「サイズ感は？」\u003cbr\u003e\n  商品ページを見た後、お客様が次に向かうのはよくある質問です。\u003cbr\u003e\n  \u003cstrong\u003eFAQで疑問が解消されれば購入へ進み、解消されなければ離脱します。\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp\u003e\n  このセクションは、Q・Aラベル付きのすっきりとした見た目で、お客様の「知りたい」にテンポよく答えます。\u003cbr\u003e\n  滑らかな開閉アニメーションで、ページを離れずにストレスなく読み進められるFAQを、\u003cstrong\u003eノーコード・買い切り型\u003c\/strong\u003eでテーマに追加できます。\n\u003c\/p\u003e\n\n\u003c!-- 主な機能・特徴 --\u003e\n\u003ch2\u003e主な機能・特徴\u003c\/h2\u003e\n\n\u003ch3\u003e🎨 Q\u0026amp;Aラベル付きデザイン\u003c\/h3\u003e\n\u003cp\u003e\n  タイトルの左に「Q」、本文の左に「A」を自動表示。FAQ・よくある質問ページに最適なデザインです。\u003cbr\u003e\n  色・サイズ・太さなどをそれぞれ自由にカスタマイズできます。\n\u003c\/p\u003e\n\n\u003ch3\u003e⚡ 開閉アイコンの選択\u003c\/h3\u003e\n\u003cp\u003e\n  「∨ \/ ∧（矢印型）」と「＋ \/ ー（プラスマイナス型）」の2種類から選択可能。\u003cbr\u003e\n  アイコンの色・太さもテーマエディタから変更できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e📱 PC \/ モバイル別のレスポンシブ設定\u003c\/h3\u003e\n\u003cp\u003e\n  フォントサイズと余白（上下左右）をPC・モバイルそれぞれ個別に設定可能。\u003cbr\u003e\n  デバイスごとに最適な表示を実現します。\n\u003c\/p\u003e\n\n\u003ch3\u003e🎯 ブロック単位の初期状態制御\u003c\/h3\u003e\n\u003cp\u003e\n  アコーディオンの各項目を「最初から開いた状態」にするか「閉じた状態」にするかを個別に設定できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e🖌️ 細やかなデザイン調整（32の設定項目）\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\u003cp\u003e\n  テーマエディタの設定画面はすべて \u003cstrong\u003e日本語ラベル\u003c\/strong\u003e なので、直感的に操作できます。\n\u003c\/p\u003e\n\n\u003ch3\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専門商材の使い方・お手入れQ\u0026amp;A\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\u003eFAQ・アコーディオン系アプリ（相場）\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月額 $5〜15（約¥750〜2,250\/月）\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約 ¥9,000〜27,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 アニメーション付きアコーディオンをレスポンシブ対応込みでゼロから実装すると3〜5時間の工数です。本セクションなら導入は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で、FAQ系アプリの年間¥9,000〜27,000の固定費がゼロに。\n\u003c\/p\u003e\n\u003cp\u003e\n  ✅ \u003cstrong\u003eShopify構築を請け負うフリーランス・制作会社の方\u003c\/strong\u003e\u003cbr\u003e\n  → FAQブロックはほぼ全案件で使う定番パーツ。一度買えばすべての案件で使い回せます。\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\n","brand":"Copilify","offers":[{"title":"Default Title","offer_id":50368828703003,"sku":"","price":500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/1.gif?v=1776477255"},{"product_id":"video-with-chapter","title":"チャプター付き動画プレーヤー — 「見たい場面」へすぐ飛べる","description":"\u003c!-- リード文（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e3分の動画、お客様は30秒で離脱する。「目次」があれば話は変わる。\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\n  商品の使い方動画やブランドストーリーをストアに載せても、お客様が最後まで見てくれるとは限りません。\u003cbr\u003e\n  \u003cstrong\u003e見たい情報にすぐたどり着けなければ、動画は「置いてあるだけ」のコンテンツになってしまいます。\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp\u003e\n  Copilify チャプター付き動画プレーヤーは、動画の下に\u003cstrong\u003e目次（チャプターリスト）\u003c\/strong\u003eを表示し、お客様がワンタップで見たい場面にジャンプできる仕組みです。\u003cbr\u003e\n  再生中のチャプターがリアルタイムでハイライトされるので、今どこを見ているかも一目でわかります。\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  動画の下にチャプター一覧を表示。タイトルと開始時間をクリックするだけで、該当シーンにジャンプします。\u003cbr\u003e\n  チャプターの数は無制限に追加でき、テーマエディタのブロックで簡単に管理できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e再生中チャプターのリアルタイム表示\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  現在再生中のチャプターが動画の直下にハイライト表示されます。\u003cbr\u003e\n  チャプターリスト内でもアクティブ状態が自動で切り替わり、お客様は今どのパートを視聴しているか常に把握できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eサムネイル＆再生ボタンのカスタマイズ\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  動画のサムネイル画像を自由に設定可能。再生ボタンの色・アイコン色もブランドカラーに合わせて変更できます。\u003cbr\u003e\n  サムネイルをタップすると動画がロードされる遅延読み込み方式で、ページ表示速度にも配慮しています。\n\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\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003ePC \/ モバイル別のレスポンシブ設定\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  見出しのフォントサイズと余白（上下左右）をPC・モバイルそれぞれ個別に設定可能。\u003cbr\u003e\n  モバイルでは再生ボタンが自動で小さくなり、どの画面でも操作しやすい表示になります。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e22以上の設定項目でデザインを自由にカスタマイズ\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e見出し：テキスト \/ 色 \/ PC・モバイル別サイズ\u003c\/li\u003e\n  \u003cli\u003e動画：動画ファイル \/ サムネイル画像 \/ 再生ボタン色 \/ アイコン色\u003c\/li\u003e\n  \u003cli\u003eチャプター：テキスト色 \/ 背景色 \/ アクティブ色 \/ 境界線色 \/ 角丸\u003c\/li\u003e\n  \u003cli\u003eセクション全体：背景色 \/ 最大幅 \/ PC・モバイル別余白\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\n  テーマエディタの設定画面はすべて\u003cstrong\u003e日本語\u003c\/strong\u003eなので、直感的に操作できます。\n\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\u003ch3\u003e\u003cstrong\u003e🏅 チャプター機能は、月額アプリでもほとんど見つからない\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  動画プレーヤー系のShopifyアプリは月額$5〜10前後が相場ですが、\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\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月額 $5〜10（約¥750〜1,500\/月）※チャプター機能なし\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e買い切り ¥1,200\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e1年使うと\u003c\/td\u003e\n\u003ctd\u003e約 ¥9,000〜18,000\u003c\/td\u003e\n\u003ctd\u003e¥1,200 のまま\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〜6時間の工数です。本セクションなら導入は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  → 「知りたい場面」へワンタップで飛べるだけで、動画が最後まで役割を果たします。\n\u003c\/p\u003e\n\u003cp\u003e\n  ✅ \u003cstrong\u003eShopify構築を請け負うフリーランス・制作会社の方\u003c\/strong\u003e\u003cbr\u003e\n  → LPやブランドページの動画演出を、アプリ契約なしでその場で提案できます。\n\u003c\/p\u003e\n\u003cp\u003e\n  ✅ \u003cstrong\u003eアプリの月額課金を増やしたくないストア運営者の方\u003c\/strong\u003e\u003cbr\u003e\n  → 買い切り¥1,200で、動画アプリの年間¥9,000〜18,000の固定費がゼロに。\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\n","brand":"Copilify","offers":[{"title":"Default Title","offer_id":50455222386971,"sku":null,"price":1200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/6ea271054e271f824e037a14e5e59540.jpg?v=1776485406"},{"product_id":"simple-blog","title":"ブログ記事一覧 — お知らせ・新着で「放置ストアに見せない」","description":"\u003c!-- リード文（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e「最終更新：半年前」のストア、あなたは信頼できますか？\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\n  お客様がストアを訪れたとき、お知らせや新着情報が定期的に更新されているだけで「このお店はちゃんと運営されている」という安心感が生まれます。\u003cbr\u003e\n  逆に、更新が止まっているストアは「まだ営業しているのだろうか」と不安を与え、離脱の原因になります。\n\u003c\/p\u003e\n\u003cp\u003e\n  Copilify シンプルブログ記事一覧は、\u003cstrong\u003eサムネイル・タイトル・日付のコンパクトな一覧表示\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  サムネイル画像・タイトル・日付を横並びで表示するシンプルなデザイン。\u003cbr\u003e\n  トップページやフッター上部など、限られたスペースにもすっきり収まります。\n\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\u003ch3\u003e\u003cstrong\u003e「すべての記事を見る」ボタン\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  ボタンの表示 \/ 非表示はもちろん、文字色・背景色・枠線色・角丸・配置（左\/中央\/右）まで細かく設定できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003ePC \/ モバイル別のレスポンシブ設定\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  見出し・タイトル・日付のフォントサイズをPC・モバイルそれぞれ個別に設定可能。\u003cbr\u003e\n  余白（上下左右）もデバイスごとに調整でき、どの画面サイズでも最適な表示を実現します。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e29の設定項目でデザインを自由にカスタマイズ\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e見出し：テキスト \/ 色 \/ PC・モバイル別サイズ\u003c\/li\u003e\n  \u003cli\u003e記事タイトル：色 \/ PC・モバイル別サイズ\u003c\/li\u003e\n  \u003cli\u003e日付：色 \/ PC・モバイル別サイズ\u003c\/li\u003e\n  \u003cli\u003eボタン：文字色 \/ 背景色 \/ 枠線色 \/ 角丸 \/ 配置\u003c\/li\u003e\n  \u003cli\u003eセクション全体：背景色 \/ 最大幅 \/ PC・モバイル別余白\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\n  テーマエディタの設定画面はすべて\u003cstrong\u003e日本語\u003c\/strong\u003eなので、直感的に操作できます。\n\u003c\/p\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月額 $4〜10（約¥600〜1,500\/月）\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約 ¥7,200〜18,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 お知らせ一覧ブロックをレスポンシブ対応込みでゼロから実装すると3〜5時間の工数です。本セクションなら導入は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  → 更新が見えるだけで「ちゃんと運営されているお店」の安心感が生まれます。\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  → 買い切り¥500で、ブログ表示アプリの年間¥7,200〜18,000の固定費がゼロに。\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\n","brand":"Copilify","offers":[{"title":"Default Title","offer_id":50648071373083,"sku":null,"price":500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/c8524e7bf5f73a9ea42512577e309ef5.jpg?v=1776485248"},{"product_id":"table","title":"比較表セクション — 「選ばれる理由」を一目で伝える","description":"\u003ch2\u003e\u003cstrong\u003eお客様は「比べて」から買う。比較表が、購入の背中を押す。\u003c\/strong\u003e\u003c\/h2\u003e\n\n\u003cp\u003e\n  「他の商品と何が違うの？」「どのプランが自分に合うの？」\u003cbr\u003e\n  お客様は購入前に必ず比較します。\u003cbr\u003e\n  \u003cstrong\u003e違いが一目でわかれば購入につながり、わからなければ離脱します。\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cp\u003e\n  このセクションは、商品の強みや違いを表形式でわかりやすく伝えます。\u003cbr\u003e\n  ハイライト機能で自社商品の列を目立たせれば、「選ばれる理由」が視覚的に伝わります。\u003cbr\u003e\n  行や列はテーマエディタから自由に追加・削除できるので、\u003cstrong\u003eノーコード・買い切り型\u003c\/strong\u003eでストアに導入できます。\n\u003c\/p\u003e\n\n\u003c!-- 主な機能・特徴 --\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  比較項目（行）はブロックとして何行でも追加・削除・並べ替え可能。\u003cbr\u003e\n  列数も2〜4列から選べるので、2商品の比較から複数プランの一覧まで対応できます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eハイライト列で自社商品を強調\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  任意の列を強調表示できます。\u003cbr\u003e\n  ヘッダーとセルそれぞれに背景色・文字色を設定でき、自社商品やおすすめプランをひと目で際立たせます。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003ePC \/ モバイル別のレスポンシブ設定\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  文字サイズ・セル内余白・セクション余白をPC・モバイルそれぞれ個別に設定可能。\u003cbr\u003e\n  モバイルでは横スクロール対応で、小さな画面でも表が崩れません。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e細やかなデザイン調整（39の設定項目）\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  \u003cli\u003eセクション全体：背景色 \/ 最大幅 \/ 上下左右の余白\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\n  テーマエディタの設定画面はすべて \u003cstrong\u003e日本語ラベル\u003c\/strong\u003e なので、直感的に操作できます。\n\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月額 $5〜15（約¥750〜2,250\/月）\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約 ¥9,000〜27,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 レスポンシブ対応の比較表をハイライト機能込みでゼロから実装すると3〜5時間の工数です。本セクションなら導入は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で、比較表アプリの年間¥9,000〜27,000の固定費がゼロに。\n\u003c\/p\u003e\n\u003cp\u003e\n  ✅ \u003cstrong\u003eShopify構築を請け負うフリーランス・制作会社の方\u003c\/strong\u003e\u003cbr\u003e\n  → 料金プラン比較・スペック表はLP案件の定番パーツ。一度買えばすべての案件で使い回せます。\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\n","brand":"Copilify","offers":[{"title":"Default Title","offer_id":51940528161051,"sku":null,"price":500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/1.jpg?v=1776484969"},{"product_id":"coupon-banner","title":"クーポン一覧バナー — 選ぶだけでワンクリック適用、使い忘れを防ぐ","description":"\u003c!-- リード文（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e🎟️「コードをコピーして、カートに戻って、入力欄を探して貼り付ける」——その数ステップで買う気は冷える\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eクーポンコードを手入力させる仕組みは、入力ミスや「面倒くさい」を毎回生み出します。せっかく配布したクーポンが、購入の後押しではなく離脱のきっかけになってしまう——多くのストアで起きている、見えにくい機会損失です。\u003c\/p\u003e\n\u003cp\u003eこのセクションは、クーポンをカード形式で一覧表示し、クリックひとつでカートにコードをセットする仕組みです。「コピー→戻る→貼り付ける」という摩擦をゼロにし、割引を受け取るまでの動線を最短化します。全商品割引・金額条件あり・対象商品限定・送料無料など、複数のキャンペーンを1ページにまとめて告知できるため、訪問者は自分に合うクーポンを比較しながら選べます。\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🛒 クリック1回でカートに反映、コード入力欄は不要\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eカードをクリックするだけでカートにクーポンコードを適用（コード入力・コピー不要）\u003c\/li\u003e\n  \u003cli\u003eカートが空の状態でも「適用待ち」としてコードをセット可能。商品を追加した瞬間に割引が反映\u003c\/li\u003e\n  \u003cli\u003e複数クーポンの同時管理に対応。異なる種類のキャンペーンを1ページにまとめて表示\u003c\/li\u003e\n  \u003cli\u003e適用結果をモーダルダイアログで即時フィードバック（成功・条件未達・重複など状態別に表示）\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e✅「このクーポン、入ってる？」を訪問者に問わせない\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eクーポンが本当に効いているのかわからない不安は、購入直前の離脱につながります。本セクションは5つの状態（未適用・適用中・適用待ち・別クーポン適用中・停止中）をリアルタイムで自動検知し、カード表示に反映します。\u003c\/p\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\u003ch3\u003e\u003cstrong\u003e🃏 キャンペーンに合わせた訴求が作れる\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eクーポン1枚ごとに、訴求軸（カテゴリラベル）・キービジュアル・利用条件の補足まで個別に設定できます。複数キャンペーンを並べても、それぞれが独立した広告枠として機能します。\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003eバナー画像（image_picker）\u003c\/li\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  \u003cli\u003eボタン文言\u003c\/li\u003e\n  \u003cli\u003e補足テキスト（利用条件の注釈など）\u003c\/li\u003e\n  \u003cli\u003e条件未達時のカード個別フィードバックメッセージ\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e⚙️ ストアのトーンに合わせて細部まで調整できる（33の設定項目）\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePC表示の列数（1〜3列）\u003c\/li\u003e\n  \u003cli\u003eバナー画像比率（横長16:9・標準4:3・正方形1:1）\u003c\/li\u003e\n  \u003cli\u003eクーポンコードの表示\/非表示切り替え\u003c\/li\u003e\n  \u003cli\u003eモーダルダイアログの全テキストをカスタマイズ（成功・条件未達・重複・空カート・停止中・リンク先など）\u003c\/li\u003e\n  \u003cli\u003eカラーのフルカスタマイズ（カード文字色・アクセントカラー・ボタン背景色\/文字色）\u003c\/li\u003e\n  \u003cli\u003e見出しテキスト・色・サイズ（PC\/モバイル別）\u003c\/li\u003e\n  \u003cli\u003ePC\/モバイルの余白（上下左右）を個別調整\u003c\/li\u003e\n  \u003cli\u003e背景色・最大幅（px）\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📱 どの画面サイズでも、誰にとっても操作しやすい\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePC\/モバイルレスポンシブ。ブレイクポイント750px（PC：1〜3列グリッド、モバイル：1列）\u003c\/li\u003e\n  \u003cli\u003eホバー・フォーカス時のアニメーション（浮き上がり＋影）\u003c\/li\u003e\n  \u003cli\u003eバナー画像を設定したカードでも、選択状態の枠線が画像・本文エリアを問わず均一に表示\u003c\/li\u003e\n  \u003cli\u003eキーボード操作対応（Escキーでモーダル閉じる、フォーカス管理）\u003c\/li\u003e\n  \u003cli\u003earia属性によるスクリーンリーダー対応\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e⚡ 開発者向けフック\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eクーポン適用・保存のタイミングで JavaScript カスタムイベント（\u003ccode\u003ecopilify:coupon-applied\u003c\/code\u003e \/ \u003ccode\u003ecopilify:coupon-saved\u003c\/code\u003e）を発火するため、独自の計測タグや他機能との連携が可能です。\u003c\/p\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月額 $5〜15（約¥750〜2,250\/月）\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e買い切り ¥1,500\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e1年使うと\u003c\/td\u003e\n\u003ctd\u003e約 ¥9,000〜27,000\u003c\/td\u003e\n\u003ctd\u003e¥1,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 クーポンのワンクリック適用と状態管理をゼロから実装すると5〜8時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。\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":52156258320667,"sku":null,"price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/1_26d69242-e25d-4624-9cb7-6ea0af82f1ad.jpg?v=1777896736"},{"product_id":"free-shipping-bar","title":"送料無料バー（プログレス表示）— 「あと◯◯円」で\"もう一品\"を促し客単価アップ","description":"\u003c!-- リード文（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e🚚「あと500円で送料無料」——たったその一言で、カートの中身は1点増える\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e送料を払いたくない、という気持ちはすべての買い物客に共通する強い動機です。けれど、その背中を押す情報がストアのどこにも表示されていなければ、訪問者は「今日はやめておこう」と離脱してしまう——送料無料ラインを設定していながら、それを伝えきれずに機会を逃しているストアは少なくありません。\u003c\/p\u003e\n\u003cp\u003eこのセクションは、カートの金額に応じて「あと◯◯円で送料無料」をリアルタイムに表示し、プログレスバーで達成までの距離を視覚化します。カート操作（追加・変更・削除）に即座に反応してメッセージとバーが更新されるため、訪問者は「もう一品追加すれば送料が浮く」という選択を自然に意識します。客単価（AOV）を底上げする、もっとも費用対効果の高い導線のひとつです。\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\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\u003ch3\u003e\u003cstrong\u003e💬 3つの状態に合わせたメッセージ切り替え\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e同じバーでも、訪問者の状況に応じて伝えるべきメッセージは変わります。本セクションはカートの状態を自動判定し、3パターンのメッセージを使い分けます。\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：「あと[残額]で送料無料！」と、購入を後押しする残額メッセージ\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003e達成したとき\u003c\/strong\u003e：「🎉 送料無料でお届けします！」と達成の喜びをフィードバック\u003c\/li\u003e\n  \u003cli\u003e各メッセージは \u003ccode\u003e[amount]\u003c\/code\u003e プレースホルダで金額を埋め込み、文言は自由に書き換え可能\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🎨 ストアのトーンに合わせて細部まで調整できる（30の設定項目）\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eプログレスバーの高さ（4〜30px）・角丸（0〜50px、完全な丸型まで）\u003c\/li\u003e\n  \u003cli\u003eバー背景色・進捗色（未達成）・進捗色（達成）を個別に指定\u003c\/li\u003e\n  \u003cli\u003e文字色・強調文字色（金額部分）・達成時の強調文字色を個別に指定\u003c\/li\u003e\n  \u003cli\u003eアイコン絵文字（🚚 🎁 など）の差し替え・非表示切替\u003c\/li\u003e\n  \u003cli\u003eメッセージサイズ（PC\/モバイル別）\u003c\/li\u003e\n  \u003cli\u003e現在金額・目標金額のラベル文言とON\/OFF切替\u003c\/li\u003e\n  \u003cli\u003e見出しテキスト・色・サイズ（PC\/モバイル別）\u003c\/li\u003e\n  \u003cli\u003ePC\/モバイルの余白（上下左右）を個別調整\u003c\/li\u003e\n  \u003cli\u003e背景色・最大幅（px）\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🌍 通貨表示に自動対応\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eJPYなどの整数通貨は小数点なし、USDなどは小数点2桁で自動表示\u003c\/li\u003e\n  \u003cli\u003eブラウザ標準のIntl.NumberFormatを利用し、通貨記号・桁区切りもロケールに合わせて整形\u003c\/li\u003e\n  \u003cli\u003e多通貨ストアでも、訪問者の通貨に追従した金額表示が可能\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📱 どの画面サイズでも違和感なく溶け込む\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePC\/モバイルレスポンシブ。ブレイクポイント750px\u003c\/li\u003e\n  \u003cli\u003eメッセージサイズ・余白をPC\/モバイル別に個別設定\u003c\/li\u003e\n  \u003cli\u003earia-valuemin \/ aria-valuemax \/ aria-valuenow を備えたプログレスバー（スクリーンリーダー対応）\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e⚡ ページ表示速度を犠牲にしない設計\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e外部スクリプトの読み込みやアプリ連携のオーバーヘッドが発生しないため、Core Web Vitalsへの悪影響がありません。月額課金のアプリでよくある「バーが遅れて表示される」「カート操作とバーの更新にタイムラグがある」といったストレスもありません。テーマに直接組み込まれているため、初回描画から正しい金額・進捗が表示されます。\u003c\/p\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月額 ¥500〜1,500\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e買い切り ¥1,480\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003ctr\u003e\n\u003ctd\u003e1年使うと\u003c\/td\u003e\n\u003ctd\u003e約 ¥6,000〜18,000\u003c\/td\u003e\n\u003ctd\u003e¥1,480 のまま\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\n  \u003cstrong\u003e制作を請け負う方へ:\u003c\/strong\u003e カート連動のリアルタイム進捗表示をゼロから実装すると4〜6時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。\n\u003c\/p\u003e\n\n\u003c!-- ご利用上の注意（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e⚠️ ご購入前にご確認ください\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e送料無料ライン（しきい値の金額）は、\u003cstrong\u003eセクション設定で手動で指定する方式\u003c\/strong\u003eです。Shopify管理画面の「配送と配達」で設定した送料条件は、仕様上テーマ側から自動で取得できないため、送料設定とバーの金額が自動で連動するわけではありません。\u003c\/p\u003e\n\u003cul\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\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":52210229215515,"sku":null,"price":1480.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/1_70dd70f8-29f3-4c55-9d95-b508a5515aa3.jpg?v=1778851560"}],"url":"https:\/\/copilify.com\/collections\/recommendation.oembed","provider":"Copilify","version":"1.0","type":"link"}