指南

收費頁面範例:Slack、Notion、Basecamp 等 14 種版面設計

一個好嘅收費頁面,可以令人喺一分鐘內搵到啱嘅方案,並清楚知道自己要俾幾多錢。最好嘅頁面會展示少量方案,註明計費週期嘅價錢,以數字列出限制,推薦其中一個方案,並且喺同一頁回答試用、取消同退款嘅問題。以下係 14 個收費頁面範例:其中七個係我哋喺 2026年10月實際參閱過嘅真實頁面,另外七個係適用於其他商業模式嘅模式。之後會有一份清單、常見錯誤,以及點樣建立你自己嘅頁面。

14 個範例一覽

#範例模式關鍵概念
1Slack按用戶收費每張卡都同時顯示月付同年付,附詳細比較表
2Notion按成員收費推薦方案、附加功能同詳盡嘅常見問題
3Linear按用戶收費,按年計費每張卡嘅第一行列出方案限制
4Basecamp一口價套餐冇按用戶收費,免信用卡試用
5GitHub按用戶收費加附加功能用量限制同附加功能分開列出
6Plausible分層收費,喺首頁首頁上嘅收費表,附年付切換鍵
7Cal.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. 非牟利機構或捐款層級

建議金額,並說明每個金額能夠達到乜嘢成果,附上每月捐款選項同自訂金額欄位。參閱點樣建立非牟利捐款網站。

最佳收費頁面嘅共同點

  • 方案少,命名清楚。 三至四個最常見。
  • 價錢附有單位: 按用戶或一口價、月付或年付、貨幣、稅項。
  • 一個推薦方案,並誠實標示。
  • 以數字列出限制,放在每張卡嘅最頂部。
  • **清楚說明免費方案或試用,**包括是否需要信用卡。
  • 比較表,供想了解詳情嘅人參考,放在卡片下方。
  • 常見問題涵蓋取消、退款、升級同付款方式。
  • **大客戶嘅途徑:**聯絡銷售、發票、批量折扣。

常見錯誤

  • 隱藏計費週期。 顯示折算後嘅年付價錢,卻冇標示。
  • 限制含糊。 寫「充足用量」,而唔係一個數字。
  • 方案或切換鍵太多。 選擇困難確實存在。
  • 功能名稱冇人看得明。 要描述每個功能做乜嘢。
  • 結帳時出現意外費用。 應該預先顯示稅項、設定費同附加功能費用。
  • 假造緊迫感。 每次重置嘅倒數計時器會損害信任,亦可能違反消費者規則。
  • 頁面過時。 價錢更改當日就要更新頁面,連同常見問題一併更新。

點樣建立你自己嘅收費頁面

  1. **先決定模式:**按用戶、一口價、按用量,或者點數。我哋嘅點樣為 SaaS 產品定價 同免費增值 vs 免費試用 指南涵蓋咗呢啲選擇。
  2. 列出兩至三項限制,用嚟區分你嘅各個方案。
  3. 根據客戶真正問過你嘅問題撰寫常見問題。
  4. 建立頁面。 用 Mythex 你可以喺對話中描述你嘅方案,在即時預覽中查看頁面,並一鍵發布。著陸頁 或會員 起點亦可以,另外仲有範本。如果你嘅計費邏輯較複雜(計量、稅項、開立發票),就使用計費服務供應商,並保持頁面簡單;參閱點樣用 Stripe 加入訂閱。
  5. 用手機檢查。 方案卡應該整齊地堆疊,比較表應該可以捲動或收合。

我哋點樣揀選呢啲範例

我哋喺 2026年10月參閱咗每個指名嘅收費頁面,並按當時所示準確報告價錢同條款。價錢經常改變,所以引用任何數字之前,請先查看即時頁面。我哋唔知道呢啲頁面對擁有人嚟說成效點樣,所以描述嘅係你可以見到嘅手法,而唔係成果。各種模式係以一般性描述嘅常見收費模式。

常見問題

收費頁面應該包括乜嘢?

方案名稱、附上計費週期嘅價錢,並註明係按用戶收費定係一次過收費、每個方案包括乜嘢、以數字列出嘅限制、每個方案一個清楚嘅按鈕,以及一個涵蓋試用、取消、退款同付款方式嘅常見問題部分。如果你向大型團隊銷售,就加入「聯絡銷售」選項。

我應該有幾多個收費方案?

好多軟件公司只展示三至四個:一個免費或入門方案、一至兩個付費方案,以及一個企業或自訂方案。截至2026年10月,Slack、Notion 同 Linear 各自都展示咗四個方案。方案愈少,客人愈容易揀;只有真正有一群客戶需要時,才加入另一層級。

我應該同時顯示年付同月付價錢嗎?

如果你兩種都提供,就應該同時顯示,並清楚標明每個數字對應嘅係邊一種。Slack 喺每張方案卡上都同時顯示兩者,而 Notion 則用月付或年付切換鍵,並附上省錢嘅說明。如果只顯示折算後嘅年付價錢,而冇註明,就會令買家混淆。

按用戶收費定係一口價比較好?

按用戶收費會隨客戶團隊規模增長,而且容易理解。一口價(例如 Basecamp 截至2026年10月嘅套餐)對買家來說較為簡單,而且可以成為對抗按席位收費競爭對手嘅賣點。按用量收費則適合那些你嘅成本會隨使用量增加嘅產品,例如 API 呼叫或點數。

Mythex · Pricing · 用 AI 建造任何嘢 · 網站及應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費 AI 應用程式開發工具 · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(台灣)