Приклади сторінок цін: 14 макетів від Slack, Notion, Basecamp та інших
Добра сторінка цін дозволяє знайти потрібний тариф і точно зрозуміти, скільки ви заплатите, менш ніж за хвилину. Найкращі сторінки показують невелику кількість тарифів, вказують ціни з періодом оплати, записують ліміти числами, рекомендують один тариф і відповідають на запитання про пробний період, скасування та повернення коштів на тій самій сторінці. Нижче 14 прикладів сторінок цін: сім реальних сторінок, які ми переглянули у жовтні 2026, і сім патернів для інших бізнес-моделей. Далі — чек-лист, типові помилки і як створити свою.
14 прикладів коротко
| № | Приклад | Модель | Ключова ідея |
|---|---|---|---|
| 1 | Slack | За користувача | Місячна і річна ціна на кожній картці, детальна таблиця порівняння |
| 2 | Notion | За учасника | Рекомендований тариф, додаткові опції та докладний FAQ |
| 3 | Linear | За користувача, річна оплата | Ліміти тарифу в першому рядку кожної картки |
| 4 | Basecamp | Фіксовані пакети | Без плати за користувача, пробний період без картки |
| 5 | GitHub | За користувача плюс опції | Ліміти використання та опції, перелічені окремо |
| 6 | Plausible | Тарифи на головній сторінці | Таблиця цін прямо на головній, перемикач для річної оплати |
| 7 | Cal.com | Безкоштовно плюс за користувача | Ціни відповідають у FAQ головної сторінки |
| 8 | Оплата за використання | Патерн | Калькулятор або повзунок |
| 9 | Оплата кредитами | Патерн | Пояснення, що дає один кредит |
| 10 | Один тариф | Патерн | Одна ціна, усе включено |
| 11 | Ціни для сервісного бізнесу | Патерн | Пакети з цінами «від» |
| 12 | Ціни на курс або членство | Патерн | Разова оплата проти підписки |
| 13 | Ціни лише для корпорацій | Патерн | Що входить і як відбувається купівля |
| 14 | Некомерційні та донатні рівні | Патерн | Що досягає кожна сума |
Реальні сторінки цін і що вони роблять добре
Усі ціни та умови актуальні станом на жовтень 2026, як їх показує кожна компанія на власній сторінці.
1. Slack
Сторінка цін Slack містить тарифи Free, Pro, Business+ та Enterprise+. На кожній платній картці вказано і місячну, і річну ціну з підписами «при щомісячній оплаті» та «при річній оплаті» (Pro коштує $8,75 на користувача на місяць при місячній оплаті або $7,25 при річній). Business+ позначено як «Найкраща ціна». Далі йде велика таблиця порівняння, згрупована за напрямами, з лімітами числами, наприклад 90 днів історії повідомлень і 10 інтеграцій застосунків у Free.
Чого навчитися: позначайте кожну ціну періодом оплати та записуйте ліміти числами.
2. Notion
Сторінка цін Notion показує Free, Plus ($10 на учасника на місяць), Business ($20, позначено «Рекомендовано») та Enterprise (зв’язатися з відділом продажів), з перемикачем «щомісяця/щороку» і приміткою, що річна оплата дає економію до 20%. Додаткові опції, як-от власні домени, мають окрему ціну. FAQ пояснює місця, підвищення і пониження тарифу, скасування, невдалі платежі та повернення коштів.
Чого навчитися: FAQ, який пояснює повернення коштів і пониження тарифу, знімає ризик, який люди відчувають перед оплатою.
3. Linear
Сторінка цін Linear одразу під кожним тарифом вказує ключові ліміти: у Free необмежена кількість учасників, 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 відповідає на питання «скільки це коштує?» у своєму FAQ: безкоштовно для окремих людей, Teams — $16 на користувача на місяць, Organizations — $37 на користувача на місяць.
Чого навчитися: де б ціна не згадувалася на вашому сайті, відповідайте на це там, одним реченням.
Патерни сторінок цін, які можна скопіювати
8. Оплата за використання
Повзунок або калькулятор: «Скільки листів на місяць?», і ціна оновлюється. Показуйте кілька прикладів місячних рахунків для типових клієнтів і скажіть, що станеться, якщо хтось перевищить ліміт.
9. Оплата кредитами
Якщо ви продаєте кредити, простими словами поясніть, що дає один кредит («приблизно одне зображення» або «одне завдання»), покажіть, скільки кредитів входить у кожен тариф, і вкажіть, чи переходять невикористані кредити на наступний період. Наприклад, Mythex дає тарифу Free 5 кредитів на день, а Pro починається від $25 на місяць; див. сторінку цін Mythex.
10. Один тариф
Одна ціна, все включено, зі списком того, що ви отримуєте, і однією кнопкою. Працює для простих інструментів і легко пояснюється.
11. Ціни для сервісного бізнесу
Пакети (базовий, стандартний, преміум) з цінами «від», що входить, типовим терміном виконання і формою запиту для всього індивідуального. Агентства, клінінгові компанії та фотографи добре використовують цей формат.
12. Ціни на курс або членство
Поруч покажіть варіанти разової оплати і підписки, що отримують учасники щомісяця, та політику повернення коштів. Див. як створити сайт членства.
13. Ціни лише для корпорацій
Навіть без публічної ціни вкажіть, що входить, типові умови контракту, функції безпеки та як відбувається купівля, з короткою формою, щоб почати розмову.
14. Некомерційні та донатні рівні
Пропоновані суми з описом того, що досягає кожна з них, варіант щомісячного внеску та поле для власної суми. Див. як створити сайт для благодійних пожертв.
Спільне у найкращих сторінках цін
- Небагато тарифів з чіткими назвами. Три або чотири — поширено.
- Ціни з одиницями: за користувача чи фіксовані, місячні чи річні, валюта, податки.
- Один рекомендований тариф, позначений чесно.
- Ліміти числами угорі кожної картки.
- Безкоштовний тариф або пробний період, сказані прямо, включно з тим, чи потрібна картка.
- Таблиця порівняння для тих, хто хоче деталей, під картками.
- FAQ про скасування, повернення коштів, підвищення тарифу та способи оплати.
- Шлях для великих покупців: зв’язок з відділом продажів, рахунки, знижки за обсяг.
Типові помилки
- Прихований період оплати. Річний еквівалент ціни без жодної позначки.
- Розпливчасті ліміти. «Щедре використання» замість числа.
- Забагато тарифів або перемикачів. Паралічі вибору реальні.
- Назви функцій, які ніхто не розуміє. Описуйте, що робить кожна функція.
- Несподівані збори при оплаті. Показуйте податки, плату за налаштування та вартість опцій заздалегідь.
- Штучна терміновість. Таймери зворотного відліку, які перезапускаються, підривають довіру і можуть порушувати правила захисту споживачів.
- Застарілі сторінки. Оновлюйте сторінку в день зміни цін разом із FAQ.
Як створити власну сторінку цін
- Спершу визначте модель: за користувача, фіксована, за використання або кредити. Наш посібник як ціноутворювати SaaS-продукт і фримиум чи безкоштовний пробний період розглядають вибір.
- Перелічіть два–три ліміти, які відрізняють ваші тарифи.
- Напишіть FAQ на основі реальних запитань клієнтів.
- Побудуйте сторінку. З Mythex ви описуєте свої тарифи в чаті, бачите сторінку в живому попередньому перегляді й публікуєте її в один клік. Підійдуть також посадкова сторінка або членство як стартова точка, а ще є шаблони. Якщо ваша логіка оплати складна (облік використання, податки, рахунки), використовуйте провайдера оплати і тримайте сторінку простою; див. як додати підписки через Stripe.
- Перевірте на телефоні. Картки тарифів мають коректно складатися, а таблиця порівняння — прокручуватися або згортатися.
Як ми обирали ці приклади
Ми переглянули кожну названу сторінку цін у жовтні 2026 і наводимо ціни та умови саме так, як вони були показані тоді. Ціни часто змінюються, тож перевіряйте актуальну сторінку, перш ніж називати будь-яку цифру. Ми не знаємо, як ці сторінки працюють для їхніх власників, тому описуємо прийоми, які видно, а не результати. Патерни — це поширені моделі ціноутворення, описані загалом.
Запитання
Що має бути на сторінці цін?
Назви тарифів, ціни з вказаним періодом оплати та тим, чи вони за користувача, що входить у кожен тариф, ліміти числами, зрозуміла кнопка для кожного тарифу та FAQ про пробний період, скасування, повернення коштів і способи оплати. Якщо ви продаєте великим командам, додайте варіант «зв’язатися з відділом продажів».
Скільки тарифів має бути?
Багато компаній ПЗ показують три або чотири: безкоштовний або початковий тариф, один-два платні та корпоративний або індивідуальний. Станом на жовтень 2026 Slack, Notion і Linear показують по чотири. Менше тарифів легше обрати; додавайте рівень лише тоді, коли його справді потребує реальна група клієнтів.
Чи показувати річні та місячні ціни?
Якщо ви пропонуєте обидва варіанти, так, і чітко позначайте, до якого періоду відноситься число. Slack показує обидві ціни на картці кожного тарифу, а Notion використовує перемикач «щомісяця/щороку» з приміткою про економію. Показувати лише еквівалент річної ціни, не пояснюючи це, плутає покупців.
Краще ціна за користувача чи фіксована?
Ціна за користувача зростає разом з командою клієнта і зрозуміла. Фіксована ціна, як пакети Basecamp станом на жовтень 2026, простіша для покупця і може бути перевагою проти конкурентів з оплатою за місце. Оплата за використання підходить продуктам, чия вартість для вас зростає з використанням, наприклад API-виклики або кредити.