Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
appLive001視聴画面に商品を表示する流れ(アプリ)
Search
live_cottage
PRO
June 24, 2025
390
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
appLive001視聴画面に商品を表示する流れ(アプリ)
live_cottage
PRO
June 24, 2025
More Decks by live_cottage
See All by live_cottage
配信機材の配置
live_cottage
PRO
0
60
(旧)Live cottage管理画面の ログイン方法 ーご契約担当者様用
live_cottage
PRO
0
190
012ログイン方法 ー新規ユーザー用
live_cottage
PRO
0
190
(旧)パスワード再設定方法 -「パスワードをお忘れの場合」から
live_cottage
PRO
0
69
003商品を登録する
live_cottage
PRO
0
300
004視聴画面に商品を表示する(管理画面)
live_cottage
PRO
0
540
006ライブの予定を登録する(テスト配信用)
live_cottage
PRO
0
160
006-02ライブの予定を登録する(本番配信用)
live_cottage
PRO
0
83
008配信者固定コメントを表示する(管理画面)
live_cottage
PRO
0
180
Featured
See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
310
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
330
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
The SEO identity crisis: Don't let AI make you average
varn
0
590
Utilizing Notion as your number one productivity tool
mfonobong
4
620
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3.1k
Odyssey Design
rkendrick25
PRO
2
880
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
540
From π to Pie charts
rasagy
1
400
Mobile First: as difficult as doing things right
swwweet
225
10k
Transcript
視聴画面に商品を表示する -アプリでの操作
2 • 事前準備:商品を読み込む • 商品を視聴画面に表示する • 複数の商品を表示する • 順番を入れ替える index
3 配信開始前:事前準備
4 1 配信予定ライブのスタンバイ画面に入る 配信予定ライブの 配信スタンバイ画面へ進む 左下の「item list」 を タップする 右下の「+」
をタップ
5 2 紹介予定の商品を読み込んでおく 商品リストには PC管理画面で 登録した商品が 表示されます 商品リストが表示される 紹介予定の商品を選択して 右下の「追加」をタップ
紹介したい商品が 読み込まれた状態となった
6 活用のポイント ▪配信開始後も商品読み込み可能 事前に「紹介予定の商品」を読み込んでおくのがオススメですが、 ライブ開始後でも読み込むことは可能です。 ▪配信開始後も読み込んだ商品の編集が可能
読み込み済みの商品であれば、登録内容(価格・商品URL・商品番号など) の編集(修正)は可能です。 ▪商品の「登録」はPC管理画面でのみ 商品登録は配信アプリからはできないので、 事前にPC管理画面から登録しておく必要があります。 商品の読み込み・商品登録について
7 活用のポイント お客様のコメントで「◯◯はありますか?」等の リクエストコメントが入ることがありますが、 臨機応変に対応して商品を表示していきたい場合は、 ・紹介する可能性のある商品を多めに登録しておくか
・ライブ中にPC管理画面も開いておき、 その場で商品登録ができる準備が必要となります。
8 配信中の操作
9 1 item list をタップ 商品名の右にある […]をタップします 開いたメニューにて 「表示する」をタップ 「item
list」に商品を表示する
10 2 「item list」を確認する 商品が「item list」内で 表示状態となります ライブ視聴画面 右下の「item list」が
タップできるようになり 「item list」をタップすると 下から商品リスト表示
11 3 商品を視聴画面に表示する 商品画像の左にある ピンマークをタップすると 視聴画面の右下に 商品画像が表示されます ライブ視聴画面 配信アプリ上で 右下に表示されます
12 4 複数の商品を「item list」に追加していく 複数の商品が 「item list」に表示されました ライブの進行に合わせて 1つずつ表示していく 「すべて表示」で全商品を
「item list」に表示しておく ライブ視聴画面 or
13 5 複数の商品を視聴画面に表示する 複数の商品が 視聴画面に表示されました 複数商品のピンマークを タップすると 配信アプリ上でも 複数商品が表示されます ライブ視聴画面
14 活用のポイント ▪ライブの進行に合わせて商品を1つずつ表示していく展開の場合は、 「いま紹介している商品」に集中していただくことができます。 その一方で、その商品に興味がなければ離脱される可能性もあります。 ▪全商品を「item
list」に表示しておく場合は、 視聴されているお客様がご自身のペースで商品ページを確認して、 気になる点をコメントで質問することができます。 質問内容によっては、 予定していたライブの流れとは異なった展開 に なることもありますので、臨機応変な対応が求められます。 全商品を「item list」に表示していると、紹介できなかった商品があった場合 に「ライブでの説明がなくて残念だった」とコメントが届くケースも考えられま す。9つの商品を紹介する予定の場合には、 3つずつ表示していくような表 示タイミングの工夫をしても良いかもしれません。 商品をどのように紹介していくか?
15 6 4つ以上の商品を表示した場合 商品画像をスクロールして 確認できるようになります 3つ以上の商品をピン止めして 固定表示をした際は ライブ視聴画面 ピン止め商品が3つ以上 あることがわかる状態となり
16 7 表示した商品を並べ替える ピンマークの左のマークを タップしたまま 下に移動させると 並び順を 変えることができます
Thank You