在編輯進階頁面時，您可以透過新增「影片組合元件」，在分頁中加入 YouTube、Facebook 或 Vimeo 的影片，並且可調整影片的位置。
⚠️ 開始前請注意：
- SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
- 使用 SHOP Builder 建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。
以下將分別說明：
一、 增加影片組合元件
步驟一
前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。
步驟二
點按「元件」按鈕。
步驟三
點選「影片組合」元件。
步驟四
在欄位中輸入 YouTube、Facebook 或 Vimeo 影片網址。
點按「＋影片」按鈕可加入更多影片，最多支援一橫排加入 4 個影片。
＊注意：
- 目前尚未支援指定秒數的網址及短網址。
- 由於手機螢幕大小的限制，手機版頁面僅支援一橫排顯示 1 個影片。
步驟五
輸入影片標題，以及設定標題的對齊格式（靠左/置中/靠右）。
步驟六
調整影片的相關設定（前三項預設關閉）：
- 全寬模式：設定影片寬度為全寬模式。
- 自動播放：顧客滑動頁面至影片位置時自動播放影片。
- 預設靜音：顧客播放影片時預設為靜音模式。
- 影片比例：選擇影片比例，分為 16:9、4:3、9:16 三種比例。
- 邊距：調整影片組合元件與頁面的邊距。
＊注意：
步驟七
在設定過程中可點按下方「儲存」按鈕，於右側預覽畫面查看新增的影片組合元件。
或是點按右上方「預覽商店」，查看完整的前台預覽畫面。
＊備註：下圖以 Facebook 影片為例，支援全螢幕或前往 Facebook 觀看影片。
步驟八
確認完成上述設定後，請點按右上角「發佈」按鈕，顧客即可在商店前台查看此分頁所有新增的內容。
二、影片實際播放效果
情境一
您已開啟「自動播放」功能＋顧客使用「手機」瀏覽包含影片的頁面
目前尚未支援在此情境下自動播放影片，顧客需點按播放按鈕，點按後將直接在官網頁面播放影片。
情境二
您未開啟「自動播放」功能＋顧客使用「手機」瀏覽包含影片的頁面
顧客需點按播放按鈕兩次才會播放影片，且將以全螢幕模式播放。
情境三
您已開啟「自動播放」功能＋顧客使用「電腦」瀏覽包含影片的頁面
您需一併開啟「預設靜音」功能，即可自動播放影片。
情境四
您未開啟「自動播放」功能＋顧客使用「電腦」瀏覽包含影片的頁面
顧客需點按播放按鈕，點按後將直接在官網頁面播放影片。
三、注意事項
-
若影片被刪除或分享對象僅部分人，將無法播放影片。
- 若您加入的是「直播影片」，且已開啟「自動播放」及「預設靜音」功能：
- 顧客使用「手機」瀏覽此頁面，需先點按播放按鈕，點按後才會以全螢幕模式播放影片。
- 顧客使用「電腦」瀏覽此頁面，只要您已開啟「預設靜音」功能，皆會自動播放影片。
- 載入影片時，畫面將呈現黑色，此為 Facebook 處理機制。
延伸閱讀
評論