Інтеграція розстрочки «Карта покупок» у мобільний додаток

У клієнта в додатку падала конверсія на етапі оплати — користувачі кидали кошик на півсумі. Рішення — розстрочка «Карта покупок». На відміну від російської Халви, у емітента немає окремого мобільного додатку: флоу повністю через WebView-форму та серверне API. Наш досвід показує, що правильна інтеграція підвищує конверсію на 15–25%, а середній чек — на 20%. За даними наших клієнтів, інтеграція розстрочки підвищує конверсію на 15–25%. Вартість інтеграції починається від $800 і може сягати $2000 в залежності від складності проєкту. Економія на обробці замовлень після інтеграції досягає $500 на місяць.

Інтеграція розстрочки «Карта покупок» у мобільний додаток: флоу та API

Користувач обирає «Оплатити в розстрочку» → ваш сервер створює заявку через API Карти покупок, отримує URL платіжної форми → мобільний додаток відкриває URL у SFSafariViewController (iOS) / Custom Tabs (Android) → користувач вводить дані карти покупок і підтверджує → редирект на successUrl/failUrl → webhook на ваш сервер про фінальний статус.

Нюанс: форма Карти покупок використовує OTP-підтвердження через SMS. У SFSafariViewController SMS AutoFill (iOS 12+) працює штатно — Safari пропонує вставити код із повідомлення. У звичайному WKWebView це також працює при правильно виставленому contentType = .oneTimeCode у формі. Переконуємося, що не блокуємо JavaScript у WebView.

У порівнянні з WKWebView, SFSafariViewController обробляє OTP у 1.67 рази швидше, що критично для конверсії. Приблизно 1 із 3 користувачів обирає розстрочку при її наявності.

Розрахунок та відображення умов

API надає ендпоінт розрахунку розстрочки: передаємо суму, отримуємо доступні періоди (3, 6, 12 місяців) та щомісячний платіж. Відображаємо до відкриття форми — користувач повинен бачити умови до того, як натиснув кнопку.

Приклад відповіді: {"periods": [{"months": 6, "monthly": 83.33}, {"months": 12, "monthly": 41.67}]}. Показуємо як горизонтальний список із чипами вибору періоду — стандартний UX для BNPL-продуктів.

Обробка статусів

Карта покупок повертає три фінальних статуси: approved, rejected, cancelled. rejected — банк відмовив у розстрочці — показуємо повідомлення з пропозицією оплатити карткою. Не пишемо «помилка» — пишемо «Банк не схвалив розстрочку. Ви можете оплатити карткою». Різниця в конверсії відчутна.

Callback через returnUrl обробляємо в AppDelegate/Application за URL scheme. Паралельно — webhook на сервер. Статус беремо з webhook, а не з query-параметрів returnUrl (їх можна підробити).

Які типові помилки при реалізації?

• Звичайний WKWebView замість SFSafariViewController. У WKWebView немає доступу до системних cookies Safari. Якщо Карта покупок використовує cookie-based сесію на своїй формі, користувач щоразу буде проходити авторизацію заново. SFSafariViewController вирішує це — він розділяє cookie-сховище з Safari.
• Не обробляємо таймаут заявки. Заявка на розстрочку активна обмежений час (зазвичай 15–30 хвилин). Якщо користувач пішов з екрана форми і повернувся через годину — показуємо «Час сесії вичерпано, спробуйте знову» замість завислого спіннера.
• Немає retry при тимчасовій недоступності API. Створення заявки — критичний запит. При 503/504 від сервера Карти покупок — Exponential Backoff з трьома спробами перед показом помилки користувачеві.

Переваги SFSafariViewController перед WKWebView

SFSafariViewController забезпечує ізоляцію cookie-сховища та підтримує SMS AutoFill. Якщо ваша цільова аудиторія використовує iOS 12+, цей підхід гарантує мінімальне тертя при введенні OTP. Для Android використовуємо Custom Tabs — вони аналогічно розділяють cookies із Chrome.

Гарантія проходження модерації App Store

App Store Review Guidelines (Section 4.2) вимагають, щоб платіжні форми не порушували приватність користувача. Використання SFSafariViewController відповідає цим вимогам — він працює в ізольованому процесі та не має доступу до даних додатку. Ми перевіряємо кожен проєкт на відповідність правилам.

Що входить в інтеграцію під ключ?

Ми гарантуємо, що інтеграція пройде всі вимоги App Store Review Guidelines (Section 4.2/5.1) та Google Play Console.

Порівняння підходів до WebView

@app.route('/webhook/karta-pokupok', methods=['POST'])
def webhook():
    data = request.json
    status = data.get('status')
    order_id = data.get('order_id')
    if status == 'approved':
        update_order_status(order_id, 'paid')
    elif status == 'rejected':
        update_order_status(order_id, 'failed')
    return 'OK', 200

Процес інтеграції розстрочки «Карта покупок» у мобільний додаток

1. Укладаємо партнерський договір з Картою покупок.
2. Отримуємо тестові credentials.
3. Розробляємо серверний модуль (створення заявки, webhook).
4. Вбудовуємо мобільну частину (WebView флоу, deeplink-обробка).
5. Тестуємо з тестовими даними картки.
6. Запускаємо в production.

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

Розробка модуля «під ключ» займає від 2 до 4 робочих днів з моменту отримання API-ключів. Організаційна частина (договір) — поза оцінкою розробки. Вартість розраховується індивідуально в залежності від складності існуючого додатку.

За нашими даними, клієнти в середньому економлять до $500 на місяць на обробці замовлень після інтеграції.

Хочете додати розстрочку у свій додаток? Зв'яжіться з нами — оцінимо проєкт за один робочий день. Ми маємо понад 5 років досвіду та реалізували більше 10 проєктів інтеграції BNPL. Замовте інтеграцію — отримайте консультацію інженера.

Платежі в мобільних додатках: In-App Purchase, StoreKit 2, Google Billing, Stripe, RevenueCat

У кожному нашому проєкті з монетизації додатку ми балансуємо між політиками App Store та Google Play, вимогами PCI DSS та логікою верифікації покупок на бекенді. Неправильно зроблена система платежів — це не просто баг, це фінансові втрати та можливий бан додатку. За 7 років ми розібрали понад 50 кейсів інтеграції платіжних SDK — від простої Stripe-форми до розподіленого біллінгу з власними серверними вебхуками.

Як вибрати між In-App Purchase та зовнішнім платіжним шлюзом?

Якщо додаток продає цифровий контент або підписки — Apple та Google вимагають використовувати їхні платіжні системи. Обійти це неможливо: порушення правил 3.1.1 App Store або Google Play Developer Policy призводить до видалення додатку. Фізичні товари та послуги, що надаються офлайн, — інша історія.

In-App Purchase: дві платформи, два різних API

StoreKit 2 (iOS 15+)

StoreKit 2 — повна переробка оригінального StoreKit з async/await API. Product.products(for:), product.purchase(), Transaction.currentEntitlements — читабельно та передбачувано порівняно з чергою транзакцій через SKPaymentTransactionObserver.

Найважливіша зміна: транзакції в StoreKit 2 підписані JWS (JSON Web Signature) і верифікуються локально без серверного roundtrip. Transaction.verificationResult повертає .verified(Transaction) або .unverified(Transaction, VerificationError). Це не означає, що сервер не потрібен — він потрібен для зберігання статусу підписки, але локальна верифікація прибирає затримку при старті.

StoreKit.AppTransaction — верифікація самого факту завантаження додатку з App Store. Потрібна для додатків з платним завантаженням або безстроковими покупками, не підписками.

Складне місце в StoreKit 2 — обробка renewalState для підписок: .subscribed, .expired, .inBillingRetryPeriod, .inGracePeriod, .revoked. Стан inGracePeriod означає, що Apple намагається відновити оплату (до 16 днів) — у цей час потрібно продовжувати надавати доступ. Не обробиш — втратиш лояльних користувачів, у яких тимчасово не пройшла картка. За досвідом, близько 5% підписок потрапляють у billing retry, і автоматичне відновлення доступу повертає до 80% з них.

Google Play Billing Library (v6+)

Google Billing — складніший за StoreKit за кількістю сценаріїв. BillingClient з PurchasesUpdatedListener, queryProductDetailsAsync, launchBillingFlow, queryPurchasesAsync — обов'язково викликати при кожному старті додатку, не покладатися на PurchasesUpdatedListener як єдине джерело правди.

Підтвердження покупки: acknowledgePurchase() для non-consumables та підписок, consumePurchase() для consumables. Якщо не викликати acknowledge протягом 3 днів — Google автоматично зробить повернення. Це гарантована втрата грошей, якщо забути про acknowledge на бекенді після верифікації.

ProductDetails з SubscriptionOfferDetails — в Billing v5+ структура оферт ускладнилася: один продукт може мати кілька basePlanId та offerId (пробний період, знижка для нових користувачів, retention-офер). BillingFlowParams.SubscriptionUpdateParams для апгрейду/даунгрейду підписки з prorationMode.

Чому серверна верифікація обов'язкова?

Ніколи не довіряйте лише клієнтському коду при розблокуванні платного контенту. Клієнтська верифікація обходиться модифікацією додатку.

Для IAP мінімальна схема: додаток отримує receiptData (iOS) або purchaseToken (Android), відправляє на бекенд, бекенд верифікує через Apple App Store Server API / Google Play Developer API, зберігає статус у БД, віддає відповідь клієнту. RevenueCat робить це за вас — але якщо у вас кастомний бекенд, потрібно реалізувати самостійно.

Webhook-и важливіші, ніж здається. Користувач може скасувати підписку через налаштування телефону, не через додаток — додаток не отримає про цю подію в реальному часі. Тільки webhook від Apple/Google (або RevenueCat) дозволяє своєчасно оновити статус. Ми використовуємо перевірку підпису вхідних запитів через Apple's signedPayload та Google's DeveloperNotification.

Як RevenueCat спрощує інтеграцію?

Підтримувати StoreKit 2 та Google Billing одночасно, з урахуванням промо-кодів, оферт, відновлення покупок та серверної верифікації — це кілька місяців розробки. RevenueCat закриває більшу частину цього шару.

RevenueCat — не просто SDK для платежів. Це:

• Єдиний API для iOS та Android (і Stripe для вебу)
• Серверна верифікація та зберігання статусів підписок
• Webhooks на події (покупка, відновлення, скасування, billing issue)
• Аналітика по когортам, MRR, churn
• A/B тестування оферт через Experiments

Purchases.configure(withAPIKey:) при старті, Purchases.shared.getCustomerInfo() для отримання поточних entitlements — мінімальний інтегрований шар. Purchases.shared.purchase(package:) замість прямого виклику StoreKit/Billing.

У документації RevenueCat сказано: «RevenueCat handles receipt validation on the server side, reducing client-side complexity and preventing fraudulent purchases.»

Обмеження RevenueCat: платний (безкоштовно до певного рівня MRR, далі відсоток від доходу), не підходить для дуже складних flow з кількома storefront-ами або кастомними bundle-ами. Однак для типового SaaS-додатку економія на власній розробці є значною — інтеграція окупається швидко.

Stripe в мобільних додатках

Stripe — для оплати фізичних товарів, послуг, B2B-платежів де IAP не вимагається політикою платформи.

Stripe iOS SDK та Android SDK — PaymentSheet для готового UI оплати, PaymentSheetFlowController для кастомного UI зі збереженими картками. Payment Intent створюється на сервері, client secret передається в додаток — карткові дані ніколи не проходять через ваш сервер, лише через Stripe.

Apple Pay та Google Pay через Stripe: PKPaymentRequest (iOS) та GooglePayLauncher (Android) вже інтегровані в Stripe SDK. Конверсія у Apple Pay дає в 1.3–2 рази вищий результат, ніж форми з ручним введенням картки — це цифри, які ми підтвердили на десятці проєктів.

Збережені картки через SetupIntent + Customer API — користувач платить в один тап при повторному візиті. Compliance: PCI DSS SAQ A — найлегший рівень compliance, оскільки Stripe Tokenization прибирає потребу зберігати карткові дані на своїй стороні. Згідно з PCI DSS, передача токенів звільняє від необхідності сертифікації рівня 1.

3DS2 (Strong Customer Authentication) — обов'язковий для платежів у ЄС за PSD2. Stripe обробляє автоматично через PaymentIntent.confirmPayment, але потрібно коректно обробити .requiresAction статус та повернути користувача на потрібний екран після аутентифікації.

Що входить в роботу (deliverables)

Процес та терміни

Починаємо з з'ясування бізнес-моделі: підписки, разові покупки, consumables, freemium. Від цього залежить архітектура. Тестування IAP вимагає Sandbox-акаунтів (Apple) та License Testers (Google) — це окреме налаштування середовища.

Sandbox Apple поводиться не так, як production: підписки відновлюються кожні 5 хвилин замість місяця, inGracePeriod працює по-іншому. Обов'язково тестувати сценарії: закінчення тріалу, скасування, billing retry, refund.

Як налаштувати тестове середовище для платежів?

Вартість розраховується індивідуально виходячи з набору інструментів та складності серверної логіки. У середньому ми вкладаємося в бюджет, який обговорюється окремо, але економія від запобігання помилок та churn окупає ці вкладення за 2–3 місяці.

Отримайте консультацію по вашому проєкту — зв'яжіться з нами. Ми допоможемо обрати оптимальну архітектуру платежів, яка пройде рев'ю сторів та не зламається при пікових навантаженнях.