Shopifyの説明文にMP4ビデオを追加する方法


Shopifyの説明文にMP4ビデオを追加する方法を紹介します。以下にシンプルで簡単な手順といくつかのコード例を示します。

  1. ビデオをホスティングする: まず、MP4ビデオファイルをホスティングする必要があります。一般的な方法として、ビデオを外部のホスティングプラットフォーム(YouTubeやVimeoなど)にアップロードすることができます。または、Shopifyのファイル管理機能を使用して、ビデオファイルをアップロードすることもできます。

  2. ビデオの埋め込みコードを取得する: ビデオをホスティングした場所によって、埋め込みコードの取得方法が異なります。ホスティングプラットフォームによっては、ビデオの共有機能や埋め込みオプションが提供されている場合があります。ビデオの埋め込みコードを取得し、コピーしておきましょう。

  3. Shopifyの説明文に埋め込みコードを追加する: Shopifyの管理画面にログインし、商品の編集画面に移動します。説明文の編集エリアを見つけて、埋め込みコードを追加したい場所にカーソルを置きます。

  4. HTMLビューに切り替える: 説明文の編集エリアには、デフォルトで「ビジュアル」モードが選択されています。埋め込みコードを追加するためには、HTMLビューに切り替える必要があります。エディタ上部の「HTML」または「<>」といったボタンをクリックしてHTMLビューに切り替えます。

  5. プレビューと公開: 編集を保存したら、商品ページのプレビューモードでビデオが正しく表示されるか確認してください。ビデオが正常に表示されることを確認したら、商品ページを公開します。