Керівництво 22 серп. 2022

Використовуйте 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 вер. 2023
Як створити унікальний QR код для цифрового меню з номером столика клієнта? Клієнти приходять у ваш заклад, сідають за столик, сканують QR код, знайомляться з меню, роблять замовлення та оплату. У будь-який момент часу та без очікувань офіціанта 23 лют. 2023