WordPress 網站通知列教學：製作置頂推播橫幅，有效提升 CTA 點擊率
WordPress 通知列是一條橫跨頁面頂部的置頂橫幅，不隨捲動消失、不擋住主內容、全站每個頁面都看得到，靠 WPFront Notification Bar 這類免費外掛 10…
WordPress 通知列是什麼？怎麼用免費外掛做一條置頂公告列
WordPress 通知列是一條橫跨頁面頂部的置頂橫幅，不隨捲動消失、不擋住主內容、全站每個頁面都看得到，靠 WPFront Notification Bar 這類免費外掛 10 分鐘就能上線，不用寫任何程式 [來源：〈WordPress.org — WPFront Notification Bar〉〈https://wordpress.org/plugins/wpfront-notification-bar/〉〈2026〉]。真正決定一條通知列有沒有用的，是「顯示條件」這一層：只顯示在首頁、只對未登入訪客顯示、幾秒後自動收合、按了關閉就不再出現。這四個條件沒設好，橫幅再大、顏色再亮，訪客也只會當作沒看見。
重點先看：WordPress 通知列是全站曝光成本最低的 CTA 位置，靠免費的 WPFront Notification Bar 約 10 分鐘就能上線 [來源：〈WordPress.org — WPFront Notification Bar〉〈https://wordpress.org/plugins/wpfront-notification-bar/〉〈2026〉]；但要記住，公告型訊息才適合通知列，促銷衝單筆轉換通常還是彈窗比較有效。
很多站長剛把WordPress 網站架好，滿腦子想的都是「怎麼把促銷、公告、活動連結放到最醒目的地方」。這時第一個會被推薦的工具，十之八九是通知列。問題是，做出一條通知列從來不是難點，難的是你做的到底是「置頂公告列」還是「可關閉的促銷橫幅」，這兩者用的顯示條件剛好相反。如果你連這個區別都還沒想清楚，先別急著裝外掛。如果你剛開始摸後台操作，這篇會帶你從「先決定訊息類型」一路走到「按下啟用、整理前台就出現」，並且把排雷、效能、SEO 這些容易被忽略的細節一次講清楚。
先理解通知列在整個 WordPress 生態的位置。WordPress 在所有網站當中佔有 41.5%，在已知使用內容管理系統的網站當中更高達 59.2%，是全世界最主流的架站平台 [來源：〈W3Techs — Usage Statistics and Market Share of WordPress〉〈https://w3techs.com/technologies/details/cm-wordpress〉〈2026-06-29〉]。這個市占規模帶來兩件事：一是外掛生態成熟，一條通知列可以找到十幾套現成方案；二是全世界有上千萬個站都在搶同一個搜尋結果頁的前幾名，光把通知列做出來已經不構成差異化，差異化在於訊息品質、顯示條件、與首屏體驗三者拿捏得有多細。這也是這篇文章把重點放在「條件邏輯」與「不搶戲」的原因，做出來很容易，做對才值錢。
WordPress 通知列到底是什麼樣的版位，跟彈窗、側邊欄差在哪
通知列（notification bar）是一條置頂滿版橫幅，高度實務上抓 30 到 60 像素，可以放純文字、連結、或一個 CTA 按鈕。它最大的特色是「一直在」：不管訪客逛到哪一頁，這條橫幅都黏在畫面頂部，不隨捲動消失，也不會蓋住主內容。這三個特徵合起來，決定了它跟彈窗、跟側邊欄固定小工具的本質差別。
跟彈窗比，通知列的關鍵差異是「不打斷閱讀」。彈窗會蓋住內容、強迫訪客做一個動作（關掉或點擊），轉換率因此衝得高，但代價是干擾感重，放久會傷體驗。通知列只佔頂部一小條，訪客想看就看、想忽略就忽略，適合那種需要長期存在、低干擾的訊息。跟側邊欄固定小工具比，通知列是全寬橫幅，視覺層級比只縮在自己欄位的小工具高得多，這也是為什麼促銷季大家都把主訊息搬上通知列而不是塞進側邊欄。
- 置頂橫幅、滿版寬度，高度實務上抓 30 到 60 像素，可以放文字、連結或一顆 CTA 按鈕。
- 跟彈窗最大的差別在於不打斷閱讀：彈窗會蓋住內容、逼訪客做一個動作，通知列只佔頂部一小條。
- 相對於側邊欄固定小工具縮在自己的欄位裡，通知列是全寬橫幅，視覺層級高出一截。
- 常見用途：促銷活動、免運公告、新文章或新產品通知、電子報訂閱、限時倒數、Cookie 與隱私權提示。
說到底，通知列的價值在於「全站曝光、零干擾」，但這同時是它的天花板：不打斷訪客，點擊率天生就輸給會跳出來擋畫面的彈窗，這個取捨在後面選版位時會一直出現。如果你連全站選單、導覽都還沒弄好，可以先回到選單與導覽設定把骨架打好，再來想通知列這種附加層。文章跟頁面的差別搞不清楚的話，也順手看一下WordPress 文章與頁面差異，免得把公告放錯位置。
版位三選一：通知列、彈窗、固定小工具的決策矩陣
把三種常見版位放在同一張表上比較，選擇會變得直接很多。判斷依據只有三個變數：訊息要放多久、要不要逼訪客立刻行動、版位能不能全站曝光。把這三個變數套進矩陣，幾乎所有「該用哪個版位」的猶豫都能當場解掉。
| 版位 | 訊息壽命 | 干擾程度 | 全站曝光 | 最適合 |
|---|---|---|---|---|
| 通知列（置頂橫幅） | 長期 | 低 | 是 | 免運、公告、隱私權提示 |
| 彈窗 / 退出意圖彈窗 | 短期 | 高 | 可設定 | 限時折扣、名單蒐集 |
| 側邊欄固定小工具 | 長期 | 極低 | 視主題而定 | 聯絡資訊、次要 CTA |
| 頁首內嵌文字 | 長期 | 低 | 是 | 品牌標語、客服時間 |
這張矩陣的用法是「先鎖定訊息壽命」。一週後還有效的訊息，干擾程度就必須壓低，通知列與固定小工具是合理的候選；只有今天有效的訊息，才有理由動用高干擾的彈窗。把訊息壽命當第一個過濾條件，可以省下後面八成的版本選擇爭執。
公告型訊息還是促銷型訊息，決定了你的版位選擇
做通知列之前，先把訊息分成兩類。一類是長期存在、低干擾的「公告型」，例如全館免運、營業時間、隱私權提示、新文章上線通知，這類訊息一週後還是有效，訪客看一眼就知道、不用立刻動手，通知列是首選。另一類是短期、要逼訪客立刻行動的「促銷型」，例如限時 24 小時折扣、名單蒐集表單，這類訊息的目標是衝當下的轉換，彈窗或退出意圖彈窗的轉換率實務上明顯更高，通知列只能當輔助。
判定流程很簡單，問自己一句話就好：這則訊息一週後還有效嗎？有，用通知列；沒有，優先考慮彈窗。把這個問題問清楚，比研究哪個外掛功能多都來得重要。很多新手會在一條通知列裡塞促銷加公告加訂閱，結果超過一個重點，視覺變雜訊，點擊率反而掉下來。一條通知列只講一件事，這是最基本的紀律。
| 訊息類型 | 特徵 | 首選版位 | 通知列定位 |
|---|---|---|---|
| 公告型 | 長期、低干擾、一週後仍有效 | 通知列 | 主力 |
| 促銷型 | 短期、要立即行動、限時 | 彈窗 / 退出意圖彈窗 | 輔助提醒 |
| 名單蒐集 | 要訪客留下資料 | 表單彈窗 / 側邊欄表單 | 不建議單獨靠通知列 |
| 隱私權 / Cookie | 合規提示、低優先 | 底部橫幅 | 可用、但放底部更合適 |
換個角度想，如果你現在要推的是一份電子報訂閱表單，目標是蒐名單，那直接用Bloom 電子報訂閱表單外掛、MC4WP 電子報訂閱表單或MailChimp 電子報行銷串起來的彈窗表單，效果會比把訂閱連結塞進通知列好上好幾倍。整體的 EDM 策略可以參考EDM 電子報行銷完整指南。通知列可以當全站提醒，但不要指望它扛起名單成長的 KPI。把對的訊息放到對的版位，這是行銷的基本功，也是行銷漏斗裡最容易被人忽略的一層。
用一張二維象限決定訊息去哪：時效對上干擾容忍度
訊息該放哪個版位，可以用一個二維象限想清楚。橫軸是「訊息時效」，從「今天才有效」到「長期有效」；縱軸是「訪客干擾容忍度」，從「一被打擾就離開」到「願意被中斷」。把每則訊息丟進對應象限，版位就自動浮現。
- 長期有效＋低干擾容忍：放通知列。免運、公告、營業時間都落在這格，全站看得到、又不擋內容。
- 長期有效＋可接受被打擾：放側邊欄固定小工具或頁尾。聯絡資訊、社群連結屬於這格，不必佔首屏。
- 短期有效＋低干擾容忍：放通知列，但加上倒數計時與自動收合。限時免運屬於這格，給壓力但不擋內容。
- 短期有效＋可接受被打擾：放彈窗或退出意圖彈窗。限時大折扣、名單蒐集表單落在這格，轉換率最高。
這個象限最大的價值，是強迫你先回答「訊息壽命」與「干擾底線」兩個問題。很多站長繞在外掛功能選項裡打轉，其實這兩個答案一出來，版位就定了，剩下的只是填表單而已。
用 WPFront Notification Bar 做一條通知列，十分鐘上線
WPFront Notification Bar 是一款由 WordPress.org 官方外掛庫收錄的免費外掛，介面是純後台表單，新手填一填就能上線，不用碰任何程式碼 [來源：〈WordPress.org — WPFront Notification Bar〉〈https://wordpress.org/plugins/wpfront-notification-bar/〉〈2026〉]。整條通知列從無到有，大概十分鐘可以搞定，重點是把四個區塊依序填完，最後那個啟用開關千萬別忘了勾。
- 安裝外掛：後台「外掛 > 安裝外掛」，搜尋「WPFront Notification Bar」，點立即安裝並啟用。如果不熟安裝流程，可先看WordPress 外掛安裝三種方法 [來源：〈WordPress.org — Plugins〉〈https://wordpress.org/plugins/〉〈2026〉]
- 進入設定頁：啟用後，左側選單的「設定」底下會出現「WPFront Notification Bar」項目，點進去就是主設定頁
- 填訊息與按鈕：在 Message 欄位填純文字訊息（可含 HTML），在 Button 區設按鈕文字與連結網址；兩者可以擇一、也可以並存
- 設顯示條件：在 Display Options 決定要顯示在哪些頁面、對哪些角色、要不要自動收合、要不要記住關閉狀態（下一節會詳談）
- 勾選啟用：設定頁最上方的 Enable 開關一定要勾，這是最常見的「設了卻沒出現」原因
- 存檔並到前台重新整理：點 Save 儲存，到前台重新整理就會看到通知列出現在頁面頂部
設定頁主要分成四區：訊息內容、按鈕、顯示條件、樣式。訊息內容區可以放純文字，也接受基本 HTML，所以你想做一個帶顏色或連結的訊息沒問題。按鈕區設的是那顆 CTA 按鈕的文字跟目的地，這顆按鈕就是通知列的主角，文字要短、動詞開頭，例如「立即領折扣」「看新文章」。如果你還沒設計過 CTA 按鈕的文案，可以先參考CTA 行動呼籲按鈕設計指南，把按鈕文案與配色一次想清楚。
步驟走到前台重新整理，通知列應該就要出現。如果沒出現，先別急著換外掛，九成是三個原因之一：Enable 沒勾、顯示條件設太嚴、或快取沒清。裝了快取外掛或主機端快取的站，改完設定一定要清快取，否則你看到的還是舊的靜態頁面，會誤以為設定失敗。這條排查邏輯後面會再講一次，因為它真的太常見了。
訊息文案範本：照公式填，少踩坑
通知列的文案雖然只有一行，但要寫到「一眼看懂、立刻知道下一步」，其實有固定公式。把訊息拆成三個元件來想：利益點、時間條件、動作動詞。利益點告訴訪客「為什麼跟我有關」，時間條件給出「什麼時候截止」，動作動詞指出「點按鈕會發生什麼」。三個元件湊起來，點擊動機才會完整。
| 訊息目的 | 利益點 | 時間條件 | 動作動詞 | 組合後範本 |
|---|---|---|---|---|
| 免運公告 | 全館滿 1000 免運 | 長期 | 立即購物 | 全館滿 1000 免運，立即購物去 |
| 限時折扣 | 結帳輸入碼省 10% | 本週日截止 | 領折扣碼 | 結帳輸入碼省 10%，本週日截止，領折扣碼 |
| 電子報推廣 | 訂閱拿獨家教學 | 長期 | 免費訂閱 | 訂閱拿獨家教學，免費訂閱 |
| 新文章通知 | 最新架站教學上線 | 長期 | 閱讀全文 | 最新架站教學上線，閱讀全文 |
範本裡最容易被省略的是「動作動詞」。很多站長只寫「全館免運中」就停在這，訪客知道有免運，卻不知道要做什麼，點擊率自然低。把動作動詞補上，等於告訴訪客「按鈕點下去會有下一步」，這個明確指引對點擊率的拉抬非常直接。文案的收尾觀念，可以回到文案寫作把基本功補強。
顯示條件：首頁、登入狀態、自動收合的設定眉角
外掛裝好了、訊息填好了，接下來才是真正決定通知列好不好的地方：Display Options。這一區可以控制四件事，把這四件事組合起來，才能做到「只對首次訪客推電子報、只對會員推專屬優惠」這種精準投放。WPFront 免費版在這一層的功能已經相當完整，頁面條件、角色條件、自動收合、關閉記憶都有 [來源：〈WordPress.org — WPFront Notification Bar〉〈https://wordpress.org/plugins/wpfront-notification-bar/〉〈2026〉]。
- 頁面條件（Include Pages）決定顯示範圍：全站、只首頁、或指定某些頁面與文章。要做到「只在首頁出現」，就是在這裡勾首頁。
- 角色條件（User Roles）預設對所有人開放，能改成只對未登入訪客顯示來推訂閱，或只對已登入會員顯示來推專屬優惠。
- 自動收合（Animate Display）讓橫幅幾秒後自己捲收，壓低長期干擾感，公告型訊息開起來最划算。
- 關閉記憶（Close Button）打開關閉鈕之後，訪客按一次，在瀏覽器記憶期間就不再跳出，不會對同一個人重複打擾。
- 裝置條件若外掛或主題支援，可分開設定手機版與電腦版，免得手機首屏被通知列擠掉。
這裡有一個特別容易踩的雷：你明明只想讓通知列出現在首頁，結果設完之後到內頁一看，欸，怎麼還在？通常是把頁面條件設成了「全站」而不是「只在首頁」，或是指定頁面時沒選對那個首頁 ID。反過來，也有人設成「只在首頁」，然後到文章頁找通知列，當然找不到，這不是 bug 是條件範圍問題。學會讀顯示條件，比學會調顏色重要十倍。如果你正在做WooCommerce 購物網站，這個條件邏輯還能拿來對會員推專屬折扣碼。
角色條件是很多人忽略的武器。舉個實際情境：你有一批已經登入的會員，你想推一個只給他們的優惠；同時你又想對沒登入的訪客推訂閱電子報。這兩件事用同一條通知列做不到，但你可以在不同時間切換角色條件，或乾脆分兩條輪替（這就需要付費方案了，後面會提）。角色條件背後的概念，跟WordPress 使用者權限管理跟WordPress 會員權限控制指南是同一套邏輯，都是根據訪客身份決定要給什麼內容。如果你連會員登入頁都還沒處理好，可以先看登入頁面美化教學跟會員登入註冊系統。
自動收合這個選項，老實說我建議公告型訊息才開，促銷型訊息別開。原因是促銷要的是被看到、被點擊，你設成五秒後自動收起來，等於把最該曝光的訊息自己藏起來，這跟目的剛好相反。反過來，如果是「全館免運」這種長期公告，自動收合可以降低它對回訪訪客的干擾，是合理的設計選擇。設計沒有標準答案，要看你這條訊息的本質。
四種常見條件組合，對應四種使用情境
頁面條件、角色條件、自動收合、關閉記憶這四個開關，單獨看很抽象，組合起來卻能對應非常具體的情境。實務上最常用的四種組合整理成表格，照著抄就能做到八成站長想要的精準投放。
| 情境 | 頁面條件 | 角色條件 | 自動收合 | 關閉記憶 |
|---|---|---|---|---|
| 對新訪客推電子報 | 全站 | 只未登入 | 關 | 開 |
| 對會員推專屬優惠 | 全站 | 只已登入會員 | 關 | 開 |
| 首頁放長期免運公告 | 只首頁 | 所有人 | 開 | 關 |
| 隱私權與 Cookie 提示 | 全站 | 所有人 | 關 | 開 |
這張表藏著一個觀念：關閉記憶要不要開，跟訊息壽命直接相關。長期公告（免運）就算訪客關掉一次，下次回來還是該讓他看到，所以關閉記憶建議關掉，或只記短期。反過來，限時促銷、訂閱推廣這類已經看過就不需要再被打擾的訊息，關閉記憶就該開，免得回訪訪客每次進站都被同一則訊息擋一次。這個取捨沒有絕對，看訊息屬性決定。
顏色、字體與位置：讓通知列不搶戲又不被忽略
樣式這一層，原則只有一個：醒目但不搶戲。顯示位置優先用頂部（Top of Page）而不是底部，因為訪客視線第一眼落在頂部，底部橫幅適合隱私權或 Cookie 提示這種低優先、甚至帶點合規意味的訊息。顏色用與品牌主色高對比的純色背景，配白字或深字，CTA 按鈕則用一個對比色突顯出來。字體大小實務上抓 14 到 16 像素，過小會被忽略，過大會壓縮首屏內容。
- 位置放頂部曝光最高，底部留給隱私權、Cookie 這類低優先、帶合規意味的訊息。
- 背景跟文字的對比要夠（深底白字或亮底深字），CTA 按鈕另外挑一個對比色，跟訊息文字、背景三者拉開層次。
- 字體落在 14 到 16 像素之間，手機版可以略縮；設太大會吃掉首屏高度，得不償失。
- 底部陰影能加一點層次感就好，圓角、漸層這類裝飾少碰，免得搶走內容焦點。
- 字數以一行顯示完為目標，放不下就拆成「主訊息＋按鈕」兩段，別寫長句。
顏色這件事我多講一句。很多人會把通知列背景設成跟網站主色一模一樣，想說這樣很搭，結果訊息整個融進背景裡，訪客根本看不出那是一條可以點的橫幅。對比才是重點，配色一致反而不重要。CTA 按鈕更要有自己的顏色，它跟訊息文字、跟背景三者之間的對比都要夠，點擊率才會出來。如果你對按鈕配色沒概念，CTA 按鈕與文案提升轉換率這篇有講到具體作法。整體的網頁版面配置觀念，可以回到網頁版面與響應式排版指南跟網頁設計必備關鍵元素看一遍。
位置跟字體的取捨，本質上是在「曝光」跟「首屏體驗」之間抓平衡。通知列放頂部、字設大一點，曝光高，但首屏被往下推，手機版特別明顯。這條平衡線沒有絕對值，但你可以在手機上實際看一下自己的網站，如果通知列加上頁首就把首屏主圖推到看不見，那就是過頭了。響應式的觀念可以回到響應式網頁設計 RWD 觀念複習一遍，版面配置是整體的，單看一條通知列容易失準。
手機版的隱形成本：通知列為何更容易吃掉行動轉換
手機版是通知列最容易翻車的地方，原因在螢幕高度。手機的視窗高度普遍只有電腦的一半到三分之二，一條 50 像素的通知列加上頁首導覽，可以輕易吃掉行動版首屏的兩成到三成可視面積，主圖或主標被推到折線以下，轉換就會跟著掉。根據 Statista 的資料，2026 年第一季行動裝置（不含平板）佔全球網站流量的 52.27%，已經過半 [來源：〈Statista — Share of mobile web traffic worldwide quarterly 2015-2026〉〈https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/〉〈2026-04-28〉]。也就是說，過半的訪客是用那塊小螢幕看你的站，手機版首屏被擠掉的代價，遠比你想像的大。
- 手機版把通知列字體略縮到 13 到 14 像素，必要時訊息長度也縮短，避免換行壓扁首屏。
- 若外掛支援，手機版開自動收合，讓橫幅在幾秒後自己捲收，把首屏還給主內容。
- 搭配主題或外掛的裝置條件，讓通知列只在桌面出現，或手機版改用底部橫幅，避免擠壓頂部。
- 實際拿手機開自己的網站，把頁首加通知列一起看，主圖被推到看不見就是過頭了。
把這四點當成手機版的檢查清單，能避開大多數「桌面上看很美、手機上轉換很慘」的悲劇。行動版體驗已經是 Google 排名的一環，自 2023 年 10 月 Google 宣告行動優先索引完成後，所有可在行動裝置上運作的網站都改以行動爬蟲為主進行檢索 [來源：〈Google Search Central Blog — Mobile-first indexing is here〉〈https://developers.google.com/search/blog/2023/10/mobile-first-is-here〉〈2023-10-31〉]。手機版首屏被擠掉，影響的不只是使用者體驗，連搜尋引擎對你網站的解讀都會跟著走樣。
WPFront 夠用嗎？免費版限制與替代外掛比較
對大多數只需要一條置頂公告列的小網站，WPFront 免費版的功能已經夠用：頁面條件、角色條件、自動收合、關閉記憶、自訂顏色與按鈕，這些公告會用到的功能它都有 [來源：〈WordPress.org — WPFront Notification Bar〉〈https://wordpress.org/plugins/wpfront-notification-bar/〉〈2026〉]。會需要換方案的情境很明確：要做多條輪替通知列、要倒數計時、要 A/B 測試、或要跟電子報跟 CRM 系統串接名單，這時才考慮付費工具。
| 需求 | WPFront 免費版 | 建議替代方案 | 說明 |
|---|---|---|---|
| 單條公告列 | 支援 | 不需換 | 免費版完全勝任 |
| 頁面 / 角色條件 | 支援 | 不需換 | 含首頁限定、未登入限定 |
| 自動收合、關閉記憶 | 支援 | 不需換 | 公告型訊息必備 |
| 多條輪替 | 通常不支援 | Notification 等付費橫幅外掛 | 免費版多為單條顯示 [來源：〈WordPress.org — WPFront Notification Bar〉〈https://wordpress.org/plugins/wpfront-notification-bar/〉〈2026〉] |
| 倒數計時 | 無內建 | 帶 countdown 的促銷橫幅外掛 | 限時促銷才需要 |
| A/B 測試 | 無 | OptinMonster 等轉換工具 | 大流量站才值得 |
| 名單蒐集 / CRM 串接 | 無 | OptinMonster、Bloom、Elementor Pro 表單 | 轉換率遠高於純通知列 |
選擇原則很樸素：先確認你的需求是「公告」還是「轉換」。公告就留免費版，轉換才值得投資付費工具。我見過太多站長為了一條免運公告去買年費上百美金的轉換工具，結果只用了一成的功能，這是浪費。反過來，如果你是要衝名單、衝單筆轉換，那Elementor Pro 促銷彈窗或Elementor Pro 表單這類工具的投報率會比硬扛通知列好得多。
說一個實際的選擇路徑。假設你開了一家小店，剛用 WooCommerce 把購物車站架起來，第一階段你要的就是一條「全館滿額免運」的公告，這用 WPFront 免費版、十分鐘搞定。等生意做起來、你開始想衝會員名單、想推限時折扣碼，那時再考慮進階工具，例如電子報外掛或帶倒數計時的促銷橫幅。結帳流程的優化可以看WooCommerce 結帳表單客製化，訂單即時推播則有WooCommerce 訂單 LINE 推播外掛。工具是跟著需求長出來的，一次買齊反而容易閒置。如果你想了解 WooCommerce 更進階的促銷玩法，可以看WooCommerce 進階促銷玩法設定。架站整體費用可以先抓個底，WordPress 自架網站費用拆解跟WordPress 架站費用真實成本會給你一個清楚數字。
如果你的目標是蒐集名單或衝單筆轉換，通知列通常打不過彈窗。公告型訊息用通知列、促銷型訊息用彈窗，這兩者搞混是新手最常見的浪費，把對的訊息放到對的版位比研究哪個外掛功能多都重要。
新手最容易踩的 5 個通知列地雷
設定通知列會出問題的地方其實很集中，大概九成的求助都落在這五件事上。把這五個地雷記下來，遇到「設了沒出現」「顯示不如預期」時，照著排查多半就能解決，不需要換外掛。
- Enable 沒勾：WPFront 的啟用開關在設定頁最上方，設完內容忘了勾就不會顯示，是第一大哉問。改完內容記得回到最上面確認 Enable 是打開的
- 快取未清：裝了快取外掛或主機快取時，改完不清快取會誤判設定失敗。前台看到的還是舊頁面，不是你的設定沒生效
- 顯示條件設太嚴：只在首頁或某頁顯示時，到其他頁面自然看不到。先確認條件範圍到底是全站還是指定頁
- 手機版首屏被吃：通知列過高或字過大，會把手機版首屏內容往下推，影響跳出率。手機上實際看一次最準
- 訊息過載：一條通知列塞超過一個重點（又促銷又公告又訂閱），視覺變雜訊、點擊率反而下降。一條只講一件事
第一個跟第二個地雷，本質上都是「你以為設定沒用，其實是顯示層的問題」。Enable 沒勾、快取沒清，這兩個原因排查完，九成的「設了沒出現」都能解決。第三個地雷是邏輯問題，不是外掛問題，要回去讀自己的顯示條件設定。第四個跟第五個則是設計判斷的問題，要靠實際在手機上看、靠把訊息精簡來解決，沒有外掛能幫你做這件事。
手機版首屏被擠掉這件事特別值得提醒。根據 Google 對 Core Web Vitals 的說明，首屏體驗會直接影響 LCP 與 CLS 這兩個指標，通知列過大會把主內容往下推、墊高 LCP，長期累積會拖累首屏體驗分數 [來源：〈Google Search Central — Core Web Vitals〉〈https://developers.google.com/search/docs/appearance/core-web-vitals〉〈2026〉]。詳細的優化思路可以看Core Web Vitals 首屏體驗指標優化跟網站速度優化核心技巧，這兩篇會把首屏指標跟整體網站表現的關係講清楚。
訊息過載是設計判斷裡最隱性的地雷。你以為塞越多資訊越有效，其實訪客的注意力是有限的，一條橫幅上超過一個重點，大腦會直接把它歸類成「廣告噪音」然後略過，長期下來還會把跳出率往上推，這跟網站跳出率與 SEO 的關係是連在一起的。這跟文案寫作裡講的「一個訊息一個行動」是同一個道理。要提升點擊率，與其加資訊，不如減資訊。如果你想知道點擊率怎麼算、怎麼提升，可以參考CTR 點擊率計算與提升技巧跟CTR 優化實戰攻略。想進一步把詢問量帶起來，提升網站詢問量的步驟也有完整流程。
疑難排解速查表：症狀、原因、第一動
把常見症狀對應到最可能的原因，可以省下大量瞎猜的時間。遇到問題先不要急著重裝外掛，照著這張表走一遍，多半三分鐘內能定位問題。
| 症狀 | 最可能原因 | 第一動排查 |
|---|---|---|
| 前台完全看不到通知列 | Enable 未勾 | 回設定頁最上方確認開關 |
| 改了設定前台沒變 | 快取未清 | 清外掛快取與主機端快取後重整 |
| 內頁看不到、首頁看得到 | 頁面條件設太嚴 | 確認 Include Pages 範圍 |
| 已登入會員看不到 | 角色條件排除 | 確認 User Roles 是否排除該角色 |
| 手機首屏被擠掉 | 通知列過高或字過大 | 縮小字體或開自動收合 |
| 點擊率低於預期 | 訊息過載或缺動作動詞 | 一條只留一重點並補上 CTA 動詞 |
這張表的好處是「先看症狀、再找原因」。很多站長一遇到問題就懷疑外掛壞掉，其實絕大多數狀況都落在這六格裡，換外掛幾乎從來不是正解。把排查路徑寫下來，下次遇到就不用從頭猜起。
通知列與 Core Web Vitals：一條橫幅如何牽動速度與排名
通知列看起來只是一條小橫幅，但它會透過兩個機制影響 Core Web Vitals。第一個是版面位移：通知列如果是在主內容載入後才「插入」頂部，會把整個頁面往下推，訪客本來要點的按鈕位置突然跑掉，CLS（版面配置位移）分數就會變差。第二個是首屏高度：通知列佔的高度會直接壓縮主內容的可見範圍，首屏最重要的圖片或文字被往下推，LCP（最大內容繪製）的計算時間會跟著延後。
速度與轉換的關係有實際數字佐證。Google web.dev 公開的案例顯示，Vodafone 把 LCP 改善 31%，帶來了 8% 的銷售成長；redBus 改善 INP（下次繪製互動）後銷售成長 7%；Rakuten 24 投入 Core Web Vitals 優化，每位訪客營收提升 53.37%、轉換率提升 33.13% [來源：〈web.dev (Google) — Why does speed matter?〉〈https://web.dev/articles/why-speed-matters〉〈2026〉]。這些數字告訴你，首屏體驗不是「做了心安」的裝飾品，它直接對應營收。通知列佔的高度、載入時機、是否造成位移，都會被算進這筆帳裡。
- 通知列改用「預留高度」的載入方式，避免主內容載入後才插入造成 CLS 位移。
- 字體、按鈕、背景圖檔案盡量精簡，通知列的資源別拖累首屏的 LCP 計算。
- 手機版嚴格控制通知列高度，把首屏主圖留在折線以上，LCP 才測得出好成績。
- 用 PageSpeed Insights 實測有無通知列兩種版本，比較 LCP 與 CLS 的差異再決定保留與否。
這組檢查清單的核心觀念是：通知列的高度、載入時機、資源大小，都是可以量化的變數。把它們當成速度優化的一部分，跟快取、圖片壓縮一起管理，整體的網站速度優化才會一致。Core Web Vitals 自 2021 年正式成為 Google 排名訊號，並與行動友善、HTTPS、侵入式蓋版等指標合併為「頁面體驗」評分 [來源：〈Google Search Central Blog — Timing for page experience〉〈https://developers.google.com/search/blog/2020/11/timing-for-page-experience〉〈2020-11-10〉]。通知列屬於前端可見元素，它的設計會被算進這層評分。
不裝外掛也能做通知列嗎？另一條路
有人會問，一定要裝外掛嗎？答案是不一定。如果你用的主題本身有內建公告列功能，例如很多商業主題在區塊小工具或主題選項裡就有一個「Top Bar」位置，你只要把一段文字或按鈕放上去就能做出通知列效果，連外掛都不用裝。Elementor 這類頁面編輯器也能用頁首頁尾範本做一條置頂橫幅，好處是完全可控、壞處是顯示條件（哪些頁面、哪些角色）要自己用條件邏輯處理，彈性比專門的外掛差。
不裝外掛這條路適合兩種人：一是主題已經內建公告列、不想再多裝一個外掛的人；二是會用頁面編輯器自己拉版面、想要完全自訂樣式的進階玩家。但如果你要的是那種「只對未登入訪客顯示、幾秒後自動收合、關閉後不再出現」的精準控制，用專門外掛還是省事得多。自訂等於自己把外掛做的事重做一遍，時間成本要算進去。判斷自己屬於哪種人，可以先把必裝外掛清單、備份外掛跟圖片優化這類基礎工具一起想清楚，別為了少裝一個外掛反而把事情做複雜。
自己刻通知列時，這四件事會吃掉你時間
選擇不用外掛、自己用主題 Top Bar 或頁面編輯器刻一條通知列，看起來省了一個外掛，實際上會把四件本來外掛幫你做的事丟回來給你自己。把這四件事的成本算進去，再決定要不要走自訂路線，會更務實。
- 顯示條件邏輯：哪些頁面顯示、對哪些角色顯示，要自己用主題的條件設定或條件外掛處理，外掛本來一個勾選就搞定的事，會變成好幾步。
- 關閉記憶：訪客按一次關閉後不再出現，這個跨頁面的記憶要自己用 Cookie 或 localStorage 寫，前端邏輯自己兜。
- 響應式調整：手機版字體、高度、要不要自動收合，要自己在編輯器裡設斷點調，沒有現成的裝置條件開關。
- 日後維護：主題更新或 WordPress 版本升級後，自訂的版面可能跑版，每次都要回頭檢查，長期維護成本不低。
這四項當中，顯示條件邏輯跟關閉記憶是最容易被低估的。它們在專門外掛裡是現成開關，自己刻卻要動到程式或額外外掛。如果你的需求就是「一條全站都看得到的公告、不用記憶關閉、手機版不太講究」，自訂划算；只要這四項裡有任何一項是你的硬需求，回頭用專門外掛反而省時。頁面編輯器的基本觀念可以先看頁面編輯器打底。
上線後的衡量：通知列到底有沒有效，怎麼驗證
通知列上線之後，最常被問的問題是「我怎麼知道它有沒有用」。回答這個問題之前，要先決定你衡量的是哪一種成效。通知列的成效可以分成三層：曝光層（有多少人看到）、點擊層（有多少人按下去）、轉換層（按下去之後有沒有完成你要的動作）。把這三層分開量，才不會用錯指標下錯結論。
| 成效層級 | 衡量指標 | 工具 | 注意事項 |
|---|---|---|---|
| 曝光層 | 通知列出現的頁面瀏覽數 | Google Analytics 頁面報表 | 通知列沒有獨立曝光數，用頁面瀏覽近似 |
| 點擊層 | CTA 按鈕點擊數、點擊率 | GA 事件或連結追蹤 | 幫按鈕加 UTM 或事件標記才測得到 |
| 轉換層 | 點擊後的目標完成數 | GA 目標或電商追蹤 | 對照點擊數算轉換率，才有意義 |
衡量最容易踩的坑，是只看點擊數就判斷通知列「成功」。點擊數高，可能只是訊息文案太聳動，點進去之後訪客發現跟預期不符立刻跳出，轉換層反而是空的。反過來，點擊數普通但轉換率高的訊息，才是真正有效的那則。把衡量延伸到轉換層，並對照跳出率，才看得出訊息品質的好壞。跳出率與 SEO 的關聯可以看網站跳出率與 SEO 的關係，點擊率的計算邏輯可以看CTR 點擊率計算與提升技巧。
- 給通知列的 CTA 按鈕加上專屬的追蹤參數或事件標記，讓點擊在 GA 裡獨立可見。
- 設定一個對應的轉換目標（例如完成訂閱、完成結帳），把點擊跟轉換串起來。
- 跑兩到三週，收集足夠樣本後，比較點擊率與轉換率，避免用單日數據下結論。
- 換訊息時一次只改一個變數（文案、顏色或位置擇一），才分得出是哪個改動造成差異。
什麼情況不該用通知列
通知列好用，但不是每種情境都適合。有些訊息硬塞上通知列，反而會拖累整體成效。判斷什麼時候「不該用」，跟判斷什麼時候該用一樣重要，因為省下來的版面，可以還給真正需要曝光的內容。
- 要訪客立刻留下資料的名單蒐集：這類訊息的目標是表單填寫，彈窗或專屬登陸頁的轉換率遠高於通知列，硬放只會浪費曝光。
- 需要長篇說明的訊息：通知列一行裝不下，硬擠成兩三行會擠掉首屏。長訊息改用獨立公告頁或彈窗，文字才有發揮空間。
- 已經有頁首主導覽在推同一件事：同一則訊息在頁首跟通知列重複出現，視覺會打架，挑一個版位就好。
- 純裝飾、沒有明確動作：通知列的存在要對應一個可點擊的下一步，沒有 CTA 的裝飾橫幅只會佔首屏、沒有回報。
- 行動版首屏已經很擠：頁首導覽加搜尋列已經佔滿手機頂部，再加通知列會把主內容推到折線下，這時改用底部橫幅更穩。
把這張「不該用」清單跟前面的「該用通知列」象限對照著看，會發現兩者其實是同一套邏輯的兩面。訊息壽命長、干擾容忍低、有明確動作，就適合通知列；只要其中一項不成立，就把版位讓給彈窗、固定小工具或獨立頁面。版位選擇的本質，是讓每則訊息去到它最能發揮的位置。
常見問題
WordPress 通知列是什麼？跟彈窗有什麼差？
兩者一個低調、一個強勢。通知列黏在頂部、不擋內容，適合長期放的公告；彈窗跳出來擋住畫面、逼訪客互動，轉換率衝得快但放久傷體驗，適合要立刻行動的促銷。
WordPress 通知列怎麼做？要寫程式嗎？
完全不用。裝好 WPFront Notification Bar 這類免費外掛，在後台填好訊息、設好按鈕、勾啟用開關、存檔，到前台重整一次就出現，十分鐘內能搞定。
WPFront Notification Bar 免費嗎？夠用嗎？
WPFront Notification Bar 是 WordPress.org 收錄的免費外掛。對只需要一條公告列的站，免費版的頁面條件、角色條件、自動收合、關閉記憶、顏色設定都已經夠用，除非要多條輪替、倒數計時或名單串接才需要付費方案。
WordPress 通知列怎麼設定只在首頁顯示？
在 WPFront 設定頁的 Display Options 區塊，把 Include Pages 條件設成只勾首頁即可。到其他頁面看不到是正常的，不是設定失敗。
WordPress 通知列為什麼設了卻沒出現？
依序檢查三件事：最上方的 Enable 開關有沒有勾、顯示條件範圍是不是設太嚴、快取有沒有清除。這三個原因排查完，九成的問題都能解決。
WordPress 通知列可以放 CTA 按鈕嗎？
可以。WPFront 的 Button 區可以設按鈕文字與連結網址，按鈕跟訊息文字可以並存。按鈕文字建議短、動詞開頭，例如「立即領折扣」。
WordPress 通知列怎麼讓訪客關閉後不再出現？
開啟 Close Button 關閉鈕功能即可。訪客按一次關閉，在瀏覽器記憶期間通知列就不會再出現，避免對同一個訪客重複打擾。
WordPress 通知列跟彈窗該選哪個？
一句話分：放得久的選通知列，要立刻見效的選彈窗。兩種可以同時用，但同一則訊息別兩邊都塞。
WordPress 通知列會影響 SEO 或網站速度嗎？
通知列是一段前端 HTML 文字，不影響搜尋引擎收錄。但通知列過大會把首屏內容往下推，影響 Core Web Vitals 的 LCP 與 CLS 指標，長期可能拖累首屏體驗分數，樣式要適度。
WordPress 通知列手機版會跑版嗎？
字體過大或訊息過長時，手機版可能會把首屏內容擠掉或換行混亂。建議字體維持 14 到 16 像素、訊息控制在一行能顯示完，並實際在手機上檢視一次。
有沒有不裝外掛就能做通知列的方法？
有。部分主題內建 Top Bar 公告位置，或用 Elementor 等頁面編輯器自己拉一條置頂橫幅也能做到，只是顯示條件要自己處理，彈性比專門外掛差。
WordPress 通知列的成效怎麼衡量？
把成效分成曝光、點擊、轉換三層來量。給 CTA 按鈕加追蹤參數或事件標記，設定對應的轉換目標，跑兩到三週後比較點擊率與轉換率，並對照跳出率，才能看出訊息品質的好壞。
WordPress 通知列適合放限時促銷嗎？
限時促銷優先用彈窗或退出意圖彈窗，轉換率明顯更高。若要在通知列提示，建議加倒數計時且不要開自動收合，免得最該曝光的訊息被自己藏起來。
講了這麼多，通知列其實就是一個低成本、低干擾、全站曝光的版位，它的價值在於你把對的訊息、用對的顯示條件放上去。如果你正在把剛架好的 WordPress一步步上軌道，這條置頂公告列會是你最早能看到效果的小工具之一。把它當成公告的主力、促銷的輔助，不要期待它打名單或衝單筆轉換，你就不會對它失望。搭配好Landing Page 轉換率優化、Elementor 銷售頁製作教學與站內 SEO，SEO 的整體設定還可以加上Rank Math SEO 外掛完整教學跟WordPress 永久連結 SEO 設定，整體網站的曝光跟轉換才會一起往上走。流量流失的頁面也別忘了修，404 頁面優化搶回流失流量是很容易被忽略的一環。