Start Strong
Sell Smart
Manage with Ease
Market to Success

商品メディアの管理：画像・動画・ファイルのアップロードと最適化

魅力的な商品メディアは、顧客の理解を深め、ショッピング体験を向上させ、売上の最大化に貢献します。本ガイドでは、SHOPLINEストアの商品リストを強化するために、画像・動画・3Dモデルのアップロード方法を紹介します。

注：
すべてのSHOPLINEテーマは、アップロードされた商品メディアの表示に対応しています。

 

 

商品画像のアップロード

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

  1. SHOPLINEの管理画面で、商品ページに移動し、画像を追加したい商品を選択します。
    1.1.png
  2. 商品の詳細ページで、商品の画像／動画セクションを見つけます。次のいずれかの方法を選択します。
    1.2.png
    • 「マルチメディアファイルを追加」をクリックし、コンピューターから画像を選択してアップロード
    • 画像を直接アップロードエリアにドラッグアンドドロップ
    • 画像がすでにファイルライブラリにある場合は、「マルチメディアファイルを追加」をクリックして選択

  1. 必要に応じて、アップロードした画像に以下の調整を行うことができます。

    • 最初の画像は、商品の詳細ページおよび全商品ページでメインの商品画像として表示されます。
    • 画像の並び替えは、ドラッグ＆ドロップで調整可能です。
    • 画像の削除を行うには、削除したい画像を選択し、[削除] をクリックします。
    • 特定の画像の拡大アイコンをクリックすると、以下の操作が可能です。
      • フルサイズで表示
      • SEO向上のためのALT属性の追加
      • 画像のトリミング・反転・回転
      • 画像のダウンロードまたは削除
  2. [更新] をクリックして画像のアップロードを保存します。

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

注：
  • 特定の商品に画像を追加するには、商品名の入力が必要です。
  • サポートされている画像形式：
    • jpg、png、webp、SVG（10 MB制限、4 MB推奨）。
    • GIFアニメーションもサポートされています（8 MB制限）。
    • 商品画像が正方形の場合、800×800pxのサイズが推奨されます。

 

 

商品バリエーションに画像を追加する

 

メイン画像の追加

バリエーションを持つ商品には、各バリエーションに特定の画像を割り当てます。

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

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

 

サムネイルの追加

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

  1. 上記のメイン画像の追加段落の手順1と2に従います。
  2. バリエーションセクションで、対象のバリエーションの「編集」アイコンをクリックします。
    2.2.2.png
  3. ポップアップウィンドウで、サムネイルをアップロードする＋アイコンをクリックします。その後、 [保存] をクリックします。
    2.2.3.png

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

 

 

商品動画の追加

魅力的な動画で商品を紹介するには、以下の手順に従ってください。

  1. SHOPLINEの管理画面で、商品ページに移動し、動画を追加したい商品を選択します。
    3.1.png
  2. 商品詳細ページで、商品の画像／動画セクションを見つけます。次のいずれかの方法を選択します。
    • YouTube動画：「動画を追加」をクリックし、YouTube動画のURLを貼り付けて [確認する] をクリック
      3.2.1.png
    • コンピューターからアップロード：「マルチメディアファイルを追加」をクリックし、ビデオを選択（MP4形式、最大20 MB）後、[完了] をクリック
      3.2.2.png
  1. [更新] をクリックして動画のアップロードを保存します。

注：

商品に動画を追加する際は、以下のガイドラインに従ってください。

  • 直接アップロードする場合：動画ファイルは 20MB以下 で、互換性のために .mp4形式 である必要があります。
  • YouTubeリンクを使用する場合：サイズやファイル形式の制限はありません。ただし、サポートされているのはYouTubeのURLのみ であり、他の動画ホスティングプラットフォームのURLは使用できません。

 

 

3Dモデルの追加

3D商品モデルを活用することで、顧客体験を向上させ、製品のサイズ・比率・細部を直感的に確認できるようになります。

3Dモデルをアップロードするには、事前に撮影または生成した3Dモデルファイルを3D&AR商品ビューアーアプリを使用してアップロードしてください。

3Dモデルの作成やアップロード方法の詳細については、「3D&AR 商品ビューアの基本ガイド」をご参照ください。

 

 

ファイルライブラリを使用したメディアの整理

画像、動画、その他のファイルをファイルライブラリにアップロードすると、アクセスや管理がしやすくなり、効率的に運用できます。

注：

ファイルをアップロードする前に、わかりやすいファイル名を設定してください。検索や整理をスムーズに行うため、必要に応じてストアのテーマで推奨されるフォーマット（該当する場合）に従うことを推奨します。
  1. SHOPLINEの管理画面で、設定 > ファイルライブラリ に移動します。
    5.1.png
  2. （オプション）アップロードされたファイルをさらに整理するためにファイルグループを作成します。
    5.2.png
  3. [ファイルをアップロード] をクリックします。
    5.3.png
  4. ファイルグループを作成した場合は、ファイルに1つのグループを選択します。その後、アップロードエリアをクリックするか、ファイルをドラッグ＆ドロップしてアップロードします。
    5.4.png
  5. アップロードは自動的に開始され、アップロードされたファイルがファイルリストに表示されます。

 

サポートされているファイル形式とサイズ

ファイルタイプ サポートされる形式 最大サイズ
画像 .gif, .pjp, .jpg, .pipeg, .jpeg, .jfif, .png, .bmp, .webp 10 MB
動画 .mp4 20 MB
その他のファイル .pdf, .xlsx 20 MB

 

 

 

商品画像の保護

商品画像を保護するために、ブランドの透かしを追加したり、「右クリックを無効にする」機能を有効にすることができます。

 

コンバージョン率改善ツールのインストール

「右クリックを無効にする」機能を有効にするには、コンバージョン率改善ツールアプリをインストールする必要があります。

  1. SHOPLINE管理画面から「アプリ」をクリックします。「コンバージョン率改善ツール」を検索し、インストールします。

  2. インストールが完了したらマイアプリページに戻り、インストールしたアプリをクリックしてアプリのインターフェースにアクセスします。
    6.1.1.png

 

右クリックを無効にする機能の有効化

  1. SHOPLINEの管理画面から、オンラインストア > デザイン に移動します。現在のテーマセクションの [デザイン] ボタンをクリックしてください。
    6.2.1.png
  2. エディタで「アプリ埋め込み」アイコンをクリックし、「右クリックを無効にする」機能を有効化します。
    6.2.2.png