У вас є сайт-візитка або лендінг, на якому клієнти бачать ваші послуги. Ви отримуєте заявки, дзвінки, а потім у листуванні просите надіслати оплату на картку. Це працює, але змушує клієнта зупинитися, згадати реквізити, відкрити банківський застосунок, ввести дані... Чим більше кроків між бажанням купити і фактом оплати — тим більше клієнтів ви втрачаєте. Якщо ж ви встановите просту платіжну систему на свій WordPress-сайт, клієнт зможе оплатити послугу за 30 секунд. І для цього зовсім не потрібно створювати інтернет-магазин з категоріями, корзиною та складом.
У цій статті я покажу повне налаштування на реальних назвах пунктів меню. Ви зможете зробити це самостійно за 30–40 хвилин, навіть якщо жодного разу не заходили в адмінку WordPress.
Що таке WordPress платіжна система та чому не потрібен інтернет-магазин
Багато власників бізнесу думають, що приймати оплату на сайті можна лише через складні рішення на кшталт WooCommerce з кошиком, категоріями та оформленням замовлення. Насправді, для оплати послуг достатньо однієї кнопки «Оплатити» поруч із описом послуги. Клієнт натискає кнопку, його переносить на сторінку з платіжною формою, він вводить дані карти — і готово. Ви отримуєте гроші, а клієнт — чек та підтвердження.
Така WordPress платіжна система — це не магазин, а просто зв'язка з трьох компонентів: сторінки з кнопкою, платіжного шлюзу (сервісу, який обробляє картки) та плагіна-конектора, який з'єднує WordPress із цим шлюзом. Найнадійніший спосіб зробити це — використати WooCommerce без налаштувань магазину. Так, WooCommerce — це конструктор магазинів, але він чудово справляється з роллю платіжного інструмента, якщо використовувати лише один товар-послугу і спростити процес до одного кліка.
Є й легші плагіни-кнопки, але більшість із них або платні, або заточені під конкретну країну. Тому WooCommerce — універсальне безкоштовне рішення, яке точно працює.
Крок 1: встановлюємо WooCommerce
Зайдіть в адмінку WordPress. У лівому меню знайдіть пункт «Плагины» → «Добавить новый». У рядку пошуку введіть WooCommerce. Знайдіть плагін з іконкою помаранчевого візка (розробник — WooCommerce). Натисніть «Установить», а потім «Активировать».
Після активації WooCommerce запустить майстер налаштування. Якщо він не з’явився, перейдіть у розділ «WooCommerce» → «Настройки» і налаштуйте вручну. У майстрі вас попросять вказати:
- Ваше місцезнаходження та валюту (наприклад, гривня або рубль).
- Тип магазину — оберіть «Физические товары» або «Услуги», це не критично.
- Спосіб доставки — можете пропустити, адже ми не продаємо товари.
Після завершення майстра WooCommerce створить стандартні сторінки: магазин, корзина, оформлення замовлення. Вони вам не заважатимуть — ви можете просто не використовувати їх у меню сайту.
Крок 2: створюємо товар-послугу та підключаємо оплату
Тепер вам потрібен сам товар, який насправді є вашою послугою. У лівому меню WordPress з’явився пункт «Товары» → «Добавить товар». Заповніть:
- Назва: наприклад, «Консультація фахівця».
- Опис: коротко, що клієнт отримає.
- Ціна: вкажіть вартість послуги.
Поле категорії, атрибути та варіації не чіпайте. Опублікуйте товар. Зверніть увагу на посилання на товар — ви його використаєте пізніше, або знайдіть ID товару в списку товарів (у колонці «ID»).
Далі — найважливіше. Щоб WordPress платіжна система працювала, потрібно підключити платіжний шлюз. Для прикладу візьмемо Fondy — популярний сервіс, який працює в Україні та багатьох країнах СНД. Він має офіційний плагін для WooCommerce.
Зареєструйтеся в кабінеті Fondy (fondy.io). Після реєстрації вам нададуть Merchant ID та Secret Key — два набори цифр і літер. Ці дані потрібні для підключення.
Тепер у адмінці WordPress перейдіть у «Плагины» → «Добавить новый» і введіть у пошуку Fondy Payment Gateway for WooCommerce. Встановіть та активуйте плагін.
Потім зайдіть у «WooCommerce» → «Настройки» → вкладка «Платежи». У списку методів оплати ви побачите Fondy. Натисніть «Налаштувати» біля нього. Увімкніть метод (галочка «Включить»), введіть Merchant ID і Secret Key із кабінету Fondy. Збережіть зміни.
Якщо Fondy вам не підходить, ви можете так само підключити LiqPay, WayForPay або інший шлюз. Принцип однаковий: шукаєте офіційний плагін для WooCommerce, встановлюєте, вводите ключі з кабінету платіжної системи.
Крок 3: спрощуємо оформлення до одного кліка
За замовчуванням WooCommerce змушує клієнта проходити кілька екранів: «Додати в кошик», «Перейти до кошика», «Оформити замовлення» із купою полів — ім’я, прізвище, адреса, телефон, коментарі. Це надто довго для оплати однієї послуги. Налаштуємо так, щоб клієнт після натискання «Оплатити» одразу опинився на формі оплати.
В адмінці зайдіть у «WooCommerce» → «Настройки» → вкладка «Товары» (у деяких версіях «Продукты»). Знайдіть секцію «Корзина» або «Поведение магазина». Увімкніть опцію «Переходить к оформлению заказа после добавления товара в корзину» — це означає, що клієнт одразу потрапляє на сторінку замовлення, минаючи корзину.
Далі в цій самій вкладці або у вкладці «Оформление» знайдіть налаштування полів. Вимкніть усі поля, крім «Имя» та «Email». Ви можете це зробити, знявши галочки навпроти зайвих полів або змінивши їх статус. На екрані оформлення залишиться лише ім’я, email і кнопка вибору способу оплати (яка, після підключення Fondy, буде одна — картка).
Після цього створіть сторінку, на якій розмістіть кнопку оплати. У меню WordPress: «Страницы» → «Добавить страницу». Назвіть її, наприклад, «Оплата послуги». Вставте в текстовий редактор шорткод:
[add_to_cart id="ВАШ_ID_ТОВАРА" text="Оплатить услугу"]
Замість ВАШ_ID_ТОВАРА підставте цифру ID товару, який ви створили. Збережіть сторінку.
Тепер, коли клієнт відкриває цю сторінку, він бачить велику кнопку «Оплатить услугу». Натискає — і одразу переходить до оформлення, де залишилося лише ввести ім’я, email та дані карти. Для оплати потрібно менше хвилини.
Як перевірити, що все працює
Перед тим як відправляти посилання клієнтам, зробіть тестову оплату. Fondy надає тестовий режим — увімкніть його в налаштуваннях плагіна (зазвичай це галочка «Тестовый режим»). Скористайтеся тестовими картками, які Fondy вказує в документації, і проведіть оплату. Якщо гроші не списуються, а замовлення змінює статус на «Оплачено» — все працює. Використайте тестову оплату для своєї ж послуги. Якщо клієнт скаржиться, що оплата не проходить — перевірте, чи правильно введені ключі та чи не закінчився термін дії сертифіката у Fondy.
Ця WordPress платіжна система повністю замінює необхідність просити клієнта «переказати на картку». Ви можете додати посилання на сторінку з кнопкою у вашу презентацію, у повідомлення в месенджерах, у підпис електронної пошти. Клієнт отримує оплату одним кліком — і ви більше не втрачаєте замовлення через те, що людині ліньки вводити реквізити.
Вам не потрібно розуміти, як влаштовані платіжні шлюзи чи програмування. Все, що треба — один раз налаштувати WooCommerce, створити товар, вставити шорткод на сторінку. Це займає менше години і не потребує жодного досвіду. Єдина складність — це реєстрація в платіжній системі та отримання ключів, але там також проста форма, яка працює за принципом «заповнити дані про компанію».
Якщо у вас кілька послуг з різною вартістю — не створюйте нові сторінки. Додайте декілька товарів у WooCommerce і дайте кожному свій шорткод на одній сторінці. Клієнт обирає потрібну послугу і оплачує саме її.
Нарешті, не забудьте прибрати тестовий режим у налаштуваннях Fondy після перевірки, інакше реальні оплати не будуть проходити.
Якщо ви спробували всі кроки вище і все ще не вийшло (або не хочете робити це самостійно) — ось тоді DevCev Digital може допомогти. Опишіть вашу задачу — і вам налаштують прийом оплат швидко та без зайвих розмов.