動画パーツ｜Shopper App

アプリのトップページを編集する際、動画パーツを追加して、YoutubeまたはVimeoの動画をトップページに追加することができます。

この記事では以下の内容を説明します：

• 動画パーツを追加する
• 動画パーツを編集する

1. 動画パーツを追加する 

ステップ 1

SHOPLINE管理画面に移動し、[Shopper App管理] > [アプリデザイン] > [トップページデザイン] > [現在のテンプレート]を選択します。セットアップをクリックしてアプリページエディタに入ります。

ステップ 2

パーツを追加するボタン⊕をクリックします。

ステップ 3

動画パーツを選択し、プレビューエリアの中央にドラッグして位置を設定します。パーツが表示されると、新しいパーツが正常に追加されたことを意味します。

2. 動画パーツを編集する

ステップ 1

YouTube、Facebook、またはVimeoのURLを入力します。

*注意：Facebook動画のURLは「videos」または「watch」形式のみをサポートしています。例：

• https://www.facebook.com/Creator/videos/01234567890
• https://www.facebook.com/watch?v=0123456789

ステップ 2

このオプションを有効にすると、画像/動画が余白なしで端から端まで表示されます。

[近日公開] ステップ 3

画像を追加をクリックしてカバー画像をアップロードします。JPG/PNG/JPEG/GIF形式がサポートされており、最大ファイルサイズは2MBです。

*注意：

• カバー画像のアップロードはオプションです。ただし、Facebook動画を使用する場合は、ぼやけた表示を避けるために高品質のカバー画像をアップロードすることをお勧めします。
• カバー画像がアップロードされると、Facebook動画はプレビューエリアで再生されなくなりますが、顧客はアプリ内で問題なく視聴できます。

ステップ 4

動画リンクの下で、「画像（動画）比率」を選択できます。動画の比率に基づいて、動画のプレゼンテーションやストアフロントでの表示に左右または縦のレイアウトを使用するかどうかを決定できます。

• 左右レイアウトの比率は16:9です。
  
   
• 縦レイアウトの比率は9:16です。
  

ステップ 5

タイトルはデフォルトで無効になっています。トグルを切り替えて、30文字以内のタイトルを表示します。

ステップ 6

説明文はデフォルトで無効になっています。トグルを切り替えて、30文字以内の説明を表示します。

ステップ 7

リリーススケジュール（予定棚時間）を設定します。開始時刻と終了時刻の横にある「カレンダー」アイコンをクリックして日付と時刻を選択するか、期限なしボックスにチェックを入れます。

日付と時刻を選択するアイコンをクリックすると、ポップアップウィンドウが表示されます（以下のように）。設定が完了したら、OKをクリックして進みます。

ステップ 8

エリアの左側にあるパーツリストエリア (➊)、中央のプレビューエリア (➋)、または右下 (➌) でパーツの位置を移動したり、パーツを削除したりできます。

ステップ 9

設定を確認したら、保存をクリックして変更を保存します。動画パーツの編集が完了したら、更新して使用をクリックして更新を公開します。