Чому оплата й доставка вирішують, чи купить клієнт
Покупець міг дійти до кошика, а потім закрити вкладку. Дослідження покинутих кошиків (наприклад, Baymard Institute) регулярно називають серед причин додаткові витрати, примусову реєстрацію, складне оформлення та брак зручних способів оплати. Тобто вирішальним часто стає не товар, а чекаут.
Для українського магазину зазвичай потрібні три речі: прийняти оплату карткою, дати вибір доставки (найчастіше Нова Пошта) і автоматично передати замовлення в роботу. Розберемо, як це влаштовано і на що звернути увагу ще до початку розробки.
Як працює онлайн-оплата: коротко про схему
Є два підходи до приймання платежів:
- Сторінка оплати на боці провайдера (redirect / hosted checkout). Клієнт натискає «Оплатити», потрапляє на захищену сторінку банку чи платіжного сервісу, вводить дані картки там і повертається на ваш сайт. Це найпростіше й найбезпечніше: дані картки до вашого сервера не доходять.
- Вбудована форма (embedded checkout). Поля оплати відображаються прямо на вашій сторінці, але самі дані все одно передаються безпосередньо провайдеру через його скрипт. Вигляд приємніший, інтеграція трохи складніша.
Головне правило: ніколи не зберігайте й не обробляйте номери карток та CVV на власному сервері, якщо у вас немає відповідної сертифікації (PCI DSS). Для малого магазину це означає завжди користуватися hosted-сторінкою чи офіційним вбудованим віджетом провайдера.
Як обрати платіжного провайдера
Для українського ринку найчастіше розглядають:
- LiqPay — зручний старт для малого бізнесу, підтримує оплату картками, Apple Pay і Google Pay (перевіряйте актуальні умови у кабінеті).
- WayForPay — схожий за можливостями, має готові модулі для популярних CMS.
- Fondy, Monobank Acquiring та банківський еквайринг — альтернативи з різними тарифами та умовами підключення.
- Stripe — стандарт для міжнародних продажів. Важливо: доступність для підприємців, зареєстрованих в Україні, обмежена, тому для продажів за кордон зазвичай розглядають інші схеми (наприклад, юрособу в підтримуваній країні). Актуальні умови варто уточнити на сайті Stripe перед плануванням.
Порівнюючи провайдерів, дивіться не лише на відсоток комісії, а й на:
- терміни виведення коштів на рахунок;
- умови повернень (refund) і частину комісії при поверненні;
- наявність тестового середовища (sandbox);
- підтримку Apple Pay / Google Pay;
- якість документації API та підтримки.
Конкретні тарифи змінюються, тому порівнюйте їх безпосередньо у провайдера на день підключення, а не за статтями в інтернеті.
Вебхуки: найважливіша деталь, яку часто забувають
Після оплати клієнт повертається на ваш сайт, але не покладайтеся на цю сторінку як на доказ оплати. Користувач може закрити вкладку, втратити зв'язок або підробити адресу повернення.
Надійний спосіб — вебхук (callback): сервер платіжної системи самостійно надсилає на ваш сервер повідомлення про статус платежу. Правильна обробка включає:
- Перевірку підпису запиту. Провайдер підписує дані секретним ключем. Ваш сервер повторює розрахунок і порівнює. Без цієї перевірки зловмисник може відправити фальшивий «платіж успішний».
- Ідемпотентність. Один і той самий вебхук може прийти двічі. Повторна обробка не повинна двічі позначати замовлення оплаченим чи відправляти товар.
- Звірку суми та валюти із замовленням у вашій базі, а не тільки зі статусом.
- Облік усіх статусів: успішно, у процесі, відхилено, повернуто. Не лише «оплачено».
Безпека оплати: що має бути на вашому боці
- Сайт працює на HTTPS без змішаного контенту.
- Секретні ключі зберігаються в змінних середовища на сервері, а не в коді, який потрапляє в браузер чи репозиторій.
- Суму до сплати формує сервер на основі кошика з бази, а не значення з браузера. Інакше клієнт може підмінити ціну.
- Підтримка 3-D Secure — вимога сучасного еквайрингу; більшість провайдерів вмикають її автоматично.
- Окреме тестове й бойове середовище з різними ключами. Перед запуском проведіть кілька тестових платежів, повернення та відхилену оплату.
Інтеграція з Новою Поштою: що можна автоматизувати
Нова Пошта надає API, за допомогою якого магазин може автоматизувати основні кроки доставки:
- Пошук міста та відділення чи поштомата. Покупець починає вводити назву міста, а сайт підказує відділення зі списку. Не потрібно вводити адресу вручну.
- Розрахунок вартості доставки ще до оплати, щоб клієнт бачив підсумкову суму.
- Створення експрес-накладної (ТТН) прямо з адмін-панелі після підтвердження замовлення, без ручного введення даних у кабінеті перевізника.
- Відстеження статусу. Магазин запитує статус відправлення та може автоматично оновлювати статус замовлення або надсилати клієнту повідомлення.
Для підключення потрібен ключ API з особистого кабінету Нової Пошти. Практичні нюанси: довідники міст і відділень великі, тому їх краще кешувати, а не запитувати на кожен символ; і потрібно обробляти випадки, коли відділення тимчасово закрите.
Післяплата чи передплата: що вибрати магазину
Накладений платіж зручний для клієнтів, які ще не довіряють магазину, але створює ризик невикупу: товар відправлено, гроші не отримано, а за повернення потрібно платити. Часто працює комбінований підхід: онлайн-оплата зі знижкою або з безкоштовною доставкою як заохочення, а післяплата залишається опцією для нових клієнтів.
Типові помилки при підключенні
- Позначати замовлення оплаченим за переходом клієнта на сторінку «Дякуємо», а не за вебхуком.
- Не перевіряти підпис вебхука.
- Брати суму з браузера замість сервера.
- Не передбачити повернення коштів і часткові повернення.
- Не протестувати відхилені платежі й помилки зв'язку.
- Змушувати реєструватися перед покупкою.
- Не показувати вартість доставки до останнього кроку оформлення.
Скільки це коштує і скільки займає
Підключення одного платіжного провайдера з вебхуками та тестуванням для готового магазину зазвичай займає від кількох днів. Інтеграція Нової Пошти з пошуком відділень, розрахунком і створенням ТТН — додатково кілька днів. Точна вартість залежить від кількості способів оплати, логіки знижок та складності адмін-панелі. У моїх пакетах інтернет-магазину оплата і доставка входять до розробки, а не рахуються окремо.
Висновок
Хороший чекаут — це зрозумілі кроки, прозора ціна з доставкою, зручні способи оплати й надійна технічна основа: вебхуки з перевіркою підпису, суми на сервері, автоматична накладна. Тоді клієнту зручно купувати, а вам не доводиться вручну розбиратися, чи оплачено замовлення.
У WebCrafter я створюю інтернет-магазини з інтеграцією платежів і Нової Пошти під ключ. Якщо плануєте магазин або хочете підключити оплату чи доставку до наявного, напишіть мені, і я розрахую вартість та терміни.