商品への画像、動画、ファイルの追加方法

リッチな商品メディアは、顧客の理解を深め、ショッピング体験を向上させ、ストアの売上を増加させることができます。このガイドでは、SHOPLINEストアの商品リストを強化するために、画像、動画、さらには3Dモデルをアップロードする方法を説明します。

商品画像のアップロード

特定の商品に画像をアップロードするには、以下の手順に従ってください：

1. SHOPLINE管理画面で、商品に移動し、画像を追加したい商品を選択します。
   
2. 商品詳細ページで、画像/動画セクションを見つけます。以下の方法のいずれかを選択してください：
   

• 画像を追加をクリックして、コンピュータから画像を選択しアップロードします。
• 画像をアップロードエリアに直接ドラッグ＆ドロップします。
• 画像がすでにファイルライブラリにある場合は、マルチメディアファイルを追加をクリックして選択します。

3. ニーズやプリファレンス設定に応じて、アップロードした画像の以下の調整を検討してください：

• 最初の画像は、商品詳細ページとすべての商品ページの両方でメインの商品画像になります。
• 画像をドラッグ＆ドロップして順序を変更できます。
• 画像を削除するには、画像を選択して削除をクリックします。

• 特定の画像の開くアイコンをクリックすると、以下のことができます：

  • 画像をフルサイズで表示する。
  • SEOを強化するために画像のALT属性を追加する。
  • 画像の使用シーンや撮影背景などのコンテキストを提供するためにキャプションを追加する（最大255文字）。画像のファイル名も参照用にここに表示されます。
  • 画像をトリミング、反転、回転して編集する。
  • 画像をダウンロードする。

  注：エディターで画像のALTテキストとキャプションに加えた変更は、商品ページの画像にのみ適用され、元のファイルがあるファイルライブラリには自動的に同期されません。

4. 画像のアップロードを保存するには、更新をクリックします。

商品画像をアップロードすると、オンラインストアの商品詳細ページに表示されます。

商品バリエーションへの画像追加

メイン画像の追加

バリエーションがある商品には、それぞれのバリエーションに特定の画像を割り当てます。

1. SHOPLINE管理画面で、商品に移動し、目的の商品を選択します。
   
2. 商品詳細ページで、SKUリストセクションを見つけ、バリエーションの＋アイコンをクリックします。
   
3. メイン商品画像からバリエーション画像を選択するか、新しい画像をアップロードします。
   

顧客が商品ページでバリエーションを選択すると、この画像が表示されます。

サムネイルの追加

さらに、各バリエーションのサムネイルをアップロードします。

1. 上記のメイン画像の追加セクションのステップ1と2を実行します。
2. ＜strong＞バリエーション＜/strong＞セクションで、目的のバリエーションの＜strong＞修正＜/strong＞アイコンをクリックします。
   
3. ポップアップウィンドウで、＜strong＞＋＜/strong＞アイコンをクリックしてサムネイルをアップロードし、＜strong＞保存＜/strong＞をクリックします。
   

アップロードされたサムネイルは、商品ページのバリエーションオプションの横に表示されます。

商品動画の追加

魅力的な動画で商品を紹介しましょう！以下の手順に従ってください：

1. SHOPLINE管理画面で、商品に移動し、動画を追加したい商品を選択します。

2. 商品詳細ページで、画像/動画セクションを見つけます。以下の方法のいずれかを選択してください：

   

   • 動画URLを追加（YouTube）： 動画URLを追加をクリックし、YouTube動画のURLをフィールドに貼り付けて、確認をクリックします。
   • ファイルライブラリから追加： ファイルライブラリから追加をクリックし、ファイルタイプのドロップダウンから動画を選択し、追加したい動画を選んで、完了をクリックします。
   • ローカルデバイスからアップロード： ＋ アイコンをクリックし、コンピュータから動画ファイルを選択して、開くをクリックしてアップロードします。

3. 動画がアップロードされたら、その上にカーソルを合わせて、開く アイコンをクリックして動画エディターを開きます。

   

   以下の設定が可能です：

   

   • 動画カバー：動画再生前に表示される画像をアップロードまたは差し替えます。対応フォーマット：.gif、.jpg、.jpeg、.png、.webp、.svg（最大10MB）。カスタムカバーが設定されていない場合、システムは自動的に動画の最初のフレームをカバー画像として使用します。
   • ALTテキスト：アクセシビリティおよびSEOのために動画内容を説明します（最大512文字）。
   • キャプション説明：動画の使用シーンや撮影背景などのコンテキスト情報を追加します（最大255文字）。

   注：エディターで動画のALTテキストおよびキャプションを変更しても、その変更は商品ページ上の動画にのみ適用され、元のファイルライブラリ内のファイルには自動的に同期されません。

4. 動画のアップロードを保存するには、更新をクリックします。

3Dモデルの追加

3D商品モデルを表示して顧客体験を向上させましょう！これらのモデルにより、顧客は商品のサイズ、比率、詳細を三次元で確認できます。

事前に撮影または生成された3Dモデルファイルは、3D&AR商品ビューアーアプリを使ってアップロードしてください。3Dモデルの生成およびアップロードの詳細については、商品3D&AR表示ユーザーガイドを参照してください。

ファイルライブラリでメディアを整理する

画像、動画、その他のファイルをより簡単にアクセス・管理するために、ファイルライブラリにアップロードすることをお勧めします。手順は以下の通りです：

1. SHOPLINE管理画面で、設定 > ファイルライブラリに移動します。
   
    
2. (任意) アップロードしたファイルをさらに整理するためにファイルグループを作成します。
   
    
3. ファイルをアップロードをクリックします。
   
    
4. ファイルグループを作成している場合は、ファイルのグループを選択します。次に、アップロードエリアをクリックするか、ファイルをドラッグ＆ドロップしてアップロードします。
   
    
5. アップロードは自動的に開始され、アップロードされたファイルはファイルリストに表示されます。

対応ファイル形式とサイズ：

商品画像の保護

商品画像を保護するために、ストアにアップロードする前に外部の画像編集ツールを使ってウォーターマークを追加することができます。現在、SHOPLINE内では画像へのウォーターマークの適用はサポートされていません。

SHOPLINEでサポートされている代替の保護方法として、コンバージョン率改善ツールアプリの右クリック禁止機能を利用できます。これにより、訪問者がストアフロント上の画像を右クリックで保存することを防ぎ、軽度の画像コピーを減らすことができます。この機能を有効にするには、以下の手順に従ってください：

1. SHOPLINEのアプリストアからコンバージョン率改善ツールをダウンロードしてインストールします。
2. アプリのトップページから左のメニューの右クリック禁止に進み、右クリックを禁止するを選択して更新をクリックします。
3. SHOPLINE管理画面のオンラインストア > デザインに進み、現在のテーマのセクションでデザインをクリックします。

4. テーマエディターでアプリ埋め込みに進み、右クリック禁止を有効にします。