eCommercePlayer
ブログに戻る
ShopifyPlatformsVideo6分で読める

Shopifyストアに商品動画を追加する方法

Chris Montgomery

Shopifyの標準動画サポートについて

Shopifyでは、商品メディアギャラリーに動画ファイルを直接アップロードできます。Shopify管理画面の商品ページで「メディアを追加」をクリックし、MP4ファイルをアップロードするだけです。動画は商品画像のカルーセルに、写真と並んで表示されます。

Shopify商品ページのメディアギャラリーに埋め込まれた動画プレーヤー

シンプルで使いやすい方法ですが、唯一の手段として採用する前に知っておくべき制限事項があります。

  • 対応フォーマットの制限:MP4ファイルのみ対応しています。他のフォーマットの動画はアップロード前に変換が必要です。
  • 配置が固定:動画はページ上部の商品メディアギャラリーにのみ表示されます。より効果的な商品説明の途中などに動画を配置することはできません。
  • 音声非対応:Shopifyの標準メディアギャラリーは音声ファイルに対応していません。レコードや楽器など、音が売りの商品を販売している場合、Shopifyの標準機能では購入者に商品の音を聞かせることができません。
  • アナリティクス機能が限定的:Shopifyでは特定の商品動画が何回再生されたかを確認できません。ページへの訪問者数は把握できますが、実際に動画を視聴した人数はわかりません。

これらの制限により、動画施策の効果を測定するのが難しく、音声を主体とした商品カテゴリへの対応も困難です。

別の方法:商品説明にプレーヤーを埋め込む

Shopifyの商品説明フィールドはHTMLに対応しています。つまり、サードパーティの動画プレーヤーを商品説明内の好きな場所に直接埋め込めます。ページ上部に固定されているメディアギャラリーとは異なり、埋め込みプレーヤーは説明文の任意の位置に配置できます。

ここでeCommercePlayerの出番です。手順はシンプルです:eCommercePlayerに動画をアップロードし、プレーヤーを作成し、埋め込みコードをコピーして、HTMLエディターでShopifyの商品説明に貼り付けるだけです。

埋め込みコードはレスポンシブプレーヤーを読み込む小さなHTMLスニペットです。商品ページの幅に自動的に適応するため、デスクトップとモバイルの両方で正しく表示されます。動画は遅延読み込みされるため、動画を追加してもページの表示速度が低下しません。

手順:ShopifyにeCommercePlayer動画を追加する

最初から最後までの手順をご説明します。

Shopifyに動画を追加する3つのステップ:メディアのアップロード、プレーヤーの作成、埋め込みコードの貼り付け

  1. ecommerceplayer.comで無料アカウントを作成します。フリープランはクリップ5つまで対応しており、クレジットカードは不要です。
  2. 動画または音声ファイルをアップロードします。エンコードには通常数分かかります。
  3. プレーヤーを作成します。名前を付け、メディアクリップを追加します。
  4. プレーヤーの公開ページを開きます。複数の埋め込みコードオプションが表示されます。Shopifyにはスタンダード埋め込みコードをコピーします。
  5. Shopify管理画面の「商品」から、動画を追加したい商品を選択します。
  6. 商品説明エディターで、HTML表示ボタン(山括弧のアイコン)をクリックします。
  7. 動画を表示したい場所に埋め込みコードを貼り付けます。
  8. 保存をクリックします。

以上です。商品ページをプレビューすると、説明文の中に動画プレーヤーが埋め込まれているのが確認できます。デスクトップとモバイルの両方で動作し、スムーズに再生でき、広告やサードパーティのブランドは表示されません。

Shopifyのギャラリーではなく埋め込みプレーヤーを使う理由

Shopifyの標準動画サポートの代わりに、あるいはそれに加えて、埋め込みプレーヤーを使用する理由がいくつかあります。

機能Shopify標準ギャラリーeCommercePlayer埋め込み
配置の自由度固定(ページ上部のみ)説明文の任意の場所
音声ファイル対応なしあり(MP3、WAV)
プレイリストなしあり
再生回数アナリティクスなしあり
ヤフオク・Mercariでも使えるなしあり

配置の自由度により、動画をページ上のどこに表示するかを自由に決められます。商品説明の直後、サイズ表の横、または状態説明の最後など、最も効果的な場所に配置できます。ギャラリーでは、カルーセル内のサムネイルの一つに過ぎません。

音声対応は、音が重要な商品を販売する場合に不可欠です。eCommercePlayerはMP3、WAVなどの音声フォーマットをネイティブでサポートしており、専用のオーディオプレーヤーインターフェースを提供します。Shopifyにはこの機能がありません。

プレイリスト機能により、複数のクリップをまとめたプレーヤーを作成できます。複数の角度から撮影した動画や、動画デモと音声サンプルを組み合わせて一つのプレーヤーにまとめることができます。Shopifyのギャラリーでは、各動画は個別のメディアアイテムとして扱われ、グループ化はできません。

クロスプラットフォーム対応により、ShopifyとヤフオクやMercariで販売している場合でも、同じeCommercePlayerプレーヤーをすべてのプラットフォームで利用できます。一度アップロードすれば、どこにでも埋め込めます。Shopifyの標準動画はShopifyでしか使えません。詳しい比較については、eCommercePlayerとYouTubeの商品リスティング比較をご覧ください。

両方を組み合わせて使う

どちらか一方を選ぶ必要はありません。両方を活用する出品者もいます:Shopifyメディアギャラリーに短い商品概要動画を追加して画像カルーセルに表示させつつ、商品説明には詳細な埋め込みプレーヤーを配置する方法です。

ギャラリーの動画は商品画像をスワイプする購入者の目に留まります。埋め込みプレーヤーは説明文を読む購入者に届きます。購入者によってショッピングのスタイルは異なるため、両方の場所に動画を配置することで、より多くの購入者に動画を届けられる可能性が高まります。

複数のプラットフォームで販売している場合、次の方法が実用的です:eCommercePlayerに動画を一度アップロードします。Shopifyやご自身のウェブサイトにはスタンダード埋め込みコードを使用します。ヤフオクには画像リンクコードを使用します。さらに任意で、Shopifyの標準ギャラリー用にMP4をアップロードすることもできます。1つの動画ファイルで、すべての販売チャネルをカバーできます。

Shopify商品動画のヒント

動画は90秒以内に収めましょう。Shopifyの購入者は商品を素早くチェックして決断を下したいと考えています。長い動画は途中で離脱されてしまいます。

埋め込みプレーヤーは説明文の上部近くに配置しましょう。最下部に埋もれないようにしてください。多くの購入者は最後までスクロールしません。制作する価値のある動画なら、目に留まる場所に置く価値もあります。

見やすいサムネイルを使いましょう。自動生成でもカスタムでも、サムネイルは動画の第一印象です。暗い・ぼやけた・わかりにくいサムネイルはクリックされません。

横向きで撮影しましょう。 Shopifyの商品ページは動画をワイドスクリーン形式で表示します。縦向きの動画は左右に黒い帯が入り、不自然に見えます。

音が重要な商品を販売しているなら、音声を積極的に活用してください。レコードの再生音、楽器を弾く音、機械式時計のカチカチという音を30秒録音したものは、どんな写真よりも説得力を持つことがあります。eCommercePlayerのフリープランでリスクなしにお試しいただけます。効果的な商品動画の作り方については、商品動画のヒント(2026年版)もご参照ください。同じ原則がShopifyにも当てはまります。

動画を追加した後は、スマートフォンで商品ページを確認してください。Shopifyのトラフィックの半数以上はモバイルからです。プレーヤーが正しく表示されているか、サムネイルが明確か、動画が問題なく読み込まれて再生されるかを確認してください。この30秒のチェックで、購入者が問題に遭遇する前に対処できます。

Etsyでも販売している場合は、Etsyリスティングに動画と音声を追加する方法もご覧ください。

関連記事

出品にメディアを追加しませんか?

1分以内で無料アカウントを作成できます。クレジットカードは不要です。

Shopifyに商品動画を追加する方法(ステップごとに解説) | eCommercePlayer