3分の動画、お客様は30秒で離脱する。「目次」があれば話は変わる。
商品の使い方動画やブランドストーリーをストアに載せても、お客様が最後まで見てくれるとは限りません。
見たい情報にすぐたどり着けなければ、動画は「置いてあるだけ」のコンテンツになってしまいます。
Copilify チャプター付き動画プレーヤーは、動画の下に目次（チャプターリスト）を表示し、お客様がワンタップで見たい場面にジャンプできる仕組みです。
再生中のチャプターがリアルタイムでハイライトされるので、今どこを見ているかも一目でわかります。
アプリ不要・買い切り型で、月額コストなしにストアの動画体験を向上できます。
主な機能・特徴
チャプター（目次）ナビゲーション
動画の下にチャプター一覧を表示。タイトルと開始時間をクリックするだけで、該当シーンにジャンプします。
チャプターの数は無制限に追加でき、テーマエディタのブロックで簡単に管理できます。
再生中チャプターのリアルタイム表示
現在再生中のチャプターが動画の直下にハイライト表示されます。
チャプターリスト内でもアクティブ状態が自動で切り替わり、お客様は今どのパートを視聴しているか常に把握できます。
サムネイル＆再生ボタンのカスタマイズ
動画のサムネイル画像を自由に設定可能。再生ボタンの色・アイコン色もブランドカラーに合わせて変更できます。
サムネイルをタップすると動画がロードされる遅延読み込み方式で、ページ表示速度にも配慮しています。
チャプターデザインの細かな調整
- チャプターのテキスト色 / 背景色 / アクティブ時の背景色
- 境界線の色 / 角丸のサイズ
- チャプター表示のオン / オフ切替
PC / モバイル別のレスポンシブ設定
見出しのフォントサイズと余白（上下左右）をPC・モバイルそれぞれ個別に設定可能。
モバイルでは再生ボタンが自動で小さくなり、どの画面でも操作しやすい表示になります。
22以上の設定項目でデザインを自由にカスタマイズ
- 見出し：テキスト / 色 / PC・モバイル別サイズ
- 動画：動画ファイル / サムネイル画像 / 再生ボタン色 / アイコン色
- チャプター：テキスト色 / 背景色 / アクティブ色 / 境界線色 / 角丸
- セクション全体：背景色 / 最大幅 / PC・モバイル別余白
テーマエディタの設定画面はすべて日本語なので、直感的に操作できます。
活用例
- 商品の使い方・組み立て手順の解説
- 開封レビュー・サイズ感の紹介
- ブランドストーリー・製造工程の紹介
- ランディングページでの訴求動画
🏅 チャプター機能は、月額アプリでもほとんど見つからない
動画プレーヤー系のShopifyアプリは月額$5〜10前後が相場ですが、チャプター（目次）機能を備えたものはほとんどありません。
「見たい場面に飛べる動画」をストアに設置できること自体が、本セクションの希少な価値です。
💰 料金の考え方 — アプリと比べてください
|
動画プレーヤー系アプリ（相場） |
本セクション |
| 料金 |
月額 $5〜10（約¥750〜1,500/月）※チャプター機能なし |
買い切り ¥1,200 |
| 1年使うと |
約 ¥9,000〜18,000 |
¥1,200 のまま |
| 解約・アプリ終了時 |
機能が消える |
ずっと使える |
| サイト表示速度 |
外部スクリプト読み込みあり |
テーマ直組み込み＋遅延読み込みで影響なし |
※ $1=150円換算の概算です。数ヶ月分のアプリ利用料で本セクションの価格に達します。
制作を請け負う方へ: チャプター連動のカスタム動画プレーヤーをゼロから実装すると4〜6時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。
こんな方におすすめ
✅ 使い方・組み立て手順の説明が必要な商材を扱う方
→ 「知りたい場面」へワンタップで飛べるだけで、動画が最後まで役割を果たします。
✅ Shopify構築を請け負うフリーランス・制作会社の方
→ LPやブランドページの動画演出を、アプリ契約なしでその場で提案できます。
✅ アプリの月額課金を増やしたくないストア運営者の方
→ 買い切り¥1,200で、動画アプリの年間¥9,000〜18,000の固定費がゼロに。
🔧 開発・検証について
Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。
月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。
- Shopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます
- 開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください
- 設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内
- 導入でつまずいた場合は無料サポートで解決まで対応
