商品紹介動画

¥4,900.00

WooCommerce に商品動画を表示する機能を追加するアドオン

商品コード: product-video-for-woocommerce カテゴリー: タグ:

標準の WooCommerce は商品の詳細ページに画像を掲載します。

商品紹介動画は、通常は画像を掲載するフィールドに、動画を掲載できるプラグインです。

UXの向上が見込めるので、結果的にコンバージョン率アップが期待できます。

 

 

商品ページに動画を掲載

標準の WooCommerce は、商品の詳細ページで画像が表示されるフィールドは画像しか表示できません。

しかし、商品紹介動画を利用すれば、画像のフィールドに動画を埋め込めるようになります。

商品一覧ページでも動画を掲載

商品一覧ページでも、動画サムネイルを表示することができます。

また、商品一覧ページで表示する画像や動画、商品詳細ページに表示させる画像や動画を分けて設定できます。

商品紹介動画 の使い方

 

基本設定

このプラグインをインストールして有効化すると、以下の箇所に [製品ビデオ] というメニューが追加ます。このメニューから、[製品ビデオ]（商品紹介動画）の設定を行います。
動画の再生に関する設定（自動再生、ループ再生、ミュート）やショップページでの動画（サムネイル）などのサイズの設定を行います。

  1. サイドメニュー > [製品ビデオ] > [設定] をクリックします。
    product-video-for-woocommerce_サイド＞製品ビデオ＞設定
  2. 表示された３つのタブから製品ビデオの各設定を行います。
    ・セルフホスト動画の設定（注目動画）
    product-video-for-woocommerce_サイド＞製品ビデオ＞設定＞①セルフホスト動画
    ・サードパーティーの動画設定（注目動画）
    product-video-for-woocommerce_サイド＞製品ビデオ＞設定＞②サードパーティーの動画設定
    ・サードパーティーのビデオ設定（ビデオギャラリー）
    product-video-for-woocommerce_サイド＞製品ビデオ＞設定＞③サードパーティーのビデオ設定
  3. 各タブを設定後は、[変更を保存] をクリックします。

 

このプラグインの主な設定は以上の画面で行います。

 

動画の追加

このプラグインを使用すると、商品画像を動画に置き換えることができます。動画はポップアップや画面上で再生が可能です。
動画を追加するには「商品編集ページから追加」と「ギャラリーに追加」する２通りの方法があります。まずはじめに、商品編集ページに画像を追加してみましょう。

 

動画ファイルの形式

現在サポートされている動画ファイルの形式は主に以下の通りです。

  • MP4
  • MKV
  • AVI
  • MOV
  • FLV
  • WMV
    ※ファイル形式が上記以外の物があればご連絡ください。追加料金なしでご対応いたします。

一覧ページにおすすめの動画を表示し、動画のサムネイルをカスタマイズできます。 以下は、このプラグインの主な機能です。

 

商品編集ページから

WoCommerceの商品編集ページから紹介動画を追加します。

  1. サイドメニュー > [商品] > をクリックします。
    product-video-for-woocommerce_サイド＞商品
  2. 一覧から動画を追加したい商品をクリックします。
    product-video-for-woocommerce_サイド＞商品選択
    ※商品を新規で作成する場合は、[新規追加] をクリックします。
    product-video-for-woocommerce_サイド＞商品選択
  3. [注目動画] の項目を設定します。
    product-video-for-woocommerce_サイド＞商品編集＞注目動画
  4. 画面右上の [プレビュー] をクリックして表示の確認を行います。
    product-video-for-woocommerce_サイド＞商品編集＞注目動画＞プレビュー
    設定した注目動画の画面が表示されます。
    product-video-for-woocommerce_サイド＞商品編集＞注目動画＞プレビュー表示
  5. 画面右上の [更新／公開] ボタンをクリックします。
    product-video-for-woocommerce_サイド＞商品編集＞注目動画＞公開

 

これで商品に紹介動画が追加されました。

 

[新しいビデオを追加] メニューから追加

[製品ビデオ]  > [新しいビデオを追加] から、商品に動画を追加します。

  1. サイドメニュー > [製品ビデオ] > [新しいビデオの追加] をクリックします。
    product-video-for-woocommerce_サイド＞製品ビデオ＞新しいビデオの追加
    [新しいビデオを追加] の編集画面が表示されます。
    product-video-for-woocommerce_サイド＞製品ビデオ＞新しいビデオを追加編集画面
  2. 各項目を設定します。
    product-video-for-woocommerce_サイド＞製品ビデオ＞新しいビデオを追加編集画面入力後
    ※[製品を添付] の項目は、3文字以上入力すると、該当の商品の検索結果から選択します。
  3. 画面右上の [プレビュー] をクリックして表示の確認を行います。
    問題がなければ、画面右上の [公開／更新] をクリックします。
    product-video-for-woocommerce_サイド＞商品編集＞注目動画＞公開
    商品動画一覧に新しいビデオが追加されます。
    product-video-for-woocommerce_サイド＞製品ビデオ一覧

 

これで商品に紹介動画が一覧に追加され、商品にも添付されました。

 

レビュー

レビューはまだありません。

“商品紹介動画” の口コミを投稿します

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です