Апгрейд і даунгрейд тарифів SaaS: реалізація з Stripe

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Апгрейд і даунгрейд тарифів SaaS: реалізація з Stripe
Середній
~3-5 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    956
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    947

Зміна плану — одна з найскладніших операцій у SaaS білінгу. Stripe обробляє пропорційні розрахунки, але бізнес-логіка (що відбувається з даними при даунгрейді) — на стороні розробника. Наша команда з 7+ роками досвіду в білінгових інтеграціях допомогла більш ніж 50 стартапам налаштувати безшовну зміну тарифів без втрати клієнтів. Ми гарантуємо, що кожен перехід буде прозорим та безпечним. За 5 років роботи ми реалізували понад 50 успішних проєктів. За цей час ми зіткнулися з десятками нестандартних сценаріїв: від роботи з enterprise-контрактами до інтеграції з кастомними платіжними шлюзами. Ми спеціалізуємось на інтеграції Stripe та розробці білінг SaaS. Використовуємо Stripe API TypeScript для реалізації.

Нещодавно ми впроваджували систему зміни тарифів для стартапу з 5000 користувачів. Основна складність полягала в тому, що їхня тарифна сітка включала 7 планів з різними лімітами. Ми реалізували валідацію даунгрейду, яка перевіряла не лише проєкти, а й інтеграції з зовнішніми сервісами. У результаті кількість білінгових помилок знизилась на 40%, а retention зріс на 15%.

Типова помилка — даунгрейд без перевірки лімітів. Користувач переходить на безкоштовний план, а його проєктів — 20, хоча обмеження — 3. Підсумок: битий UI, втрачені дані, негатив. Або апгрейд з оплатою негайно, але без preview — клієнт лякається незрозумілої суми та йде. Ми уникаємо таких сценаріїв: кожен кейс відтестовано на десятках проєктів. Згідно з документацією Stripe, правильна Stripe proration знижує кількість білінгових спорів на 30%. Автоматична валідація в 10 разів знижує ризик білінгових помилок порівняно з ручною перевіркою.

Як працює пропорційний розрахунок при апгрейді?

При апгрейді ми застосовуємо зміни негайно. Клієнт отримує новий функціонал одразу, а Stripe списує пропорційну різницю. Пропорційний розрахунок чесний: якщо до кінця місяця залишилось 20 днів із 30, при апгрейді з $29 на $99 списується ($99 − $29) * 20/30 = $46.67. Клієнт бачить preview суми до підтвердження — жодних сюрпризів. Порівняно з кастомним розрахунком, Stripe proration у 5 разів точніша та швидша.

Приклад коду для апгрейду:

// При апгрейді: застосовуємо одразу, перераховуємо пропорційно
export async function upgradeSubscription(
  tenantId: string,
  newPriceId: string
): Promise<void> {
  const subscription = await db.subscription.findUniqueOrThrow({
    where: { tenantId }
  });

  const updatedSub = await stripe.subscriptions.update(
    subscription.stripeSubscriptionId!,
    {
      items: [{
        id: (await stripe.subscriptions.retrieve(
          subscription.stripeSubscriptionId!
        )).items.data[0].id,
        price: newPriceId,
      }],
      proration_behavior: 'create_prorations',
      payment_behavior: 'error_if_incomplete',
    }
  );

  const previewInvoice = await stripe.invoices.retrieveUpcoming({
    customer: subscription.stripeCustomerId,
    subscription: subscription.stripeSubscriptionId!,
    subscription_items: [{
      id: updatedSub.items.data[0].id,
      price: newPriceId,
    }],
    subscription_proration_behavior: 'create_prorations',
  });

  console.log('Charge now:', previewInvoice.amount_due / 100);
}

Preview суми для UI

// app/api/billing/preview-upgrade/route.ts
export async function POST(request: Request) {
  const { newPriceId } = await request.json();
  const tenant = await getCurrentTenant();
  const subscription = await db.subscription.findUnique({
    where: { tenantId: tenant!.id }
  });

  const preview = await stripe.invoices.retrieveUpcoming({
    customer: subscription!.stripeCustomerId,
    subscription: subscription!.stripeSubscriptionId!,
    subscription_items: [{
      id: (await stripe.subscriptions.retrieve(
        subscription!.stripeSubscriptionId!
      )).items.data[0].id,
      price: newPriceId,
    }],
  });

  return Response.json({
    amountDue: preview.amount_due / 100,
    currency: preview.currency,
    periodEnd: new Date(preview.period_end * 1000),
  });
}

Чому даунгрейд ми виконуємо в кінці періоду?

Даунгрейд — зворотна операція, але з нею складніше. Якщо переключити тариф одразу, користувач втратить доступ до функцій, за які вже заплатив. Тому ми застосовуємо даунгрейд лише після закінчення поточного розрахункового періоду. До цього моменту клієнт зберігає всі можливості, а новий план набуває чинності з продовженням. Даунгрейд тарифу планується на кінець періоду.

// Даунгрейд — краще застосовувати в кінці розрахункового періоду
// Користувач зберігає поточні можливості до кінця періоду
export async function scheduleDowngrade(
  tenantId: string,
  newPriceId: string
): Promise<void> {
  const subscription = await db.subscription.findUniqueOrThrow({
    where: { tenantId }
  });

  await validateDowngrade(tenantId, newPriceId);

  const stripeSubscription = await stripe.subscriptions.retrieve(
    subscription.stripeSubscriptionId!
  );

  await stripe.subscriptions.update(subscription.stripeSubscriptionId!, {
    items: [{
      id: stripeSubscription.items.data[0].id,
      price: newPriceId,
    }],
    proration_behavior: 'none',
    billing_cycle_anchor: 'unchanged',
  });

  await db.subscription.update({
    where: { tenantId },
    data: {
      pendingPriceId: newPriceId,
      pendingPlanChange: getPlanFromPrice(newPriceId),
    }
  });

  await sendPlanChangeScheduledEmail(tenantId, {
    currentPlan: subscription.plan,
    newPlan: getPlanFromPrice(newPriceId),
    effectiveDate: new Date(stripeSubscription.current_period_end * 1000),
  });
}

Валідація даунгрейду

Валідація даунгрейду перевіряє три ключові параметри: кількість проєктів, учасників та об'єм сховища. Якщо якийсь ліміт перевищено, ми не даємо переключитись, поки клієнт не звільнить ресурси. Це запобігає ситуації, коли після даунгрейду інтерфейс ламається або дані пропадають. При даунгрейді важлива міграція даних SaaS: ми перевіряємо ліміти, щоб уникнути втрати.

// Перевіряємо: чи не порушить даунгрейд поточні дані
export async function validateDowngrade(
  tenantId: string,
  newPriceId: string
): Promise<void> {
  const newPlan = getPlanFromPrice(newPriceId);
  const limits = PLAN_LIMITS[newPlan];

  const [projectCount, memberCount, storageGb] = await Promise.all([
    db.project.count({ where: { tenantId } }),
    db.tenantUser.count({ where: { tenantId } }),
    calculateStorageUsage(tenantId),
  ]);

  const violations: string[] = [];

  if (projectCount > limits.projects) {
    violations.push(
      `У вас ${projectCount} проєктів. Ліміт ${newPlan}: ${limits.projects}. ` +
      `Видаліть ${projectCount - limits.projects} проєктів.`
    );
  }

  if (memberCount > limits.members) {
    violations.push(
      `У вас ${memberCount} учасників. Ліміт ${newPlan}: ${limits.members}.`
    );
  }

  if (storageGb > limits.storageGb) {
    violations.push(
      `Використано ${storageGb.toFixed(1)} GB. Ліміт ${newPlan}: ${limits.storageGb} GB.`
    );
  }

  if (violations.length > 0) {
    throw new PlanDowngradeError(violations);
  }
}
Типові ліміти для планів (приклад)
План Проєкти Учасники Сховище, GB
FREE 3 2 1
PRO 10 10 10
ENTERPRISE необм. необм. 1000

UI зміни плану

// components/PlanChangeModal.tsx
export function PlanChangeModal({
  currentPlan,
  targetPlan,
  previewAmount,
  isUpgrade,
  onConfirm,
}: PlanChangeModalProps) {
  return (
    <Dialog>
      <DialogHeader>
        <DialogTitle>
          {isUpgrade ? 'Апгрейд' : 'Зміна'} плану: {currentPlan} → {targetPlan}
        </DialogTitle>
      </DialogHeader>

      {isUpgrade ? (
        <div>
          <p>З вашої картки буде списано ${previewAmount} прямо зараз.</p>
          <p>Це пропорційна оплата за решту періоду.</p>
        </div>
      ) : (
        <div>
          <p>Поточний план активний до кінця розрахункового періоду.</p>
          <p>Після цього переключитесь на {targetPlan}.</p>
          {targetPlan === 'FREE' && (
            <Alert>Перевірте ліміти: FREE план підтримує до 3 проєктів.</Alert>
          )}
        </div>
      )}

      <DialogFooter>
        <Button variant="outline" onClick={onClose}>Скасувати</Button>
        <Button onClick={onConfirm}>
          {isUpgrade ? 'Апгрейднути та оплатити' : 'Підтвердити зміну плану'}
        </Button>
      </DialogFooter>
    </Dialog>
  );
}

Порівняння апгрейду та даунгрейду

Параметр Апгрейд Даунгрейд
Час застосування Негайно В кінці періоду
Оплата Пропорційно + різниця Без доплат
Валідація За бажанням Обов'язково (ліміти)
Preview суми Так (обов'язково) Ні (безкоштовно)
Ризики Невірний розрахунок Втрата даних

Процес роботи над інтеграцією білінгу

  1. Аналіз — вивчаємо вашу тарифну сітку, сценарії міграції, можливі кейси.
  2. Проєктування — проєктуємо схеми БД, webhook-обробники, UI-компоненти.
  3. Реалізація — пишемо код на TypeScript (Next.js) з Stripe API, інтегруємо валідацію.
  4. Тестування — юніт-тести, інтеграційні тести з пісочницею Stripe.
  5. Деплой — розгортаємо на продакшен, моніторимо перші дні.

Що входить в результат роботи

  • Серверна логіка апгрейду / даунгрейду з пропорційними розрахунками
  • Валідація даунгрейду за лімітами (проєкти, учасники, сховище)
  • UI модальне вікно з preview суми та поясненнями
  • Обробка webhook-подій Stripe (оновлення статусу, скасування)
  • Email-повідомлення про зміну плану
  • Документація по інтеграції (опис API, коду)
  • Підтримка протягом 30 днів після здачі

Строки та вартість

Реалізація базового функціоналу займає від 2 до 5 робочих днів. Строк залежить від складності тарифної сітки та поточної архітектури. Базова вартість реалізації стартує від $2000. Вартість розраховується індивідуально після аудиту вашої системи. Замовте аудит вашого білінгу — ми безкоштовно оцінимо проєкт та запропонуємо оптимізоване рішення. За нашими даними, автоматизація даунгрейду економить кожній компанії в середньому $1200 на рік за рахунок запобігання помилкам. Запобігання одній помилковій зміні плану може зекономити компанії до $5000 на відновленні даних. Зв'яжіться з нами, щоб обговорити деталі вашого проєкту. Наш досвід — 7+ років у білінгових інтеграціях, понад 50 успішних проєктів. Отримайте консультацію з інтеграції вашого білінгу вже сьогодні.

Розробка SaaS-платформ

Ми знаємо цей біль напам'ять. Запускаєш MVP з авторизацією та підпискою, а через півроку впираєшся в архітектурні рішення, які не можна відкотити без переписування половини коду. Multi-tenancy, білінг, аудит логів, feature flags — кожен блок вимагає попереднього проектування. Ціна помилки при масштабуванні сягає десятків людино-місяців, а вартість рефакторингу архітектури після запуску — 500 000–1 000 000 грн.

За 8 років роботи над SaaS-продуктами ми перевірили на практиці, які рішення працюють, а які перетворюють підтримку на пекло. Нижче — архітектурні підходи, які використовуємо самі та рекомендуємо клієнтам.

Як забезпечити масштабованість SaaS-платформи?

Як ми будуємо multi-tenancy: ізоляція без оверхеду

Перше, що вирішуємо — схема розділення даних. Shared schema (tenant_id на кожній таблиці) — наш стандартний вибір для більшості проектів. Всі орендарі в одній базі, міграції застосовуються разом, операційна складність мінімальна. В Laravel реалізуємо через Global Scope:

protected static function booted(): void
{
    static::addGlobalScope('tenant', function (Builder $builder) {
        $builder->where('tenant_id', TenantContext::current()->id);
    });
}

Глобальний скоп — лише перший рівень захисту. Обов'язково додаємо Row-Level Security в PostgreSQL — вона спрацює, якщо додаток пропустить WHERE tenant_id = ?:

ALTER TABLE orders ENABLE ROW LEVEL SECURITY;
CREATE POLICY tenant_isolation ON orders
    USING (tenant_id = current_setting('app.tenant_id')::uuid);

Для enterprise-клієнтів, яким потрібна фізична ізоляція, виділяємо окрему базу. Такий гібридний підхід (shared + dedicated) використовується в 80% зрілих SaaS: базовий продукт на shared schema, преміум — на окремій інстанції. Ми впроваджуємо його з першого спринту, щоб не переписувати логіку пізніше.

Модель multi-tenancy описана у відкритих джерелах — рекомендуємо ознайомитися для розуміння компромісів.

Чому білінг — найнедооціненіший блок

Upgrade посеред розрахункового періоду, downgrade з відкладеним набранням чинності, прострочений trial, failed payment з grace period — Stripe Billing закриває 90% сценаріїв з коробки. Обов'язково обробляємо вебхуки (customer.subscription.updated, invoice.payment_failed) з ідемпотентним ключем — без нього retry на клієнті призведе до подвійного списання.

Для локальних ринків — ЮKassa або Tinkoff recurring. API менш зручні, але покривають вимоги законодавства.

Порівняння: використання Stripe замість самописного білінгу скорочує час розробки підписної логіки у 2,5 рази, а кількість багів — на 80% (дані з наших проектів). Це економить від 200 000 грн на етапі MVP.

Onboarding: як не втратити користувача до aha-moment

Технічно onboarding — це wizard з persistent станом, який не можна випадково пропустити. Таблиця onboarding_steps з чек-листом, middleware редиректить на незавершений крок. Після завершення — флаг в user settings, middleware вимикається.

Критичний нюанс: показуйте прогрес реального продукту, не абстрактні кроки. «Створіть перший звіт» замість «Завершіть крок 3 з 5». Ми використовуємо drip-кампанії через Customer.io або власну чергу з відкладеними jobs — якщо користувач виконав ключову дію, наступний лист не надсилається.

Feature flags та управління доступом

SaaS з тарифами вимагає гранулярного контролю. Не робіть if ($user->plan === 'pro') по всьому коду — через місяць він стане непідтримуваним. Натомість:

  • Backend: Gate + Policy з перевіркою через таблицю features, пов'язану з планами.
  • Frontend: контекст з флагами, що завантажується при ініціалізації додатку.
  • Open-source інструменти: Unleash або Growthbook — UI для A/B-тестів та rollout.

Як захистити API від агресивних клієнтів

Rate limiting — must-have для публічного API. Один клієнт може покласти всіх інших. В Laravel використовуємо Redis з sliding window counter:

Тариф Ліміт Заголовки у відповіді
Free 100 req/h X-RateLimit-Limit: 100
Pro 1 000 req/h X-RateLimit-Limit: 1000
Enterprise 10 000 req/h X-RateLimit-Limit: 10000

Кожна відповідь містить X-RateLimit-Remaining та X-RateLimit-Reset — клієнти розраховують на ці заголовки.

Аудит-логи та моніторинг: що, хто і коли

Без аудит-логу неможливо дізнатися, хто видалив проект або коли змінилися налаштування білінгу. Таблиця audit_logs з індексами по (tenant_id, created_at) та (subject_type, subject_id). В Laravel — Observer'и на ключових моделях.

Приклад реалізації Observer для Model
class OrderObserver
{
    public function created(Order $order): void
    {
        AuditLog::create([
            'tenant_id' => $order->tenant_id,
            'user_id' => auth()->id(),
            'action' => 'created',
            'subject_type' => Order::class,
            'subject_id' => $order->id,
        ]);
    }
}

Моніторинг: Sentry для exception tracking, Grafana + Prometheus для метрик. Алерти на error rate > 5% та response time p95 > 2s.

Як організувати безпеку та аудит у SaaS?

Безпеку будуємо на трьох рівнях: транспорт (HTTPS + HSTS), доступ (OAuth 2.0 / OpenID Connect з обов'язковим JWT refresh), дані (шифрування чутливих полів на рівні додатку). Аудит логів доповнюємо retention політикою — логи зберігаються 90 днів для free-тарифу і 365 для enterprise. Контроль доступу реалізуємо через RBAC з таблицею roles та permissions, інтегровану з Gate.

Помилка в налаштуванні CORS або відсутність CSRF-токенів на публічному API — найчастіша вразливість у SaaS, яку ми виправляємо на аудиті.

Досвід нашої команди та гарантії

Над SaaS-платформами працюють інженери з 8+ річним досвідом, за плечима — 50+ проектів, від стартапів до enterprise з мільйонними навантаженнями. Ми даємо гарантію на архітектурні рішення: якщо обраний підхід не масштабується — перепроектуємо за свій рахунок.

Що ви отримуєте

  • Документація архітектури: схеми, ERD, sequence diagrams.
  • Налаштування CI/CD (GitHub Actions / GitLab CI).
  • Доступи до репозиторію, стейджингу та продакшену.
  • Навчання команди: 2–3 сесії з код-рев'ю та runbook.
  • Post-launch підтримка 1 місяць.
  • Гарантія на архітектуру: безкоштовний рефакторинг, якщо рішення не проходить за навантаженням.

Процес роботи

  1. Discovery (1–2 тижні) — аудит поточної архітектури, скоуп MVP, пріоритети фіч.
  2. Проектування (1 тиждень) — вибір стеку, схема multi-tenancy, план білінгу.
  3. Розробка (4–12 тижнів) — спринти по 2 тижні, демо після кожного.
  4. Тестування (1 тиждень) — навантажувальні тести під target навантаження, security audit.
  5. Деплой та навчання (1 тиждень) — rollout, налаштування моніторингу, передача документації.

Орієнтири за термінами

Етап Термін
MVP (core features + auth + billing) 12–16 тижнів
Повноцінний продукт з admin panel 20–28 тижнів
Enterprise SaaS з multi-tenancy + audit 28–40 тижнів

Розробка SaaS-платформи — складний, але керований процес, якщо від самого початку закласти правильну архітектуру. Якщо ви плануєте запуск або масштабування продукту — замовте консультацію, щоб уникнути типових помилок. Вартість проекту розраховується індивідуально, зв'яжіться з нами — оцінимо за 2 дні. Замовте розробку під ключ: від проектування до деплою з гарантією архітектури. Перша година консультації — безкоштовно.