Онлайн-оплата є ключовою функцією будь-якого інтернет-магазину, зокрема на WordPress і плагіні WooCommerce. Щоб приймати платежі картками в Україні, багато власників магазинів обирають платіжну систему LiqPay від ПриватБанку. У цій статті ми детально розглянемо, як підключити LiqPay до WooCommerce та налаштувати все необхідне для прийому платежів на сайті. Також розкажемо про альтернативний варіант – Tranzzo.
LiqPay підтримує оплату банківськими картками, швидке зарахування коштів на рахунок підприємця та автоматичну обробку статусів платежів у магазині. Платіжна система легко інтегрується через спеціальний плагін і забезпечує високий рівень безпеки транзакцій.
Реєстрація та активація акаунту LiqPay
Перший крок – створити торговий акаунт на LiqPay і активувати його для прийому платежів. LiqPay орієнтований на бізнес-користувачів, тому вам знадобиться зареєстрована компанія або ФОП (бажано з рахунком у ПриватБанку) для успішної активації. Процес підготовки включає кілька етапів.
Реєстрація в LiqPay
Перейдіть на офіційний сайт LiqPay та зареєструйтесь за номером телефону. Після входу сервіс запропонує створити “Магазин” – так називається ваш проект для прийому оплат.
Активація магазину
Заповніть інформацію про компанію (назва, контакти, веб-сайт), додайте реквізити рахунку для отримання коштів та завантажте необхідні документи. Серед обов’язкових вимог – наявність на вашому сайті сторінки оферти (публічної угоди з користувачем) та укладання онлайн-договору з LiqPay. Активація складається з декількох кроків і може вимагати підтвердження через додаток Приват24.
Отримання API-ключів
Після успішної активації LiqPay-акаунту у кабінеті відобразяться ваші унікальні API keys – публічний і приватний. Вони знаходяться на сторінці налаштувань магазину в LiqPay. Ці ключі потрібно скопіювати – далі ми вставимо їх у налаштування WordPress, щоб зв’язати сайт із платіжною системою.
Аактивація магазину LiqPay зазвичай займає 1-2 дні, оскільки служба перевіряє ваші дані. Переконайтеся, що усі поля заповнені коректно і на сайті опублікована оферта – без цього підтримка LiqPay може відхилити заявку.
Встановлення плагіна LiqPay для WooCommerce
WooCommerce не має вбудованої підтримки LiqPay, тож для інтеграції знадобиться спеціальний плагін. Одним з популярних рішень є безкоштовний плагін Morkva LiqPay Extended від розробника MORKVA, який додає метод оплати LiqPay у ваш магазин та підтримує callback (автоматичне оновлення статусу замовлення після оплати). Перед встановленням плагіна переконайтеся, що WooCommerce вже активований на вашому сайті.
Покроковий алгоритм виглядає так:
- Пошук і інсталяція плагіна: зайдіть в адмін-панель WordPress, розділ «Плагіни» → «Додати новий». У полі пошуку введіть “LiqPay WooCommerce” або назву Morkva Liqpay Extended. Знайдіть відповідний плагін у результатах та натисніть «Встановити».
- Активація плагіна: після встановлення натисніть «Активувати». Плагін додасть новий метод оплати до WooCommerce. Ви можете побачити його, перейшовши до «WooCommerce» → «Налаштування» → «Payments» (Оплати). Там з’явиться опція LiqPay (може бути позначена як Morkva LiqPay).
- Доступ до налаштувань: відкрийте налаштування платіжного метода LiqPay. Зазвичай достатньо клікнути на назву “LiqPay” у списку методів оплати або на кнопку «Налаштувати». Відкриється сторінка параметрів, куди потрібно внести раніше отримані дані (API-ключі) та задати інші параметри способу оплати.
Примітка. Існують і альтернативні плагіни для LiqPay (наприклад, від WebPlus чи інших розробників). Однак принцип інтеграції схожий: ви встановлюєте плагін, який додає LiqPay як оплату, і вводите API-ключі. В цій статті ми використовуємо як приклад Morkva LiqPay Extended через його популярність і наявність функції callback.
Налаштування параметрів LiqPay у WooCommerce
На сторінці налаштувань платіжного методу LiqPay (Morkva LiqPay Extended) потрібно заповнити кілька полів, щоб підключення запрацювало. Передусім увімкніть цей метод (опція «Enable/Ввімкнути»), якщо така присутня, та переконайтеся, що статус відображається як активний. Далі перейдіть до введення ключових параметрів:
- API Public Key і Private Key: вставте публічний та приватний ключ, скопійовані з кабінету LiqPay. Без цих ключів платіжна система не зможе авторизувати запити з вашого сайту.
- Заголовок та опис: задайте назву способу оплати, яку бачитимуть покупці (наприклад, "Оплата карткою через LiqPay"), а також короткий опис під назвою (можна уточнити, що це онлайн-оплата безпечним сервісом LiqPay). Опис не є обов’язковим, але допоможе користувачу зрозуміти переваги або деталі способу оплати.
- Інструкція для клієнта: (необов’язково) текст, який відобразиться покупцю після оформлення замовлення на сторінці підтвердження. Для LiqPay це поле можна залишити порожнім, адже оплата відбувається миттєво. Цей параметр корисний радше для таких методів, як банківський переказ (де треба показати реквізити).
- Режим тестування: якщо плагін підтримує тестовий режим, ви можете його увімкнути для пробного прогону транзакцій. У тестовому режимі кошти не списуються з карти, але обов’язково вимкніть цей режим, коли перейдете до реальної роботи магазину. (Альтернативно, можна виконати тестову оплату і на бойових ключах, створивши товар з мінімальною ціною – 1 грн).
Для наочності наведемо приклад основних полів налаштування LiqPay та їх призначення:
|
Параметр |
Опис / Призначення |
|
Заголовок
|
Назва способу оплати, що бачить клієнт під час оформлення замовлення. (наприклад, «Оплата карткою через LiqPay»).
|
|
Опис |
Додатковий текст під заголовком, який пояснює клієнту суть способу оплати (наприклад, “Безпечна оплата Visa/Mastercard через LiqPay”). Цей пункт необов’язковий. |
|
Інструкція |
Повідомлення для клієнта на сторінці підтвердження замовлення після його оформлення. Для моментальної оплати LiqPay можна не заповнювати. |
|
API Public Key |
Публічний API-ключ із кабінету LiqPay. Вводиться без пробілів чи зайвих символів. |
|
API Private Key |
Приватний API-ключ із кабінету LiqPay. Зберігайте його конфіденційно та не передавайте нікому. |
|
Тестовий режим |
Опція для імітації платежів без реального списання коштів. Використовується для перевірки інтеграції; не забудьте вимкнути для живих платежів. |
Після заповнення усіх полів натисніть «Зберегти зміни» (Save). Ваш сайт тепер знає, як передавати платіжні дані в LiqPay. На сторінці методів оплати WooCommerce переконайтеся, що LiqPay відображається у списку і активований (тоді покупці побачать його під час оформлення замовлення).
Тестування та прийом платежів
Налаштувавши LiqPay, варто переконатися, що все працює правильно. Рекомендуємо створити тестове замовлення в магазині та провести оплату, щоб побачити процес очима клієнта. Основні етапи оплати через LiqPay на сайті WooCommerce такі:
- Оформлення замовлення з LiqPay: додайте товар у кошик, перейдіть до оформлення замовлення і виберіть спосіб оплати LiqPay. Після підтвердження замовлення система автоматично перенаправить покупця на захищену платіжну сторінку LiqPay.
- Введення платіжних даних: на сторінці LiqPay клієнт вводить реквізити банківської картки або обирає інший доступний метод (наприклад, LiqPay підтримує оплати через Apple Pay / Google Pay для прив’язаних карток, якщо ця опція доступна). Сторінка оплати має зрозумілий інтерфейс і брендована логотипом LiqPay.
- Підтвердження та повернення на сайт: після успішної оплати покупця автоматично поверне назад на ваш сайт (сторінку підтвердження замовлення). В цей момент спрацьовує callback від LiqPay – плагін отримує від сервера LiqPay повідомлення про статус транзакції.
- Автоматичне оновлення статусу замовлення: якщо платіж пройшов успішно, статус замовлення в WooCommerce зміниться, наприклад, з «Очікує оплати» на «В обробці» (Processing). Це означає, що оплата отримана, і можна виконувати замовлення. Якщо ж оплата не вдалася (клієнт скасував або транзакція відхилена), статус залишиться «Очікує оплати», і замовлення не буде підтверджено до надходження коштів.
Таке автоматичне оновлення дуже зручне – адміністратору магазину не потрібно вручну перевіряти надходження коштів. У розділі замовлень WooCommerce ви завжди можете побачити актуальний статус. Крім того, в особистому кабінеті LiqPay відображається історія транзакцій та баланс, що допоможе вести облік оплат. Якщо тестовий платіж пройшов успішно, можна запускати цю систему оплати для реальних клієнтів.
Порада: якщо платежі через LiqPay не проходять, перевірте, чи активовано ваш магазин у кабінеті LiqPay та чи правильні API-ключі. Також впевніться, що на сайті встановлений HTTPS (SSL-сертифікат), адже платіжні системи вимагають захищеного з’єднання для передачі даних.
Альтернатива LiqPay – платіжна система Tranzzo
LiqPay – не єдиний спосіб приймати онлайн-платежі на WooCommerce. Серед альтернатив для українських інтернет-магазинів варто звернути увагу на платформу Tranzzo, яка пропонує сучасний платіжний сервіс з акцентом на гнучкість інтеграції та покращення користувацького досвіду. Головна особливість Tranzzo – адаптивна платіжна сторінка на сайт (Checkout), яку можна легко підключити до сайту.
Tranzzo надає Hosted Checkout – окрему сторінку оплати, що підлаштовується під ваш бренд. Вона може бути розміщена на вашому власному домені (наприклад, pay.yoursite.com) або відображатися як віджет прямо на сторінках магазину. Завдяки цьому клієнт здійснює оплату, не відчуваючи переходу на зовнішній ресурс, що підвищує довіру. За даними платіжних провайдерів, такий підхід знижує кількість кинутих кошиків і незавершених платежів до 10%.
На одному чекауті Tranzzo можна приймати не тільки платежі картками Visa/Mastercard, але й через Apple Pay, Google Pay та іншими способами. Система автоматично відобразить клієнту доступні опції, а бізнес може підключити понад 180+ методів оплати для різних країн.
Tranzzo забезпечує повну відповідність PCI DSS Level 1 (найвищий стандарт безпеки для платіжних систем). Дані карток токенізуються і захищені, а 3D Secure 2.0 та багаторівневі антифрод-системи мінімізують ризики шахрайства.
Легкість інтеграції та кастомізації: підключити Tranzzo можна через API або скориставшись готовими плагінами для популярних CMS. Для WooCommerce також існує рішення, тож процес схожий на встановлення будь-якого платіжного модуля. У Merchant Portal (особистому кабінеті) Tranzzo ви зможете налаштувати вигляд платіжної сторінки – додати логотип, обрати кольори кнопок, мовні налаштування тощо. Це дозволяє зробити сторінку оплати візуально частиною вашого сайту.
Більш детально ознайомитися з функціоналом Tranzzo та її продуктом Checkout можна на офіційному сайті Tranzzo — tranzzo.com. Це рішення може стати в пригоді, якщо ви бажаєте розширити перелік платіжних методів або працюєте на міжнародних ринках. Завдяки платіжній сторінці Tranzzo ви отримуєте гнучкість у налаштуванні та високий рівень конверсії без необхідності розробляти власний чекаут з нуля.
Підключення платіжної системи до сайту – відмінний спосіб швидко запустити прийом онлайн-оплат у вашому інтернет-магазині. Дотримуючись описаних кроків (реєстрація та активація акаунту, встановлення плагіна, налаштування API-ключів та параметрів оплати), навіть початківець зможе інтегрувати LiqPay на сайт. Покупці отримають зручну можливість оплатити товар карткою одразу під час оформлення замовлення, а ви – автоматичне сповіщення про успішні платежі завдяки функції callback. Якщо ж виникає потреба в розширених можливостях або альтернативному рішенні, сервіс Tranzzo із власною платіжною сторінкою пропонує сучасний підхід до онлайн-еквайрингу, що підвищує довіру клієнтів і допомагає знизити кількість незавершених транзакцій. Обирайте рішення, яке найкраще відповідає потребам вашого бізнесу, та розвивайте свій інтернет-магазин, пропонуючи клієнтам зручний і безпечний сервіс оплати.
