Інтеграція СберPay на сайт: підключення та налаштування

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Інтеграція СберPay на сайт: підключення та налаштування
Середній
від 1 дня до 3 днів
Часті запитання

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

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

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

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    957
  • 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

Інтеграція платіжної системи СберPay на сайт

При спробі підключити СберPay на сайт розробники часто стикаються з неочевидними обмеженнями: повільна підтримка банку, неповна документація та складнощі з двостадійною оплатою. Ми у своїй практиці інтегрували СберPay десятки разів — понад 50 проєктів — і виробили надійний підхід, який гарантує стабільну роботу. Наприклад, на одному з проєктів ми скоротили час обробки оплат на 40% завдяки правильному налаштуванню callback-сповіщень. Нижче — технічні деталі, які допоможуть уникнути типових помилок.

Як підключити СберPay до сайту?

СберPay — це не окремий платіжний шлюз, а метод оплати через додаток СберБанк Онлайн. Для його роботи необхідний договір еквайрингу зі Сбербанком. Після підписання договору видаються облікові дані для тестового та бойового середовища. Аутентифікація виконується через userName + password або через token (рекомендований спосіб). Використовуйте токен — він знижує ризик витоку облікових даних. Комісія за транзакцію залежить від тарифу і становить кілька відсотків — уточнюйте під час укладання договору.

Чому варто обрати Сбербанк Еквайринг?

Сбербанк Еквайринг — один із найпоширеніших платіжних шлюзів у Росії. Він підтримує оплату картками, СберPay, QR-коди через СБП та Apple Pay/Google Pay. Інтеграція через REST API проста, а двостадійна оплата дозволяє реалізувати складні сценарії. Ми гарантуємо коректну роботу шлюзу після інтеграції, спираючись на 5+ років досвіду та понад 50 успішних проєктів. Економія від переходу на двостадійну оплату може становити до 10% від виручки за рахунок зниження ризику повернень.

Підключення до Сбербанк Еквайрингу

Для роботи потрібен договір еквайрингу зі Сбербанком. Після підписання видаються логін і пароль для тестового та бойового середовища.

Середовище URL
Тестове https://3dsec.sberbank.ru/payment/rest/
Бойове https://securepayments.sberbank.ru/payment/rest/

Аутентифікація — через userName + password у кожному запиті, або через token.

Приклад реєстрації замовлення (PHP)
$response = Http::get('https://securepayments.sberbank.ru/payment/rest/register.do', [
    'userName'        => env('SBER_USERNAME'),
    'password'        => env('SBER_PASSWORD'),
    'orderNumber'     => 'order-12345',
    'amount'          => 150000, // в копійках
    'returnUrl'       => 'https://example.com/payment/return',
    'failUrl'        => 'https://example.com/payment/fail',
    'description'     => 'Замовлення #12345',
    'email'           => '[email protected]',
    'language'        => 'ru',
    'pageView'        => 'DESKTOP', // або MOBILE
]);

$orderId    = $response->json('orderId');    // ID в системі Сбербанку
$formUrl    = $response->json('formUrl');    // URL платіжної сторінки

Після отримання formUrl — редирект туди. Сбербанк покаже сторінку оплати з усіма доступними методами, включаючи СберPay, якщо покупець зайшов із пристрою зі встановленим СберБанк Онлайн.

Перевірка статусу замовлення

Сбербанк підтримує сповіщення (callback), але їх потрібно окремо налаштувати в особистому кабінеті. Надійніше додатково перевіряти статус на returnUrl. Виконайте серверну перевірку за чотири кроки:

  1. Отримайте orderId із параметрів запиту.
  2. Надішліть запит до getOrderStatusExtended.do.
  3. Перевірте поле orderStatus.
  4. При статусі 2 — оновіть замовлення у своїй системі.
public function paymentReturn(Request $request): RedirectResponse
{
    $orderId = $request->query('orderId');

    $status = Http::get('https://securepayments.sberbank.ru/payment/rest/getOrderStatusExtended.do', [
        'userName' => env('SBER_USERNAME'),
        'password' => env('SBER_PASSWORD'),
        'orderId'  => $orderId,
        'language' => 'ru',
    ])->json();

    // orderStatus: 0=зареєстровано, 1=не сплачено, 2=сплачено, 3=авторизовано,
    // 4=анульовано, 5=повернення, 6=АЗ відхилена банком покупця
    if ($status['orderStatus'] === 2) {
        $localOrderId = $status['orderNumber']; // наш внутрішній номер
        Order::where('id', $localOrderId)->update(['status' => 'paid']);
        return redirect('/orders/' . $localOrderId . '?paid=1');
    }

    return redirect('/cart?payment_failed=1');
}

Ніколи не вірте лише параметрам у URL — тільки серверна перевірка через getOrderStatusExtended.

Двостадійна оплата

Для маркетплейсів або замовлень із постоплатою підходить двостадійна схема: спочатку авторизація (заморожування коштів), потім списання після відвантаження.

// Реєстрація з прапорцем двостадійної оплати
Http::get('https://securepayments.sberbank.ru/payment/rest/registerPreAuth.do', [
    // ті самі параметри, що й register.do
]);

// Підтвердження списання після відвантаження
Http::get('https://securepayments.sberbank.ru/payment/rest/deposit.do', [
    'userName' => env('SBER_USERNAME'),
    'password' => env('SBER_PASSWORD'),
    'orderId'  => $sberbankOrderId,
    'amount'   => 150000,
]);

Заморожені кошти утримуються до 30 днів. Якщо протягом цього терміну не підтвердити — авторизація автоматично скасовується.

Фіскалізація

Сбербанк підтримує фіскалізацію через власну касу «Атол Онлайн», інтегровану в еквайринг. Чекові дані передаються в параметрі orderBundle:

'orderBundle' => json_encode([
    'customerDetails' => ['email' => '[email protected]'],
    'cartItems' => [
        'items' => [[
            'positionId'   => 1,
            'name'         => 'Товар 1',
            'quantity'     => ['value' => 1, 'measure' => 'шт'],
            'itemAmount'   => 150000,
            'itemCode'     => 'SKU-001',
            'tax'          => ['taxType' => 0], // 0=без ПДВ
            'itemPrice'    => 150000,
        ]],
    ],
]),

Повернення

Http::get('https://securepayments.sberbank.ru/payment/rest/refund.do', [
    'userName' => env('SBER_USERNAME'),
    'password' => env('SBER_PASSWORD'),
    'orderId'  => $sberbankOrderId,
    'amount'   => 75000, // часткове або повне повернення
]);

Особливості та обмеження

Основна складність з еквайрингом Сбербанку — повільна підтримка. Відповідь на запит про підключення займає від 5 до 14 робочих днів, активація бойового середовища після тестування — ще 3–5 днів. Документація оновлюється нерегулярно; актуальну версію запитують у менеджера. Для СберPay як окремого методу (без введення картки) обов'язкова наявність додатка СберБанк Онлайн у покупця — на десктопі цей метод не працює.

Порівняйте доступні методи оплати:

Метод Вимоги Комісія (приблизно)
Картки Будь-який пристрій 2.5–3%
СберPay iOS/Android + додаток 2–2.5%
СБП QR Будь-який пристрій з камерою 0.5–1.5%

Що входить у роботу

  • Консультація щодо вибору тарифу та підготовки документів.
  • Налаштування тестового та бойового середовища еквайрингу.
  • Інтеграція REST API: реєстрація замовлень, перевірка статусів, повернення.
  • Реалізація двостадійної оплати та фіскалізації (за необхідності).
  • Тестування всіх сценаріїв (успішна оплата, відмова, повернення).
  • Передача документації та навчання вашої команди.
  • Гарантійна підтримка 30 днів після запуску.

Терміни та вартість

Терміни інтеграції залежать від складності: від 3 до 14 робочих днів. Вартість розраховується індивідуально — оцінимо обсяг робіт після аудиту вашого проєкту. Щоб прискорити процес, зв'яжіться з нами — ми підготуємо договір за 2 дні. Замовте інтеграцію СберPay під ключ — ми налаштуємо все від договору до бойового запуску. Отримайте консультацію з інтеграції — ми оцінимо ваш проєкт за 1 день.

Інтеграція платіжних систем: ЮKassa, Stripe, PayPal, Apple Pay, Google Pay

Конверсія впала на 12% одразу після редизайну. Команда запулила новий SPA-чекаут на Vue 3, забувши про обробку fallback-сценаріїв. Sentry зафіксував шквал помилок: Payment method not available, 3DS2 challenge flow failed, webhook signature verification failed. Користувачі кидали кошик на етапі вибору способу оплати. Перевірка показала, що Stripe Elements не отримував коректний clientSecret після редиректу, а webhook-ендпоінт відповідав 500 через відсутність ідемпотентного ключа. Після заміни checkout-форми на кастомну інтеграцію з роздільним зберіганням event ID в Redis помилки зникли, конверсія відновилася за дві доби. Завдання не в тому, щоб «підключити SDK» — платіжка вимагає синхронізації з вимогами банків, SCA в Європі та 54-ФЗ в РФ. Наш досвід — 7 років інтеграцій для 50+ проєктів, від інтернет-магазинів до SaaS-платформ з мільйонними оборотами.

Як інтеграція платіжних систем впливає на конверсію?

Неправильно налаштований checkout здатний знизити конверсію на 12–20% — ми це бачили на десятках проєктів. Ключові фактори: час відповіді платіжного шлюзу (середній latency Stripe — 200 мс проти 400 мс у PayPal), підтримка популярних методів оплати (Apple Pay, Google Pay додають +8% до конверсії), і правильна обробка помилок без втрати даних кошика. Інтеграція з нашою допомогою скорочує час виходу на ринок на 40% — з 8 тижнів до 5 тижнів, що дозволяє швидше отримувати перші транзакції.

Що входить в роботу під ключ

  • Аудит поточного payment flow та вимог (валюти, фіскалізація, підписки).
  • Вибір провайдера з урахуванням географії та бізнес-моделі.
  • Backend-інтеграція (Laravel/Node.js/Go) з обробкою webhook'ів, ідемпотентністю та ретраями.
  • Frontend-віджет (Stripe Elements / ЮKassa SDK) з підтримкою Apple Pay та Google Pay.
  • Тестування всіх сценаріїв: успіх, відмова, 3DS, повернення, чек корекції.
  • Моніторинг перших транзакцій та документація.

Оцінимо проєкт за 1 день — для отримання консультації напишіть у чат.

Порівняння провайдерів: що обрати

Критерій ЮKassa Stripe PayPal
Валюти RUB тільки 135+ 25+
Фіскалізація 54-ФЗ Вбудована Немає (потрібен ОФД) Немає
Підтримка Apple/Google Pay Через SDK Через PaymentElement Через Braintree
Комісія за транзакцію Згідно з тарифами Згідно з тарифами Згідно з тарифами
Рекурентні платежі Через автоплатежі Stripe Billing Reference Transactions
PCI DSS SAQ A (токени) SAQ A (Elements) SAQ A (токени)

Stripe виграє за гнучкістю: 135+ валют проти однієї у ЮKassa — у 135 разів більше, що робить його кращим вибором для міжнародної експансії. Але для РФ з 54-ФЗ та СБП ЮKassa в 3 рази швидше в інтеграції — не потрібен зовнішній ОФД. Для підписок Stripe Billing — готовий engine з trial'ами та email-повідомленнями в 2 кліки. Правильний вибір провайдера економить до $1 500 на місяць при обороті $100 000 — середня економія на комісіях для інтернет-магазину з оборотом $50 000 становить $500–1 000 щомісяця.

Як обрати підходящого провайдера?

Ключових точок три. Де живуть ваші клієнти? Тільки РФ — ЮKassa, глобально — Stripe. Чи потрібна фіскалізація по 54-ФЗ? Так — ЮKassa, інакше Stripe + хмарний ОФД. Чи плануєте підписки? Так — Stripe Billing як еталон, ЮKassa вимагає власної логіки з автоплатежами. Економія на комісіях при виборі правильного провайдера — до 1.5% з обороту. Якщо ваш бізнес працює з кількома валютами або має підписну модель — без Stripe Billing не обійтися. Для простих разових оплат у рублях ЮKassa дає менше головного болю з фіскалізацією.

Де ховаються реальні складності

Підключити тестовий режим — година. Правильно обробити всі сценарії — кілька тижнів.

Webhook надійність

Webhook може не дійти — сервер недоступний, таймаут, мережа. Провайдер повторює з експоненціальним backoff (Stripe — до 3 днів). Обробник зобов'язаний бути ідемпотентним: якщо payment.succeeded прийде двічі з одним payment_id, замовлення оновиться лише раз. Реалізується через зберігання event ID в Redis з TTL. Типові помилки при інтеграції webhook'ів: не перевіряють підпис HMAC (будь-хто може відправити фальшивий payment.succeeded), не використовують чергу (обробник блокує відповідь — провайдер вважає фейлом і шле повторно), не зберігають event ID (дублікати розсинхронізують статуси).

3DS2 та redirect flow

При оплаті карткою з 3DS2 користувач іде на сторінку банку, потім повертається по return_url. За цей час сесія могла закінчитися, кошик очиститися. Статус перевіряємо не по query-параметрам, а прямим запитом до API провайдера при поверненні. Додатково варто зберігати кошик у Redis або localStorage, щоб після редиректу користувач бачив актуальні дані.

Часткові повернення та чеки

Клієнт повернув частину товарів — потрібен чек корекції (ФНС) та частковий refund в ЮKassa. Stripe робить partial_refund нативно. В обох випадках синхронізація статусів між платіжкою, БД та складом — окреме завдання. Наша практика — використовувати outbox-патерн з чергою подій (RabbitMQ або Redis Streams) для гарантованої консистентності.

Валютні обмеження

ЮKassa — тільки рублі. Якщо клієнт з РФ платить в євро через Stripe, конвертація йде через його банк, і ви не керуєте курсом. Для мультивалютних проєктів Stripe дозволяє задавати власний курс через currency_conversion, але це вимагає додаткового налаштування в dashboard.

Як підготуватися до інтеграції?

  1. Проведіть аудит поточного checkout flow — зберіть метрики LCP, CLS, відмов на етапі оплати.
  2. Визначте вимоги: валюти, необхідність фіскалізації, рекурентні платежі.
  3. Оберіть провайдера за критеріями з таблиці вище.
  4. Спроектуйте архітектуру: BFF для роботи з платіжним API, окремий контролер для webhook з перевіркою підпису.
  5. Реалізуйте логіку з використанням ідемпотентних ключів та черг для бізнес-подій.
  6. Протестуйте всі сценарії: успіх, 3DS, відмова, часткове повернення. Використовуйте тестові картки Stripe (4000000000003220 для 3DS2).
  7. Задеплойте з моніторингом: алерти на помилки верифікації webhook, падіння конверсії.

Як будуємо інтеграцію

Архітектура. Ніколи не зберігаємо дані карт — тільки токени провайдера. Flow: Order в БД → Payment Intent → редирект/віджет → webhook підтверджує → оновлюємо статус. База істини — статус в платіжній системі.

Для Laravel використовуємо stripe/stripe-php або yookassa-sdk. Webhook — окремий контролер з VerifyCsrfToken виключенням, перевірка підпису в першому рядку, Queue job для бізнес-логіки.

Для Next.js/React — @stripe/stripe-js + @stripe/react-stripe-js. PaymentElement включає Apple/Google Pay автоматично. Приклад:

const stripe = await stripePromise;
const { error } = await stripe.confirmPayment({
  elements,
  confirmParams: { return_url: 'https://example.com/order/thank-you' },
});

Тестування. Stripe CLI: stripe listen --forward-to localhost:8000/webhook. Тест-картки для всіх сценаріїв (3DS, decline, insufficient funds). Cypress-тест checkout flow в CI — обов'язкова гарантія стабільності.

Ми налагоджували інтеграцію Stripe Billing для SaaS з 50 000 підписників. Проблема виникла з обробкою invoice.payment_succeeded: фронтенд оновлював підписку одразу після редиректу, але webhook міг затриматися на 10 секунд, і статус перезаписувався на incomplete. Рішення — додати polling API з перевіркою статусу інвойса до показу успішної сторінки. Це знизило кількість помилкових відписок на 18%.

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

Аудит → вибір провайдера → backend → frontend → тести → деплой → моніторинг.

Сценарій Термін
Один провайдер (ЮKassa або Stripe), базовий flow 1–2 тижні
Кілька методів оплати + Apple/Google Pay 2–4 тижні
Мультивалютність + часткові повернення + фіскалізація 4–8 тижнів
SaaS підписки через Stripe Billing 3–6 тижнів

Вартість розраховується індивідуально. Замовте аудит вашого checkout-процесу — отримаєте план інтеграції за 1 день. Напишіть нам у чат.

Скільки коштує інтеграція платіжних систем?

Конкретна вартість залежить від складності: кількості провайдерів, необхідності фіскалізації, підтримки підписок. Ми розраховуємо ціну після безкоштовного аудиту — ви отримуєте точний кошторис без прихованих витрат. Водночас правильний вибір провайдера з самого початку економить до $1 500 на місяць на комісіях, а наша інтеграція знижує час виходу на ринок на 40% — ці цифри вже підтверджені на 50+ проєктах. Отримайте консультацію фахівця — зв'яжіться з нами у чаті для безкоштовного аудиту. Гарантуємо 7 років досвіду та сертифікацію PCI DSS.