收費頁面範例:Slack、Notion、Basecamp 等 14 種版面設計
一個好嘅收費頁面,可以令人喺一分鐘內搵到啱嘅方案,並清楚知道自己要俾幾多錢。最好嘅頁面會展示少量方案,註明計費週期嘅價錢,以數字列出限制,推薦其中一個方案,並且喺同一頁回答試用、取消同退款嘅問題。以下係 14 個收費頁面範例:其中七個係我哋喺 2026年10月實際參閱過嘅真實頁面,另外七個係適用於其他商業模式嘅模式。之後會有一份清單、常見錯誤,以及點樣建立你自己嘅頁面。
14 個範例一覽
| # | 範例 | 模式 | 關鍵概念 |
|---|---|---|---|
| 1 | Slack | 按用戶收費 | 每張卡都同時顯示月付同年付,附詳細比較表 |
| 2 | Notion | 按成員收費 | 推薦方案、附加功能同詳盡嘅常見問題 |
| 3 | Linear | 按用戶收費,按年計費 | 每張卡嘅第一行列出方案限制 |
| 4 | Basecamp | 一口價套餐 | 冇按用戶收費,免信用卡試用 |
| 5 | GitHub | 按用戶收費加附加功能 | 用量限制同附加功能分開列出 |
| 6 | Plausible | 分層收費,喺首頁 | 首頁上嘅收費表,附年付切換鍵 |
| 7 | Cal.com | 免費加按用戶收費 | 首頁常見問題直接回答價錢 |
| 8 | 按用量收費 | 模式 | 計算機或滑桿 |
| 9 | 點數收費 | 模式 | 解釋一個點數可以買到乜嘢 |
| 10 | 單一方案收費 | 模式 | 一個價錢,包括所有功能 |
| 11 | 服務業收費 | 模式 | 附有「由」價錢嘅套餐 |
| 12 | 課程或會員收費 | 模式 | 一次性付款與訂閱並列 |
| 13 | 只限企業收費 | 模式 | 包括乜嘢,以及購買流程點樣運作 |
| 14 | 非牟利機構或捐款層級 | 模式 | 每個金額能夠帶來乜嘢成果 |
真實收費頁面,以及佢哋做得好嘅地方
所有價錢同細節均以 2026年10月各公司自己頁面所示為準。
1. Slack
Slack 嘅收費頁面 列出 Free、Pro、Business+ 同 Enterprise+。每張付費方案卡都同時顯示月付價錢同年付價錢,並分別標示為「按月付款時」同「按年付款時」(Pro 月付為每位用戶每月 $8.75,年付則為 $7.25)。Business+ 標示為「最超值」。其後是一個長篇比較表,按範疇分組,以數字列出限制,例如免費方案有 90 日訊息紀錄同 10 個應用程式整合。
可以借鑑嘅地方: 每個價錢都標明計費週期,並以數字寫出限制。
2. Notion
Notion 嘅收費頁面 展示 Free、Plus(每位成員每月 $10)、Business($20,標示為「建議」)同 Enterprise(聯絡銷售),並有月付或年付切換鍵,附註年付最多可節省 20%。自訂網域等附加功能另外定價。常見問題涵蓋座位、升級同降級、取消、付款失敗同退款。
可以借鑑嘅地方: 一個解釋退款同降級安排嘅常見問題部分,可以消除人哋付款前感受到嘅風險。
3. Linear
Linear 嘅收費頁面 喺每個方案下面直接列出主要限制:免費方案有無限成員、2 個團隊同 250 個問題;Basic 為每位用戶每月 $10(按年計費),有 5 個團隊;Business 為 $16,團隊數量無限。Enterprise 只提供年付,並透過銷售團隊處理。其後是功能矩陣。
可以借鑑嘅地方: 將決定揀選嘅兩至三項限制,放在每張卡嘅最頂部。
4. Basecamp
Basecamp 嘅收費 採用一口價月費套餐,由 Free 到 Pro Unlimited,每個都對活躍專案、儲存空間同用戶數目設有上限,並標明「冇按用戶收費」。付費方案有 30 日試用,毋須信用卡,試用期結束後亦唔會自動收費。頁面亦列出非牟利機構同教育機構嘅優惠。
可以借鑑嘅地方: 如果你嘅收費模式有別於競爭對手,就將其放在標題位置。
5. GitHub
GitHub 嘅收費頁面 展示 Free、Team 同 Enterprise,並列出每位用戶嘅價錢,然後列出每個方案包括嘅用量(CI/CD 分鐘數同套件儲存空間),以及 Codespaces 同 Git LFS 等另外定價嘅附加功能。Enterprise 同時提供免費試用同聯絡銷售。
可以借鑑嘅地方: 如果你嘅部分成本取決於用量,就展示包括咗乜嘢,以及額外用量要付幾多錢。
6. Plausible
Plausible 將收費表直接放喺首頁:四個方案由每月 $9 起,月付或年付切換鍵(年付標示「免費 2 個月」),並提醒 30 日試用毋須信用卡。
可以借鑑嘅地方: 對於一個簡單嘅產品,將收費放喺首頁可以省一次點擊,並且及早回答咗客人最想知道嘅問題。
7. Cal.com
Cal.com 嘅首頁 喺其常見問題中回答「要幾多錢?」:個人免費,Teams 每位用戶每月 $16,Organizations 每位用戶每月 $37。
可以借鑑嘅地方: 網站上每當談及收費,就喺嗰度用一句話回答。
可以抄嘅收費頁面模式
8. 按用量收費
一個滑桿或計算機:「每個月要發送幾多封電郵?」而價錢會即時更新。展示一般客戶嘅幾個每月賬單例子,並講明超出用量時會發生乜嘢。
9. 點數收費
如果你出售點數,就用淺白嘅語言解釋一個點數可以買到乜嘢(「大約一張圖片」或「一項任務」),展示每個方案包括幾多點數,並講明未用完嘅點數會否結轉。例如 Mythex 向免費方案每日提供 5 個點數,而 Pro 由每月 $25 起;參閱 Mythex 收費頁面。
10. 單一方案收費
一個價錢,包括所有功能,列出客人可以得到嘅嘢,並配以一個按鈕。適合簡單嘅工具,亦容易解釋。
11. 服務業收費
套餐(基本、標準、優質)附有「由」價錢、包括嘅內容、一般交貨時間,以及任何訂製服務嘅報價表格。代理商、清潔服務同攝影師都善用呢種方式。
12. 課程或會員收費
並列展示一次性付款同訂閱選項,會員每月可以得到乜嘢,以及退款政策。參閱點樣建立會員網站。
13. 只限企業收費
即使冇公開價錢,都要說明包括乜嘢、一般合約條款、安全功能,以及購買流程點樣運作,並提供一個簡短表格以開始對話。
14. 非牟利機構或捐款層級
建議金額,並說明每個金額能夠達到乜嘢成果,附上每月捐款選項同自訂金額欄位。參閱點樣建立非牟利捐款網站。
最佳收費頁面嘅共同點
- 方案少,命名清楚。 三至四個最常見。
- 價錢附有單位: 按用戶或一口價、月付或年付、貨幣、稅項。
- 一個推薦方案,並誠實標示。
- 以數字列出限制,放在每張卡嘅最頂部。
- **清楚說明免費方案或試用,**包括是否需要信用卡。
- 比較表,供想了解詳情嘅人參考,放在卡片下方。
- 常見問題涵蓋取消、退款、升級同付款方式。
- **大客戶嘅途徑:**聯絡銷售、發票、批量折扣。
常見錯誤
- 隱藏計費週期。 顯示折算後嘅年付價錢,卻冇標示。
- 限制含糊。 寫「充足用量」,而唔係一個數字。
- 方案或切換鍵太多。 選擇困難確實存在。
- 功能名稱冇人看得明。 要描述每個功能做乜嘢。
- 結帳時出現意外費用。 應該預先顯示稅項、設定費同附加功能費用。
- 假造緊迫感。 每次重置嘅倒數計時器會損害信任,亦可能違反消費者規則。
- 頁面過時。 價錢更改當日就要更新頁面,連同常見問題一併更新。
點樣建立你自己嘅收費頁面
- **先決定模式:**按用戶、一口價、按用量,或者點數。我哋嘅點樣為 SaaS 產品定價 同免費增值 vs 免費試用 指南涵蓋咗呢啲選擇。
- 列出兩至三項限制,用嚟區分你嘅各個方案。
- 根據客戶真正問過你嘅問題撰寫常見問題。
- 建立頁面。 用 Mythex 你可以喺對話中描述你嘅方案,在即時預覽中查看頁面,並一鍵發布。著陸頁 或會員 起點亦可以,另外仲有範本。如果你嘅計費邏輯較複雜(計量、稅項、開立發票),就使用計費服務供應商,並保持頁面簡單;參閱點樣用 Stripe 加入訂閱。
- 用手機檢查。 方案卡應該整齊地堆疊,比較表應該可以捲動或收合。
我哋點樣揀選呢啲範例
我哋喺 2026年10月參閱咗每個指名嘅收費頁面,並按當時所示準確報告價錢同條款。價錢經常改變,所以引用任何數字之前,請先查看即時頁面。我哋唔知道呢啲頁面對擁有人嚟說成效點樣,所以描述嘅係你可以見到嘅手法,而唔係成果。各種模式係以一般性描述嘅常見收費模式。
常見問題
收費頁面應該包括乜嘢?
方案名稱、附上計費週期嘅價錢,並註明係按用戶收費定係一次過收費、每個方案包括乜嘢、以數字列出嘅限制、每個方案一個清楚嘅按鈕,以及一個涵蓋試用、取消、退款同付款方式嘅常見問題部分。如果你向大型團隊銷售,就加入「聯絡銷售」選項。
我應該有幾多個收費方案?
好多軟件公司只展示三至四個:一個免費或入門方案、一至兩個付費方案,以及一個企業或自訂方案。截至2026年10月,Slack、Notion 同 Linear 各自都展示咗四個方案。方案愈少,客人愈容易揀;只有真正有一群客戶需要時,才加入另一層級。
我應該同時顯示年付同月付價錢嗎?
如果你兩種都提供,就應該同時顯示,並清楚標明每個數字對應嘅係邊一種。Slack 喺每張方案卡上都同時顯示兩者,而 Notion 則用月付或年付切換鍵,並附上省錢嘅說明。如果只顯示折算後嘅年付價錢,而冇註明,就會令買家混淆。
按用戶收費定係一口價比較好?
按用戶收費會隨客戶團隊規模增長,而且容易理解。一口價(例如 Basecamp 截至2026年10月嘅套餐)對買家來說較為簡單,而且可以成為對抗按席位收費競爭對手嘅賣點。按用量收費則適合那些你嘅成本會隨使用量增加嘅產品,例如 API 呼叫或點數。