轉換優化

Banner 文案範本：三層結構＋填空公式，活動視覺不再詞窮

2026年8月15日・ViewInternet 編輯部

Banner 是電商站上最貴也最短命的版位，訪客給它的注意力大概只有三秒。偏偏很多人把 Banner 當成美術問題，圖做得很漂亮，文字卻塞了一堆講不清重點，結果三秒過去沒人記得在賣什麼。文案才是 Banner 的靈魂，圖只是襯托。這篇提供一套三層式的 Banner 文案範本，把每一層的任務與填空公式講清楚，再附上幾組常見檔期可以直接套用的模板。動筆前先想清楚整體版面怎麼配，可以參考我們談電商網站設計的文章，Banner 只是其中一格。

Banner 文案的三層結構

一張有效的 Banner，文字最多分三層，多了就雜。第一層是主標，講活動的核心，字最大，負責在三秒內被看見。第二層是副標，補上條件或補充說明，字級次之。第三層是行動呼籲，也就是按鈕上的文字，告訴人下一步點哪裡。這三層的字級要有明顯落差，如果三行字一樣大，等於三行都不重要，視線無處落腳。記住一張 Banner 只講一個主訊息，想同時推新品又推會員又推免運，最後一個都推不動。

主標的填空公式與範例

主標是整張 Banner 的鉤子，公式是「活動名稱或優惠力道＋一個具體數字」。數字是最有效的注意力磁鐵，把它放大獨立出來，不要藏在長句裡。範例對比：「全館商品下殺最低五折起」這種寫法數字被埋住，改成「週年慶　全館五折起」就清楚有力。再看幾個好用的主標範例：「滿千折兩百　限時三天」「新品上市　早鳥七九折」「買一送一　只到週日」。主標的原則是大聲、具體、可量化，讓人一眼知道值不值得點進去。抽象口號像「寵愛自己的季節」放在品牌形象頁可以，放在要衝業績的活動 Banner 上就是浪費。

副標與行動呼籲的寫法

副標負責補充主標沒講完的條件，公式是「適用範圍或限制＋急迫感」。範例：「指定商品適用　售完為止」「全站不限金額　結帳輸入折扣碼」。副標的重點是誠實，像「部分商品除外」這種限制條件一定要寫，字可以小但不能沒有，否則後續客訴與廣告不實的風險都會找上門。

行動呼籲是很多人偷懶的地方，只寫「看更多」或「點我」。好的按鈕文字要帶動作與好處，公式是「動詞＋利益」。範例：「立即搶購」「領折扣碼」「逛新品」比空泛的「看更多」更能推人一把。文字前後留一點呼吸空間，按鈕本身要看起來像可以點的按鈕，不要做成看不出來能不能按的假按鈕。

常見檔期的整組文案模板

把三層拼起來，就是可以直接改的整組模板。週年慶模板：主標「週年慶　全館五折起」，副標「指定精品下殺三折　只到 8/31」，按鈕「立即搶購」。新品上市模板：主標「新品上市　早鳥七九折」，副標「首批限量　售完不補」，按鈕「搶先逛」。促購清倉模板：主標「換季出清　二件再九折」，副標「數量有限　手刀結帳」，按鈕「馬上撿便宜」。會員招募模板：主標「新會員禮　現折一百」，副標「註冊立即送　消費不限金額」，按鈕「免費加入」。把括號換成自己的數字與品名，一組 Banner 文案五分鐘就成形。想讓這些活動視覺與商品落地頁的動線接起來，可以看我們的商品頁設計做法。

上線前的文案自查

寫完別急著交給設計，先自己掃三個問題。第一，把主標遮住只看副標，還看得懂在賣什麼嗎？如果看不懂，代表資訊分配失衡。第二，數字夠不夠搶眼，會不會被埋在句子裡？第三，行動呼籲有沒有明確的動詞，讀者知不知道點下去會發生什麼？這三關過了，文案就有八成的水準。剩下就是交給設計把三層字級的層次做出來，讓主標一眼被抓住。

檔期一波接一波，若品牌沒有專職文案與設計，Banner 很容易越做越隨便，最後淪為每次都在趕的例行公事。ViewInternet 提供電商官網的設計與改版服務，能把 Banner 文案架構與檔期視覺一起承包，讓每一檔活動的第一屏都用會賣的文字開場。