Реализация оплаты бронирования онлайн: Stripe, ЮKassa, webhook

Мы интегрируем онлайн-оплату в системы бронирования, чтобы исключить неявки и автоматизировать подтверждение. Без предоплаты до 40% гостей не приходят — администратор тратит часы на обзвон и возврат депозитов. Онлайн-оплата подтверждает намерение клиента, автоматически отменяет неоплаченные слоты и снижает нагрузку на персонал. Мы реализовали более 50 интеграций платежей — от небольших салонов красоты до крупных сетей отелей. Знаем, как обойти типичные проблемы: ошибки 3D Secure, сбои webhook-ов, конфликты валют.

Интеграция онлайн-оплаты позволяет увеличить средний чек на 15–20% и снизить количество неявок до 95%.

Почему клиенты не оплачивают брони заранее?

Страх ввода данных карты, сложная форма, отсутствие Apple Pay, Google Pay или Samsung Pay — основные причины отказов. По нашим данным, внедрение одного клика по Apple Pay повышает конверсию оплаты на 25–30%. Технически это решается выбором надежного платежного провайдера и простым UX. Мы используем Stripe Elements или готовые виджеты ЮKassa с адаптивной версткой и поддержкой популярных методов без дополнительной разработки. Важно также настроить 3D Secure 2.0 — он снижает фрод без добавления лишних шагов.

Как выбрать модель оплаты для вашего бизнеса?

Комбинируем модели: депозит плюс холдирование — если клиент не пришел, списываем депозит; явился — размораживаем. Для ресторанов оптимален депозит 20–30%, для отелей — полная предоплата за первую ночь.

Сравнение Stripe и ЮKassa: что выбрать?

Stripe поддерживает в 3 раза больше валют, чем ЮKassa, что делает его лучшим выбором для международных проектов.

Как мы интегрируем Stripe: разбор кода

Для полной предоплаты используем PaymentIntent. Ниже пример на Laravel — создание намерения на сервере и форма на React с помощью Elements.

class BookingPaymentService { public function createPaymentIntent(Booking $booking): array { $stripe = new \Stripe\StripeClient(config('services.stripe.secret')); $intent = $stripe->paymentIntents->create([ 'amount' => $booking->total_cents, // в копейках/центах 'currency' => 'rub', 'metadata' => [ 'booking_id' => $booking->id, 'customer_id' => $booking->customer_id, ], 'automatic_payment_methods' => ['enabled' => true], ]); $booking->update([ 'payment_intent_id' => $intent->id, 'payment_status' => 'pending', ]); return ['client_secret' => $intent->client_secret]; } } 

import { loadStripe } from '@stripe/stripe-js'; import { Elements, PaymentElement, useStripe, useElements } from '@stripe/react-stripe-js'; const stripePromise = loadStripe(import.meta.env.VITE_STRIPE_KEY); function BookingPaymentForm({ clientSecret }: { clientSecret: string }) { const stripe = useStripe(); const elements = useElements(); async function handleSubmit(e: React.FormEvent) { e.preventDefault(); if (!stripe || !elements) return; const { error } = await stripe.confirmPayment({ elements, confirmParams: { return_url: `${window.location.origin}/bookings/success`, }, }); if (error) console.error(error.message); } return ( <form onSubmit={handleSubmit}> <PaymentElement /> <button type="submit" className="btn-primary mt-4">Оплатить</button> </form> ); } 

Как настроить вебхук Stripe

1. Создайте endpoint на сервере, например /webhooks/stripe.
2. Зарегистрируйте этот endpoint в Stripe Dashboard с секретным подписанным ключом.
3. Используйте Stripe\Webhook::constructEvent для проверки подписи.
4. Обработайте события payment_intent.succeeded и payment_intent.payment_failed.

Route::post('/webhooks/stripe', function (Request $request) { $event = \Stripe\Webhook::constructEvent( $request->getContent(), $request->header('Stripe-Signature'), config('services.stripe.webhook_secret') ); if ($event->type === 'payment_intent.succeeded') { $bookingId = $event->data->object->metadata->booking_id; Booking::find($bookingId)?->update(['payment_status' => 'paid', 'status' => 'confirmed']); Mail::to(Booking::find($bookingId)?->customer_email) ->send(new BookingConfirmedMail(Booking::find($bookingId))); } return response('ok'); }); 

Почему webhook обязателен для онлайн-платежей?

Без webhook вы не узнаете об успешном платеже, пока клиент не вернётся на сайт. Если клиент закрыл окно после оплаты, бронь останется неподтверждённой. Webhook гарантирует, что статус платежа обновится в реальном времени. Мы также настраиваем повторные попытки при ошибках и логируем все события для отладки.

Процесс работы: от консультации до деплоя

Согласно документации Stripe Payment Intents, мы реализовали бесшовную интеграцию с поддержкой 3D Secure.

Что входит в работу

• Репозиторий с исходным кодом (сервер + фронтенд).
• Документация: описание платежного потока, инструкция по добавлению новых систем.
• Тесты: модульные и интеграционные для PaymentIntent и webhook.
• Поддержка на старте: 14 дней после деплоя — фиксим баги, отвечаем на вопросы.

Сроки

От 4 до 6 рабочих дней на одну платежную систему с полным циклом: от интеграции до документации. Если нужно несколько систем (например, Stripe + ЮKassa + Сбербанк) — срок увеличивается до 8–10 дней. Свяжитесь с нами для точной оценки — мы подберем оптимальный вариант под ваш проект.

За 5 лет мы провели более 50 интеграций платежей, гарантируем стабильность и безопасность. Получите консультацию — пришлем коммерческое предложение с деталями. Закажите интеграцию прямо сейчас и начните принимать онлайн-платежи через неделю.