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

Stripe – це популярна платформа обробки платежів, якій довіряють мільйони компаній будь-якого розміру – від стартапів до великих підприємств.
Ваші клієнти зможуть розплачуватися банківськими картками Visa, Mastercard, American Express та електронними гаманцями Google Pay/Apple Pay. Ви можете дізнатися більше про способи оплати на офіційній сторінці Stripe.
Виконавши наведені нижче кроки, ви дізнаєтесь, як легко додати онлайн-платежі до свого цифрового меню.
Реєстрація
Цей розділ можна пропустити, якщо у вас вже є обліковий запис Stripe. Якщо обліковий запис ще немає, виконайте такі дії:
- Відкрийте сторінку Реєстрації.

- Вкажіть адресу електронної пошти, повне ім'я, країну та надійний пароль.
- Натисніть кнопку «Створити обліковий запис».
Після створення облікового запису Stripe потрібна перевірка:
- Відкрийте свою поштову скриньку та знайдіть підтвердження від Stripe.
- Натисніть кнопку «Підтвердити адресу електронної пошти».
Після перевірки ви будете перенаправлені на сторінку активації платежів.
- Натисніть кнопку «Активувати платежі»

Вам буде запропоновано заповнити інформацію про вашу організацію. Виконайте вказівки на екрані, щоб завершити цей крок.

Після виконання попереднього кроку ви побачите панель інструментів Stripe.
Завітайте до розділу для розробників. Він містить Publishable key, а також Secret key. Ми ще повернемось до них для налаштування адміністративної панелі Stravopys. Також зверніть увагу на вибраний режим. Якщо хочете спочатку протестувати свої замовлення, переконайтеся, що перемикач знаходиться в тестовому режимі.

Інтеграція облікового запису Stripe зі Stravopys
Основна частина виконана, але Stravopys все ще не знає про ваш обліковий запис Stripe. Для підключення виконайте такі дії:
- Відкрийте панель адміністратора Stravopys.
- Натисніть посилання «Налаштування замовлень».
- Увімкніть перемикач «Дозволити приймати замовлення».

- Прокрутіть сторінку вниз і знайдіть розділ «Параметри онлайн-платежів».
- Вкажіть ключ Publishable і Secret, які можна знайти в панелі інструментів Stripe.
- Збережіть зміни.

На цьому все. Ваше цифрове меню готове приймати онлайн-замовлення.
Протестуйте платежі, щоб перевірити свою інтеграцію
Щоб переконатися, що ваше цифрове меню правильно інтегроване зі Stripe, змоделюйте транзакції без переміщення грошей, використовуючи спеціальні номери карток режим тестування.
Використовуйте наступні номери карток із будь-яким тризначним кодом CSV та дійсною датою в майбутньому:
- Карта з успішними транзакціями: 4242424242424242
- Карта з 3D-безпекою: 4000000000003220
- Карта з помилками: 4000000000009995
Перевірте сторінку Тестування, щоб дізнатися більше.
Повідомлення про платежі
Ви можете приймати платежі, але щоб Stripe міг повідомити Stravopys про їхній статус і ви могли отримувати e-mail та телеграм повідомлення необхідно зробити таке:
- Відкрийте панель інструментів Stripe.
- Натисніть кнопку «Developers», щоб перейти до режиму розробки.

- Клацніть елемент «Webhooks» на лівій панелі.
- Натисніть кнопку «Додати endpoint», щоб налаштувати endpoint Stravopys для отримання подій Checkout.
- Вкажіть URL-адресу як «https://stravopys.com/api/stripe-callback».
- За потреби додайте опис.
- Переконайтеся, що в Listen to вибрано Events on your account.
- Натисніть кнопку «+ Select events».
- Знайдіть групу Checkout та перевірте подію «checkout.session.completed».
- Натисніть кнопку «Додати події».
- Натисніть кнопку «Додати кінцеву точку».

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

Отримавши ключ, його потрібно скопіювати та вставити в конфігурацію налаштувань замовлення Stravopys:
- Відкрити адміністративну панель Stravopys.
- Відкрийте конфігурацію налаштування замовлень.
- Знайдіть розділ налаштувань оплати Stripe.
- Вставте webhook ключ у відповідне поле.
- Збережіть зміни.
Усі необхідні кроки виконані. Якщо ви хочете приймати реальну оплату, потрібно переключити відповідний режим на панелі інструментів Stripe і оновити ключі в налаштуваннях замовлень Stravopys.