手機底部固定按鈕不是萬靈丹:行動版 CTA 該放哪裡的反面論證與判斷順序

行動版 CTA 位置沒有標準答案。手機底部固定按鈕只在決策短、意圖已經明確的頁面有效。高單價、需要先理解的服務,按鈕應該放在客人讀完關鍵證據之後的位置。判斷順序是先看頁面任務,再看拇指動線,最後才看按鈕外觀

這篇文章要唱一點反調。過去幾年,我在幫中小企業看手機版落地頁時,最常聽到的修正建議是:在底部加一條固定按鈕,永遠看得到,轉換就會上來。這句話有時候對。但它被當成通則使用時,常常把問題藏起來。按鈕看得到,不代表客人準備好按

常見說法:按鈕越早出現、越常出現越好

支持這個說法的理由很直觀。手機畫面小,客人捲一下就忘了按鈕在哪。固定在底部的按鈕不管捲到哪裡都在,看起來像是把阻力降到最低

我不否認這個邏輯。問題在於,它只處理了「找不到按鈕」這一種阻力。客人沒有按下去,原因通常不只一種。他可能還不確定價格,可能不知道下一步會發生什麼,可能擔心填了表就被業務狂打電話。這些阻力,按鈕擺得再近都解不開

Google 在 有用內容的說明文件裡反覆提醒,頁面要先滿足使用者想完成的事。換成轉換的語言,就是按鈕的位置要配合客人的進度,而不是配合我們想收名單的急迫

反面論證一:固定按鈕會吃掉手機最珍貴的畫面

手機直式畫面本來就窄。底部固定一條按鈕,加上瀏覽器自己的網址列與工具列,可以讀內容的空間會再縮一截。若頁面還有聊天外掛的浮動圓鈕、Cookie 同意橫幅,客人真正看到文字的區域可能只剩一半

示範情境:一家做室內設計的小工作室,手機頁面底部有固定的「預約丈量」按鈕,右下角有 LINE 浮動鈕,上方還有一條優惠公告。客人想看作品照片,每張照片都被切掉下緣。他捲了兩下就離開。按鈕一直都在,但客人連作品都沒看完

這不是說固定按鈕不能用,而是它有成本。成本是內容空間與閱讀耐心。若這頁的任務是讓客人先被作品說服,那麼閱讀空間比按鈕曝光更重要

反面論證二:首屏按鈕常常在客人還沒懂之前就出現

另一個常見做法,是把主按鈕放在手機首屏,緊貼標題下方。理由是很多人不會往下捲。這句話在某些頁面成立。但若首屏只有一句品牌口號與一張氛圍照片,客人看完根本不知道你賣什麼、多少錢、適不適合他

這時候按鈕被點的機率很低,就算被點了,後面的表單也常常填到一半放棄。因為客人是被催著往前走,而不是自己決定往前走。我在檢查這類頁面時,會把首屏截圖拿給沒看過的人,問他三個問題:這是賣什麼的?適合誰?按下去會發生什麼?三題答不出兩題,首屏按鈕就太早了

那麼行動版 CTA 位置應該怎麼判斷?

我的判斷順序有三層。第一層看頁面任務,第二層看拇指動線,第三層才看按鈕本身的樣式。多數團隊直接從第三層開始改顏色、改大小,結果改了很多輪都看不出差別

第一層:這一頁要客人做的決定有多大

決定小,按鈕可以早、可以固定。決定大,按鈕要等證據。下面這張表是我用來快速分類的方式,數字是方向不是門檻,請依你的產業調整

頁面類型客人的決策狀態建議主按鈕位置固定按鈕是否適合
低單價商品頁進站前已想買首屏價格下方適合,可全程固定
限時活動報名頁已知活動內容首屏與頁尾各一個適合,活動結束即移除
服務介紹頁正在比較多家方案說明與收費段落之後捲過證據段落後才出現
高單價顧問服務需要先建立信任案例與流程說明之後不建議一開始就出現
文章或知識頁還在學習階段文末與相關段落內不建議,改用段落內連結

第二層:拇指點得到,不代表點得舒服

單手拿手機時,拇指最容易碰到的是畫面中下段。這是很多人主張底部按鈕的根據。但有兩個細節常被忽略。第一,按鈕太靠近畫面最底,容易和瀏覽器的手勢列衝突,客人想往上滑卻誤觸。第二,兩個按鈕並排時,間距太小會點錯,點錯一次客人就會懷疑整個網站

  • 主按鈕與次按鈕之間留出明顯間距,避免誤觸
  • 按鈕高度要讓拇指一次按中,不要做成細長的文字連結
  • 不要讓按鈕和浮動客服鈕、回頂端鈕擠在同一個角落
  • 橫向捲動的卡片區不要放主按鈕,客人滑動時容易誤點

第三層:按鈕的文字比位置更常出錯

位置對了,文字錯了,一樣沒有人按。手機上空間有限,很多人把按鈕文字縮成「了解更多」或「立即行動」。這兩個字詞沒有告訴客人按下去會發生什麼。比較好的寫法是描述下一步,例如「看三種方案的收費」、「用 LINE 傳照片估價」。客人知道按下去的結果,就比較敢按

示範情境:同一個服務頁,三種放法的差別

以下是示範情境,不是真實客戶。假設一家提供企業攝影的小團隊,手機頁面由上而下是:標題、作品輪播、服務項目、收費方式、拍攝流程、常見問題、聯絡表單

放法一是首屏放「立即預約」並全程固定。客人還沒看到收費,就一直被提醒預約。容易看到的反應是按鈕點擊不少,表單完成很少,因為客人點進去才發現要填預算,他還不知道預算該抓多少

放法二是只在頁尾放一個表單。客人看完收費想問問題,卻要一路捲到最底。手機上這段距離很長,有些人在中途就被其他通知打斷,回來時已經忘記剛才想問什麼

放法三是在收費段落後面放第一個按鈕,文字寫「依拍攝天數估價」,客人捲過收費段落後,底部才出現固定的 LINE 詢問鈕。這個放法讓按鈕跟著客人的進度出現。我不能保證它在每個產業都勝出,但它的邏輯是對齊決策,而不是對齊曝光

怎麼用數據確認位置有沒有放錯?

判斷位置不能只靠感覺。GA4 可以依裝置類別切開報表,看同一頁的捲動事件與按鈕點擊事件。設定方式可以參考 Google Analytics 說明中心。我通常看三個訊號

  • 手機版有多少人捲到第一個按鈕所在的位置,若多數人在那之前就離開,按鈕放得太深或前面的內容留不住人
  • 按鈕點擊與表單完成的落差,若點擊多完成少,按鈕可能太早出現,客人還沒準備好
  • 桌機與手機的落差,若桌機轉換正常而手機明顯偏低,先懷疑版面與位置,再懷疑流量品質

數字本身不會告訴你該怎麼改,它只告訴你哪一段斷掉。斷掉的地方,就是下一次調整的起點。如果你的落地頁載入也慢,先看 手機落地頁速度的實務提升策略,速度問題會讓任何位置都失效

上線前的行動版 CTA 檢查清單

每次改完版面,我會用真的手機,不是瀏覽器模擬器,單手走一遍。以下是我會逐項打勾的清單

  • 首屏看完,能不能說出這頁賣什麼、適合誰
  • 第一個主按鈕出現前,客人是否已經看到價格範圍或收費方式
  • 按鈕文字是否說明按下去會發生什麼
  • 固定按鈕有沒有遮住圖片下緣、表格最後一列或表單送出鈕
  • 浮動客服鈕、回頂端鈕、Cookie 橫幅與固定按鈕有沒有重疊
  • 按鈕附近有沒有放一則能降低疑慮的證據,例如流程說明或退款條件
  • 在小尺寸手機與大尺寸手機各測一次,版面是否都正常

信任證據要放在按鈕旁邊還是上方,可以參考 信任證據擺放位置與轉換的實務指南。按鈕與證據靠在一起時,客人做決定的距離會短很多

適用與不適用的情況

這篇的反面論證,適用於需要客人先理解、先比較、先建立信任的頁面。像是服務業、顧問、客製化產品、B2B 詢價頁。這類頁面把按鈕往後放、讓它跟著證據出現,通常比一開始就固定在底部更合理

它不適用於決策極短的頁面。像是低單價消耗品、已經知道要買什麼的回購客、限時搶購活動。這類頁面的客人進站前就有答案,按鈕越早越好,固定按鈕也很合理。若是投放廣告的頁面,廣告訊息與落地頁按鈕的承諾要一致,相關設定可以查 Google Ads 說明中心

最後要說明限制:本文沒有提供任何轉換率提升的數字,因為位置的效果高度依賴產業、客單價與流量來源。若你想要有人陪你逐頁檢查手機版的按鈕動線,可以到 冠誠數位行銷的服務項目看看整合行銷顧問的合作方式,也可以先讀 常見問題了解合作流程

寫在最後的三件事

版權

本站每一個字、每一版面與案例紀錄,皆由冠誠數位行銷逐字撰寫、逐版校訂而成,原稿與時間戳紀錄完整保存。未經書面同意而複製、改寫、轉載或挪作他用者,本所將依著作權法追究,絕不寬貸。

隱私

您寫給我們的每一個字,只用來回覆您的委託,不轉售、不交換。全站以 HTTPS 加密傳輸,主機由 WP Engine 代管。

保密

委託期間與結束之後,您的企業名稱、數據與案情一律不對外揭露;正式合作前,雙方簽署保密協議。所有往來以文字全程紀錄,說過的話都有據可查。