在我們協助社福機構優化線上募款的過程中，最常聽到的一句話是：「我們有捐款頁面啊，但就是沒什麼人捐。」打開一看，問題往往不是缺少曝光或缺少故事，而是捐款頁面本身把人「趕走了」。關於捐款系統的完整評估框架，可參閱我們的捐款系統 10 大挑選指標；本文則聚焦在「頁面上該放什麼、怎麼排」這個更前端的設計命題。
為什麼你的捐款頁面留不住人？3 個常見的致命錯誤
在實際檢視過數十個 NPO 捐款頁面後，我歸納出三個最常見且最致命的設計問題：
- 資訊過載：把組織沿革、年度報告、受助者故事、志工招募全塞進同一頁。捐款頁面不是首頁，它的唯一目標就是讓訪客完成捐款。
- 信任標示缺席：沒有勸募許可文號、沒有 SSL 安全鎖標示、也沒有任何財務透明的揭露——等於叫陌生人把信用卡號交給一個「看起來不太可靠」的頁面。
- 手機體驗被忽略：根據 M+R Benchmarks 的數據，超過 53% 的 NPO 網站流量來自手機，但許多捐款頁面在手機上需要雙指放大才能點到按鈕。
💡 💡 顧問小科普
捐款頁面的設計哲學和一般的品牌官網截然不同。官網追求「資訊完整」，但捐款頁面追求「動作單一」。把捐款頁面想成便利商店的結帳櫃檯——你不會在結帳時才開始逛貨架，對吧？
原則一：信任感先行——許可文號、財報與認證標示的放置
**捐款頁面上的信任元素，是決定陌生訪客是否願意掏出信用卡的第一道關卡。**對於 NPO 而言，這不只是設計建議，更是法律義務。依據《公益勸募條例》第 16 條，勸募團體開立的收據必須載明許可文號。捐款頁面作為線上勸募的入口，揭露許可文號不是「加分項」，而是法定底線。更多關於勸募法規的完整解析，請參閱我們的《公益勸募條例》實務指南。
建議在捐款頁面的醒目位置（表單上方或側邊欄）放置以下信任元素：
- 勸募許可文號：格式清楚、字體不宜太小，讓捐款人一眼就能確認合法性。
- 財務透明連結：一個連向年度報告或公開徵信頁面的文字連結即可，不需要塞完整報表。
- 第三方認證標誌：若組織有獲得公益團體自律聯盟認證或其他評鑑，可放置徽章圖示。
- SSL 安全鎖標示：雖然瀏覽器地址欄已有鎖頭圖示，但在頁面上額外標註「本頁採 SSL 加密傳輸」能有效降低捐款人的心理門檻。
原則二：極簡表單——減少一個欄位就是增加一筆捐款
捐款表單的設計核心是「減法」。每多一個必填欄位，就多一個讓捐款人猶豫或放棄的機會。根據 Baymard Institute 的長期研究，過於冗長的結帳流程是導致使用者放棄交易的核心原因之一。
NPO 捐款頁面的表單設計應遵循以下原則：必填欄位控制在 5 個以內（姓名、Email、手機、金額、身分證字號），其餘如「聯絡地址」應設為選填，僅在捐款人勾選「索取紙本收據」時才展開。這種條件式顯示的做法能同時兼顧資料完整性與填寫體驗。
金額按鈕的學問
預設金額按鈕是影響平均捐款額的關鍵設計細節：
- 提供 3–4 個預設金額：過少缺乏選擇感，過多則造成決策疲勞。
- 最低金額放最左邊：降低首次捐款者的心理門檻，讓「100 元」成為最容易被點擊的選項。
- 保留「自訂金額」欄位：給高額捐款者靈活空間。
- 引導定期定額：在金額按鈕旁邊放置「每月捐」的切換開關，比起另開一頁更能有效引導轉換。關於定期定額的深度策略，可參閱我們的Dunning 機制搶救指南。
捐款頁面的表單到底要收集哪些資料？
最低限度是 5 個欄位：姓名、Email、手機號碼、捐款金額、身分證字號（開立收據用）。聯絡地址應設為選填，僅在捐款人需要紙本收據時才要求填寫。如果你的表單超過 7 個必填欄位，建議立即檢討哪些可以刪除或改為選填。
原則三：行動裝置優先——手機是主戰場，不是附屬品
超過半數的 NPO 網站流量來自行動裝置，但手機版的捐款頁面往往只是桌機版的「縮小版」——這是最常見的設計失誤。手機版捐款頁面必須是獨立思考的設計成果，而不是桌機版的自動適應。
手機版捐款頁面的 3 個必做優化：第一，所有可點擊的按鈕與連結區域至少達到 44×44 像素（這是 Apple Human Interface Guidelines 的建議標準），避免「按不到」的挫折；第二，當焦點進入手機號碼欄位時，系統應自動彈出數字鍵盤而非英文鍵盤（HTML 的 inputmode="tel" 即可實現）；第三，整個捐款流程在手機上必須能在不縮放、不橫向滑動的情況下完成。
更多關於行動支付趨勢對 NPO 的影響與金流選擇建議，請參閱我們的金流防護指引；關於操作流暢度的系統層面評估，則可參閱無摩擦捐款體驗指南。
原則四：金流安全視覺化——讓捐款人「看見」安全
資安不只是後端的技術議題，更是前端的「心理議題」。即使你的系統已經具備完整的加密機制，如果捐款人在頁面上「感覺不到」安全，他還是會猶豫。
具體做法：
- SSL 安全標示：在表單區域附近放置「🔒 SSL 加密傳輸」的文字說明。關於 HTTPS 的完整技術說明，請參閱我們的HTTPS 資安防護指南。
- 金流品牌 Logo：若使用綠界、藍新等知名金流商，可在表單下方放置其品牌 Logo，借用其品牌信任度。
- 個資使用聲明：一行簡短的說明即可，例如：「您的個人資料僅用於開立捐款收據與寄送徵信報告，不會提供給第三方。」更多關於 NPO 捐款資安的完整指南，可參閱我們的捐款系統資安措施指南。
原則五：捐款後的感謝頁面——被忽略的第二次轉換機會
許多 NPO 在捐款人按下「確認」之後就結束了互動，跳出一個簡陋的「感謝您的捐款」白底頁面。這是巨大的浪費——感謝頁面是捐款人對組織好感度最高的瞬間，也是啟動「第二次轉換」的黃金時機。
一個設計良好的感謝頁面應該包含：
- 即時確認：明確告知「捐款已成功」，並顯示捐款金額與收據編號。
- 情感連結：一段 2–3 句的真誠感謝語，搭配一張受助者或服務場景的真實照片（不是素材庫圖片）。
- 社群分享按鈕：讓捐款人一鍵將「我剛捐了 XXX」分享到社群媒體——這是零成本的口碑行銷。
- 後置註冊引導：「為方便您日後查詢捐款紀錄與下載收據，是否要設定一組密碼建立帳號？」這種溫柔引導遠比強制註冊有效。
捐款頁面改版後多久可以看到轉換率變化？
通常在改版上線後 2–4 週就能從 Google Analytics 的目標轉換數據中觀察到明顯變化。建議在改版前先記錄基準數據（捐款頁瀏覽數、捐款完成數、轉換率），改版後進行 A/B 比對。若改版幅度較大（如從多頁流程改為一頁式），效果通常會更快顯現。
捐款頁面設計自我檢核清單
在結束之前，這是我們在協助 NPO 進行捐款頁面健檢時使用的快速檢核表，你可以用來對照自己的現有頁面：
| 檢核項目 | 是否達成？ |
|---|---|
| 勸募許可文號是否在醒目位置揭露？ | ☐ |
| 表單必填欄位是否控制在 5 個以內？ | ☐ |
| 是否提供 3–4 個預設金額按鈕？ | ☐ |
| 手機上按鈕是否足夠大（≥ 44×44px）？ | ☐ |
| 手機號碼欄位是否自動彈出數字鍵盤？ | ☐ |
| 是否有 SSL 安全標示或金流品牌 Logo？ | ☐ |
| 感謝頁面是否有社群分享按鈕？ | ☐ |
| 是否有提供定期定額的切換選項？ | ☐ |
參考文獻
- 50 Cart Abandonment Rate Statistics 2026｜Baymard Institute — 結帳流程對使用者放棄率影響的長期追蹤研究。
- 2024 M+R Benchmarks Study (Website & Donations)｜M+R — NPO 網站流量來源與行動裝置轉換率的年度基準報告。
- 公益勸募條例全文｜全國法規資料庫 — 第 16 條收據應載明許可文號之規定。
- Human Interface Guidelines: Buttons｜Apple Developer — 觸控目標建議最小尺寸 44×44 點。
