Используйте Stripe для платежей в цифровом меню

В этом руководстве вы узнаете, как принимать онлайн-платежи, подключив Цифровое меню к учетной записи Stripe.

Платформа обработки платежей Stripe для цифрового меню
Платформа обработки платежей Stripe для цифрового меню

Stripe — это популярная платформа обработки платежей, которой доверяют миллионы компаний любого размера — от стартапов до крупных предприятий.


Ваши клиенты смогут расплачиваться банковскими картами Visa, Mastercard, American Express и электронными кошелькам Google Pay / Apple Pay. Вы можете узнать больше о способах оплаты на официальной странице Stripe.


Выполнив следующие шаги, описанные ниже, вы узнаете, как легко добавить онлайн-платежи в свое цифровое меню.


Регистрация


Этот раздел можно пропустить, если у вас уже есть учетная запись в Stripe. Если учетной записи еще нет, то выполните следующие действия:

Регистрации в Stripe
Регистрации в Stripe
  • Укажите адрес электронной почты, полное имя, страну и надежный пароль.
  • Нажмите кнопку «Создать учетную запись».

После создания вашей учетной записи Stripe требуется проверка:

  • Откройте свой почтовый ящик и найдите подтверждающее сообщение от Stripe.
  • Нажмите кнопку «Подтвердить адрес электронной почты».

После проверки вы будете перенаправлены на страницу активации платежей.

  • Нажмите кнопку «Активировать платежи»
Сообщение об активации Stripe
Сообщение об активации Stripe

Вам будет предложено заполнить информацию о вашей организации. Следуйте инструкциям на экране, чтобы завершить этот шаг.

Форма настройки учетной записи Stripe
Форма настройки учетной записи Stripe

После выполнения предыдущего шага вы увидите панель инструментов Stripe.


Загляните в раздел для разработчиков. Он содержит Publishable key, а также Secret key. Мы еще вернемся к ним для настройки административной панели Stravopys. Также обратите внимание на выбранный режим. Если хотите сначала протестировать свои заказы, то убедитесь, что переключатель находится в тестовом режиме.

Stripe dashboard
Stripe dashboard

Интеграция учетной записи Stripe со Stravopys


Основная часть выполнена, но Stravopys всё ешё не знает о вашей учетной записи Stripe. Для подключения выполните следующие действия:

  • Откройте панель администратора Stravopys.
  • Нажмите на ссылку «Настройки заказов».
  • Включите переключатель «Разрешить принимать заказы».
Панель администратора Stravopys с настройками заказов
Панель администратора Stravopys с настройками заказов
  • Прокрутите страницу вниз и найдите раздел «Настройки онлайн-платежей».
  • Укажите ключ «Publishable» и «Secret», которые вы можете найти в панели инструментов Stripe.
  • Сохраните изменения.
Панель администратора Stravopys для цифрового меню с настройками Stripe
Панель администратора Stravopys для цифрового меню с настройками Stripe

На этом все. Ваше цифровое меню готово принимать онлайн-заказы.


Протестируйте платежи, чтобы проверить свою интеграцию


Чтобы убедиться, что ваше цифровое меню правильно интегрировано со Stripe, смоделируйте транзакции без перемещения денег, используя специальные номера карт в режим тестирования.


Используйте следующие номера карт с любым трехзначным кодом CSV и действительной датой в будущем:

  • Карта с успешными транзакциями: 4242424242424242
  • Карта с 3D-безопасностью: 4000000000003220
  • Карта с ошибками: 4000000000009995

Проверьте страницу Тестирование, чтобы узнать больше.


Уведомления о платежах


Вы можете принимать платежи, но чтоб Stripe мог уведомить Stravopys об их статусе и вы могли получать e-mail и телеграм уведомления необходимо сделать следующее:

  • Откройте панель инструментов Stripe.
  • Нажмите кнопку «Developers», чтобы перейти в режим разработки.
Панель разработчиков Stripe
Панель разработчиков Stripe
  • Щелкните элемент «Webhooks» на левой панели.
  • Нажмите кнопку «Добавить endpoint», чтобы настроить endpoint Stravopys для получения событий Checkout.
  • Укажите URL-адрес как «https://stravopys.com/api/stripe-callback».
  • При необходимости добавьте описание.
  • Убедитесь, что в «Listen to» выбрано «Events on your account».
  • Нажмите кнопку «+ Select events».
  • Найдите группу Checkout и проверьте событие «checkout.session.completed».
  • Нажмите кнопку «Добавить события».
  • Нажмите кнопку «Добавить конечную точку».
Конфигурация событий Stripe webhook
Конфигурация событий Stripe webhook

После создания endpoint’а необходимо скопировать его ключ «Signing secret». Вы можете найти его, нажав на кнопку «показать» в столбце «Signing secret». Webhook ключ начинается с «whsec_...».

Секретные подписи вебхука
Секретные подписи вебхука

Получив ключ, его нужно скопировать и вставить в конфигурацию настроек заказа Stravopys:

  • Откройте административную панель Stravopys.
  • Откройте конфигурацию настройки заказов.
  • Найдите раздел настроек оплаты Stripe.
  • Вставьте webhook ключ в соответствующее поле.
  • Сохраните изменения.

Все необходимые шаги выполнены. Если вы хотите принимать реальную оплату, вам нужно переключить соответствующий режим на панели инструментов Stripe и обновить ключи в настройках заказов Stravopys.

Теги: Цифровое менюstripeонлайн-платежи

Смотрите также
Настройка электронного меню с возможностью вызвать официанта и попросить счет Добавьте возможность своим клиентам вызвать официанта одним кликом и без лишних ожиданий с помощью онлайн меню ресторана, кафе или бара. 10.09.2023
Как создать уникальный QR-код для цифрового меню с номером столика клиента? Клиенты приходят в ваше заведение, садятся за столик, сканируют QR код, знакомятся с меню, заказвают и оплачивают. В любой момент времени и без ожиданий официанта 23.02.2023