こんにちは、MakeShopのあらいです。
いつもMakeShopをご利用いただきありがとうございます。

今回は商品詳細ページやトップページに【YouTubeの動画】を埋め込む方法をご紹介します!

こんなお悩みありませんか?

・YouTubeに公開した動画をショップに表示したいけどどうやるの?

[難易度 ★☆☆ ]
商品の魅力をもっと伝えたい!
【YouTube動画】を埋め込む方法!

それでは早速、みていきましょう!

設定方法

(1)「共有」をクリック!

埋め込みたい【YouTube】のページを開き「共有」をクリックします。

YouTube埋め込む

(2)「埋め込む」をクリック!

「埋め込む」をクリックします。

YouTube埋め込む

埋め込む

(3)「埋め込みコード」をコピー!

好みのオプションにチェック入れ、表示されている「埋め込みコード」をコピーします。

YouTube埋め込み
参考:YouTube ヘルプ

動画のサイズを変更したい場合は、
1280×720、853×480 など動画の縦横比を保ったサイズにすると綺麗に表示されます。

初期値:横幅(width)560px、高さ(height)315px

▼Internet Explorer(IE11)の場合

YouTube埋め込みIE

※IEご利用の場合は、「画像のサイズ」からプルダウンでサイズを選択、またはカスタムサイズを選択し(横幅×高さ)を入力して動画のサイズを調整することができます。

(3)「埋め込みコード」を入力!

▼商品詳細ページに埋め込む場合

【商品管理】>【商品の設定】>【商品の登録】

商品詳細内容入力の「PC用メイン商品説明文」や「PC用追加商品説明文」
エディターなどにコピーした「埋め込みコード」を入力します。

YouTube動画を埋め込む

▼トップページに埋め込む場合

【独自デザイン(PC)】>【トップページ編集】>【中央画面管理】

エディターにコピーした「埋め込みコード」を入力します。

YouTube動画を埋め込む

設置完了!

→かんたんですね。

【YouTube動画事例】

上手に「YouTube動画」を掲載しているショップ様を見てみましょう。

▼商品詳細ページ

YouTube動画 京都・祇園生まれのパン・ボローニャ様
「画像素材提供 京都・祇園生まれのパン・ボローニャ様」※2019年3月掲載追加しました。

▼商品詳細ページ

YouTube動画 JA魚沼みなみ様
「画像素材提供 JA魚沼みなみ様

▼トップページ

YouTube動画 JA魚沼みなみ様
「画像素材提供 JA魚沼みなみ様

・YouTubeは、MakeShopのシステムに関係なくご利用いただけます。
 ショップ様でご判断のうえ、ご利用ください。
・2017年10月時点のご紹介記事となります。

関連記事スマホで埋め込んだ【YouTube動画】をレスポンシブにしたいも合わせてご参照ください。

いかがでしたでしょうか。
動画は、画像だけでは表現できない商品の良さや特徴を伝えることができます。
YouTubeに公開した動画をショップに掲載して商品の魅力をより伝えてみましょう!

それではまた!