官網「多步驟表單」(Multi-step Form) 設計完整攻略：中小企業如何用一步一步問把高門檻表單變成主動填完的詢問單

「我們官網的聯絡表單欄位明明只有四個，為什麼還是沒人填？」這是上週一位賣工業設備的老闆問我的問題。我點開他的官網看了一下，表單長這樣：公司名稱、聯絡人、電話、需求說明（必填，請詳述）。看起來很精簡，但其實是地獄關卡——因為訪客在還不確定要不要詢問之前，就要面對「請詳述需求」這種開放題。腦袋一卡，視窗就關了。

這時候多步驟表單（Multi-step Form）就是解法。它不是把表單變長，而是把同一張表單拆成 3-5 個小步驟，讓訪客每次只回答一題。聽起來像在繞遠路，但實務上多步驟表單在 B2B、高客單服務、客製化詢價這類情境下，平均能把轉換率拉高 30-50%。這篇就把多步驟表單的設計重點一次講清楚，附上中小企業可以直接套用的範例。

Photo by Jakub Żerdzicki on Unsplash

為什麼多步驟表單比單頁表單還容易填完？

很多老闆直覺認為，分成五步驟一定比一頁五題還麻煩。但行為心理學告訴我們完全相反：第一，視覺壓力降低——一張表單一次秀出 10 個欄位，訪客第一眼就評估「填完要多久」，這個評估通常會被高估，於是直接放棄；第二，沉沒成本效應——點完第一、二、三題後會出現「都填到一半了不填完很可惜」的心態，這就是說服力研究裡的承諾與一致性原理；第三，由淺入深——把最簡單沒壓力的問題（例如「您想了解哪一類服務？」用選的）放在第一步，等到要填電話信箱時訪客已經投入時間，反而比較願意給。

什麼產業適合用多步驟表單？什麼產業不適合？

不是所有官網都該換。判斷標準很簡單：服務客單價越高、客製化程度越高、決策時間越長，多步驟表單越有效。適合的類型：客製化系統開發、網站設計、室內設計、保險規劃、貸款試算、留學顧問、不動產仲介、B2B 大宗採購。不適合的：純諮詢留言、電商商品訂購、餐廳訂位、緊急叫修等需要「越快越好」的情境。

步驟怎麼拆？三個基本原則

多步驟表單最常見的錯誤就是亂拆。把欄位平均分配進每一步，看起來工整但體驗很差。拆步驟有三個原則：

原則一：從寬到窄。第一步問範圍最寬、最容易回答的，例如「您想做的服務類型？」、「您的預算範圍？」。不要在第一步就要訪客填名字電話，這等於把最後一道防線放在最前面。

原則二：個資留到最後。姓名、電話、Email、公司統編這些欄位，永遠放在最後一步。訪客已經回答了前面三四個問題，這時候才要他留下聯絡方式，給的機率最高。把這順序倒過來，整張表單會立刻死掉一半。

原則三：每一步最多 2-3 個欄位。如果一步要填超過三個欄位，就應該再拆。一個步驟最理想的狀況是只有一個問題、最多三個快速選項，讓訪客在 5 秒內就能進下一步。

Photo by Amélie Mourichon on Unsplash

進度提示：訪客最在意「還剩幾步」

多步驟表單沒做好進度提示，就是在懲罰訪客。每一步都要清楚顯示「目前第幾步／總共幾步」，讓訪客有掌控感。常見呈現方式有頂部進度條（40% 進度的橫條）或步驟點（1 → 2 → 3 → 4 → 5）。另一個關鍵：不要讓訪客看到「下一步」之後突然冒出第七步、第八步。一開始說 5 步，後面就要乖乖地是 5 步，「驚喜加題」是最快讓他關掉視窗的方式。實務上還有一招很有效：在進度條旁邊加「預計剩餘時間 1 分鐘」、「再 3 步就完成」，比抽象百分比更能降低放棄率。

每一步都該有「微回饋」

單頁表單訪客填完按送出才知道有沒有填錯。多步驟表單可以針對每一步給即時回饋——選了「網站設計」之後，下一步直接出現「您的預算範圍？」並帶入該服務的常見預算當預設選項；選了「年營收 1000 萬以上」，下一步顯示「我們有專屬企業方案，請留下聯絡方式」。這種互動讓表單像在跟訪客對話，而不是冷冰冰的問卷，直接影響後續詢問的信任感。

按鈕文案：不要再寫「下一步」

「下一步」是最常見也最沒效率的按鈕文案。沒指引、沒誘因，訪客點不點都一樣冷淡。建議改成跟前面問題對應的具體文案：

例如，問完服務類別之後，按鈕可以寫「告訴我您的預算 →」；問完預算之後，按鈕可以寫「下一步：時程規劃」；最後一步的送出按鈕，絕對不要寫「送出」，要寫「為我準備報價單」、「免費取得詳細估價」、「24 小時內安排顧問回覆我」這類具體承諾。

有個小數字參考：把「送出」改成有具體承諾的文案，平均能拉高 5-15% 的最後一步完成率。看起來不多，但你前面辛辛苦苦把訪客帶到最後一步，這 5-15% 是免費撿到的。

手機版設計的三個關鍵細節

超過 60% 的官網訪客是用手機看的，多步驟表單在手機上的體驗特別需要注意：

第一，每一步的問題與選項要能在一個畫面內看完。不要讓訪客還要滑來滑去找按鈕。如果這一步的選項超過 5 個，建議拆成兩步，或改用下拉式選單。

第二，鍵盤類型要對。填電話時要叫出數字鍵盤、填 Email 時要叫出 Email 鍵盤（有 @ 鍵）、填公司名稱時是一般中文鍵盤。HTML 上用 inputmode、type="tel"、type="email" 就能做到。這是小細節，但漏掉就會讓填表單體驗變得很煩。

第三，按鈕要大、要在拇指範圍內。「下一步」按鈕要至少 48px 高，並且固定在畫面下方，不要讓訪客還要先把鍵盤收起來才找得到按鈕。這個基本款，台灣中小企業官網有一半以上都沒做好。

可以「跳過」嗎？建議與不建議的時機

如果某個問題不是強制必填，提供「跳過此題」是合理的設計。但要注意：跳過不能用在最終的聯絡資訊欄位；跳過按鈕的視覺權重要低於主要按鈕（用文字連結、較淡顏色），不要讓訪客直接點跳過跳到最後。另一種進階設計是「條件式跳題」，例如選了「純諮詢」就跳過「預算範圍」這一步。對訪客體驗友善，但邏輯一複雜後續維護就是噩夢，建議步驟邏輯越單純越好。

Photo by 1981 Digital on Unsplash

放棄率怎麼追蹤？每一步都要看

單頁表單你只能知道「總共多少人來、多少人填完」。多步驟表單的最大優勢之一，是你可以看到「在第幾步流失最多」。這個資訊對優化轉換率非常珍貴。

追蹤方式很簡單：用 Google Analytics 4 的事件追蹤，幫每一步加上 step_view、step_complete 兩種事件，搭配步驟編號當參數。一週後就可以看到「第 1 步進入 100 人、第 2 步剩 70 人、第 3 步剩 65 人、第 4 步剩 30 人、完成 25 人」。哪一步流失率特別高，就針對那一步調整。

常見的優化方向：第 1 步流失高 → 入口的吸引力或承諾不夠強；第 2、3 步流失高 → 問題太難回答或選項太多；第 4、5 步流失高 → 個資欄位太多或不夠安心。每個流失點都對應到具體的修正方向，這是單頁表單給不了的洞察。

實作小提醒：別忘了「資料保存」

多步驟表單最尷尬的情況是訪客填到一半電話響、視窗不小心關掉，回來發現要從頭填起——這時 80% 的人不會回來填了。技術上的解法是把填到一半的資料暫存在 localStorage，下次開啟時自動還原。實作不複雜，但對轉換率影響非常大。進階做法：第一步完成後就把「目前進度 + 服務類別 + 預算」這些非個資資訊先存到後端，這樣還能看到「填到第二步就離開」的訪客類型作為市場研究參考。

結語：表單不是越短越好，是越聰明越好

很多老闆迷信「表單越短轉換越高」，這個論點對低客單、低決策成本的服務是對的，但對中小企業常見的客製化服務、B2B 詢價、高客單顧問業，反而會卡住整條銷售漏斗。多步驟表單的價值不在於欄位變多，而在於「把問題拆細、讓訪客一步步承諾」，讓本來會放棄的訪客有機會走到最後一步。

如果你的官網目前的詢問轉換率低於 2%，可以試著從聯絡表單改成 3-5 步的多步驟表單。改完一週後對照進站量與詢問量，數字通常會很有感。當然，這背後的細節——進度提示、按鈕文案、手機版優化、追蹤事件、資料暫存——每一項都會影響最終效果。需要協助規劃自家官網的詢問流程的話，歡迎與奧隆聯繫，我們很樂意一起把這條路走順。