電商 買一送一 彈窗 影片 製作：獨立站防跳出分鏡與載入優化
摘要
掌握電商買一送一彈窗影片製作方法，從退出意圖、15 秒分鏡、優惠條件到行動版載入優化，建立可測試的獨立站短影音素材。立即開始製作。
作者：adsturbo.ai｜發布日期：2026-11-01｜更新日期：2026-11-01
電商 買一送一 彈窗 影片 製作的重點，不是把折扣字樣放大，而是在訪客準備離開前，快速說清楚「商品是什麼、優惠怎麼算、下一步要做什麼」。有效的素材通常同時處理商品理解、促銷誘因與頁面載入三件事。
什麼是買一送一彈窗影片？
買一送一彈窗影片，是在獨立站特定時機出現的短影音促銷素材，常見觸發條件包括退出意圖、停留時間、捲動深度或購物車未結帳。它與一般商品影片不同，必須在很短時間內完成優惠解釋與行動引導。
台灣電商常見的彈窗設定，會把優惠券、活動頁、標題與啟用時間分開管理；SHOPLINE 的彈窗廣告說明也提醒，已過期或刪除的優惠活動可能不再顯示。(support.shoplineapp.com)因此，影片文案不能只寫「買一送一」，還要對應實際活動規則。
建議在彈窗內清楚標示：
- 適用商品或系列
- 贈品是否限同款、指定款或最低購買數量
- 是否需要輸入優惠碼
- 活動期限與庫存限制
- CTA 要前往商品頁、購物車或活動頁
15 秒彈窗影片應該怎麼分鏡？
最適合防跳出的結構，是「商品先行、優惠居中、條件收尾」。與其一開始播放品牌動畫，不如先讓訪客看見正在瀏覽或曾加入購物車的商品。
| 時間 | 畫面任務 | 建議內容 |
|---|---|---|
| 0–2 秒 | 抓住注意力 | 商品近景、使用結果或「第二件一起帶走」 |
| 2–5 秒 | 讓人看懂商品 | 展示外觀、尺寸、材質或使用方式 |
| 5–9 秒 | 說明優惠 | 清楚呈現買一件、送哪一件，以及適用條件 |
| 9–12 秒 | 降低疑慮 | 展示使用情境、包裝、配送或退換貨提示 |
| 12–15 秒 | 引導行動 | 「查看活動」、「立即加入購物車」或「領取優惠」 |
排名內容普遍建議用 12–15 秒完成商品、優惠與 CTA；促銷 Banner 轉影片的做法，也通常將商品、折扣、期限及行動呼籲拆成多個鏡頭。(adsturbo.cn)真正容易被忽略的是資訊順序：如果第一幕只有「買一送一」，訪客可能不知道送的是什麼，也不知道優惠是否適用於眼前商品。
買一送一文案如何避免誤解？
買一送一不是單一優惠格式。它可能代表同款贈送、任選第二件、指定商品贈送，或滿足購買數量後獲得贈品。影片的字卡必須與結帳邏輯一致，不能只依賴吸睛口號。
可採用以下三層文案：
- 主標：「本週限定｜買一送一」
- 補充：「指定款適用，第二件由系統自動加入」
- CTA：「查看適用商品」
若活動條件較複雜，建議把完整規則放在彈窗下方或活動頁，影片只保留最重要的判斷資訊。這比塞入大量小字更容易閱讀，也能減少訪客點擊後發現不符合資格的落差。
如何設計「防跳出」彈窗，而不是干擾使用者？
防跳出彈窗不等於進站即全螢幕攔截。較穩妥的設計，是依照訪客意圖分層顯示：
- 商品頁退出意圖：顯示目前商品的買一送一或替代優惠。
- 購物車頁退出意圖：提醒尚未完成結帳，並顯示購物車商品。
- 首頁或內容頁：使用較寬泛的活動影片，避免假設訪客已經選定商品。
- 重複訪客：設定頻率上限，避免每次回訪都播放同一支影片。
SmartPush 的設定文件也將商品頁與購物車頁分開處理，並提供停止推送條件，以避免彈窗過度干擾。(smartpushteam.zendesk.com)這說明彈窗轉換率不能脫離使用情境評估；同一支影片放在不同頁面，CTA 和優惠說法可能都要調整。
影片載入優化：先顯示優惠，再載入動態內容
彈窗影片最常見的技術問題，是影片尚未載入，訪客已經關閉彈窗。改善方向不是單純壓低畫質，而是把首屏資訊拆成「立即可見」與「延後載入」兩層。
建議採用：
- 先載入靜態封面圖，封面直接呈現商品與買一送一主標。
- 影片進入視窗範圍後再播放，避免頁面一開啟就下載大型檔案。
- 行動版優先使用直式比例，減少不必要的裁切與留白。
- 將字幕與 CTA 放在安全區，避免被關閉按鈕或瀏覽器介面遮住。
- 設定靜音自動播放，讓使用者自行選擇開啟聲音。
- 保留明顯的關閉按鈕，不用設計成難以退出的強制流程。
若同一素材需要用於社群與網站彈窗，可參考 TikTok 廣告字幕安全區與多尺寸導出方法，再分別輸出 9:16、1:1 或其他版型。AdsTurbo Event Poster 也支援 9 種寬高比輸出，適合延伸製作活動視覺素材。
一套可執行的 2×2×2 測試框架
本文提供一個適合獨立站初次測試的原創框架：固定優惠規則，只測試三個變數，每個變數使用兩個版本。
| 測試層 | A 版本 | B 版本 |
|---|---|---|
| 首 2 秒 Hook | 先展示商品結果 | 先展示買一送一 |
| 優惠呈現 | 「第二件免費」 | 「同款兩件一起帶走」 |
| CTA | 查看活動 | 立即加入購物車 |
這樣會形成 8 支素材。判讀時不要只看點擊率，至少同時觀察：
- 彈窗播放完成率
- CTA 點擊率
- 加入購物車率
- 優惠碼使用或活動頁到達率
- 彈窗關閉率
- 行動版頁面載入時間
若「優惠型 Hook」點擊較高，但加入購物車率較低，問題可能不是影片吸引力不足，而是優惠條件、商品頁或結帳流程沒有接上。這種拆解比只挑最高點擊率素材更能找到可複製的版本。
如何用 AI 快速製作多個版本？
有清晰商品圖時，可以先製作一支基礎商品影片，再替換 Hook、促銷字卡與 CTA。AdsTurbo Product Video 支援上傳 JPG 或 PNG 商品圖片，並可用於產品評測、介紹與示範類短影片；若需要從既有廣告提取節奏與鏡頭邏輯，也可參考 電商廣告素材疲乏與前三秒 Hook 測試方法。
實作流程可分成四步：
- 整理商品圖、優惠規則與適用條件。
- 撰寫一版 15 秒腳本，先不加入複雜特效。
- 產出兩種 Hook、兩種優惠呈現與兩種 CTA。
- 將勝出版本延伸到影片字幕、社群廣告與活動海報。
AdsTurbo Video Subtitle 可自動轉錄語音並生成時間同步字幕，也支援下載內嵌字幕影片或獨立字幕檔。若要跨市場使用，可再搭配影片翻譯與口型同步功能，檢查翻譯後的優惠條件是否仍然準確。
常見問題
彈窗影片適合做幾秒？
首次測試可從 12–15 秒開始。若商品需要完整示範操作，再製作 20–30 秒版本，但第一個畫面仍應快速出現商品與核心優惠。
只有一張商品圖，也能製作影片嗎？
可以，但成品應逐項檢查商品形狀、顏色、包裝與文字。純色背景下清晰的 JPG 或 PNG 商品照片，通常更適合作為產品圖生成與影片製作素材。
買一送一要不要放倒數計時？
只有在活動期限確實存在且前台規則一致時才適合。虛假的倒數會削弱信任，也可能讓訪客忽略真正重要的商品與優惠條件。
彈窗應該一進站就出現嗎？
通常不建議。可依退出意圖、停留時間或購物車狀態觸發，並設定頻率限制，避免打斷尚未完成瀏覽的訪客。
如何把同一支影片用在不同平台？
保留商品主體與優惠邏輯，再針對版型、字幕安全區和 CTA 重新輸出。社群投放可延伸參考 Google 需求開發廣告直式影片製作指南。
買一送一彈窗影片的核心，不是讓優惠看起來更吵，而是讓訪客在離開前完成三個判斷：商品值得買、優惠真的適用、下一步很清楚。先用 2×2×2 框架建立可比較的素材，再根據加入購物車與結帳行為優化，才能把短影音從單次促銷工具變成獨立站的長期轉換資產。
