Відкриваєш магазин на телефоні, додаєш товар у кошик, тиснеш “Оплатити”, і замість того, щоб лізти за карткою, просто прикладаєш палець або дивишся в екран. Все. Замовлення оформлене.

Саме так виглядає оплата через Apple Pay або Google Pay з боку покупця. Жодних полів для введення номера картки, жодного CVV, жодного “де ж я її поклала”. Просто натиснув і заплатив.

Для власника магазину це не просто зручність, а пряма конверсія. За даними різних досліджень, спрощення процесу оплати зменшує кількість покинутих кошиків. Люди не кидають замовлення тому, що лінь діставати картку.

Але як це взагалі підключити до свого сайту? Чи потрібен розробник? Чи залежить це від CMS? Розбираємося по порядку.

Як технічно працює Apple Pay і Google Pay на сайті

Обидва сервіси - це електронні гаманці, прив'язані до банківської картки користувача. Коли покупець натискає кнопку оплати, пристрій ідентифікує його (через Face ID, Touch ID або PIN-код телефону) і надсилає зашифровані платіжні дані на сервер.

Сайт сам по собі не бачить реальних даних картки — тільки токен. Це і є основа безпеки цих систем. З боку магазину все виглядає як звичайний платіж, але без ризику крадіжки даних.

Щоб кнопки Apple Pay та Google Pay з'явилися на сторінці оформлення замовлення, сайт має відповідати декільком умовам:

• працювати за протоколом HTTPS (SSL-сертифікат)
• бути інтегрованим з платіжним провайдером, який підтримує ці методи
• мати або готовий плагін для вашої CMS, або кастомну реалізацію через API

Хороша новина: сучасні платіжні провайдери, як-от hutko, підтримують обидва гаманці “з коробки”. Тобто якщо ви підключаєте еквайринг через плагін, то Apple Pay та Google Pay підтягуються автоматично, без жодних додаткових налаштувань.

WordPress і WooCommerce: найпопулярніший сценарій

Більшість українських інтернет-магазинів на WordPress використовують WooCommerce. І саме тут підключення Apple Pay та Google Pay найпростіше: встановлюєте плагін платіжного провайдера, активуєте, і обидві кнопки з'являються на сторінці оплати автоматично.

Наприклад, hutko має готовий плагін для WooCommerce, який встановлюється через адмінку WordPress за кілька хвилин. Після активації Apple Pay та Google Pay з'являються автоматично, нічого додатково вмикати не потрібно.

Плагін сам визначає пристрій покупця: якщо людина заходить з iPhone - бачить Apple Pay, якщо з Android - Google Pay, якщо з десктопу - бачить обидва варіанти або той, що підтримується браузером.

Єдине, що треба перевірити заздалегідь, щоб ваш хостинг підтримував SSL і домен сайту відповідав вимогам платіжного провайдера. Зазвичай це стандартні умови, жодних екзотичних вимог.

Wix: підключення через маркетплейс, без доступу до коду

Wix це окрема розмова. Конструктор не дозволяє встановлювати довільні плагіни або вставляти кастомний JavaScript для платіжних форм. Усі інтеграції з платіжними сервісами відбуваються виключно через Wix App Market.

Це означає, що якщо ваш платіжний провайдер є у маркетплейсі, то ви підключаєте його через інтерфейс Wix, і Apple Pay із Google Pay стають доступними в межах того функціоналу, який пропонує ця інтеграція.

Якщо провайдера в маркеті немає, то варіантів практично не залишається. Wix не дасть вам “обійти” систему через власний код.

hutko має інтеграцію для Wix, що означає: власники магазинів на цій платформі можуть підключити еквайринг і отримати Apple Pay та Google Pay без жодного коду, все через стандартний інтерфейс конструктора.

Також варто знати: Wix Payments, вбудоване рішення платформи, підтримує Apple Pay та Google Pay, але лише в певних країнах. Для українського бізнесу це часто не підходить, тому потрібен локальний еквайринг із підтримкою гривні.

“Плагін hutko для Wix”

Shopify, OpenCart, PrestaShop та інші: загальна логіка

На більшості популярних CMS підключення відбувається за однаковою схемою: встановлюєте модуль провайдера → вводите API-ключі → зберігаєте налаштування. Apple Pay та Google Pay увімкнені за замовчуванням, якщо провайдер їх підтримує.

На Shopify діє своя екосистема: зовнішні платіжні провайдери підключаються через App Store або як “сторонні шлюзи”. Функціональність залежить від тарифного плану, на базових планах Shopify стягує додаткову комісію за транзакції через зовнішні шлюзи.

OpenCart і PrestaShop дають більше свободи: там можна встановити плагін провайдера вручну, якщо офіційного модуля немає. Але якщо є готовий - завжди краще використовувати його: менше ризиків несумісності і простіше оновлення.

Що потрібно перевірити перед підключенням

Перш ніж натискати “встановити”, є кілька речей, які варто перевірити:

• SSL-сертифікат - без нього жоден електронний гаманець не запрацює. Більшість хостингів дають його безкоштовно через Let's Encrypt.
• Підтримка Apple Pay та Google Pay провайдером - не всі платіжні сервіси в Україні їх мають. Уточнюйте до реєстрації.
• Сумісність плагіна з версією CMS - перед встановленням перевіряйте, чи підтримується ваша версія WordPress, OpenCart тощо.
• Тестовий режим - після підключення обов'язково проведіть кілька тестових оплат через обидва гаманці з реального телефону.

Чому варто увімкнути обидва, а не один

Іноді власники магазинів думають: “У мене переважно аудиторія на iPhone, тож вистачить Apple Pay”. Це помилка.

По-перше, частка Android в Україні стабільно вище 50%. По-друге, один і той самий покупець може зайти до вас сьогодні з iPhone, а завтра з робочого ноутбука на Windows, де Apple Pay не працює.

Вмикати обидва гаманці одночасно нічого не коштує, вони активуються в рамках одного плагіна. Тому логіка проста: якщо вже підключаєте, то вмикайте все, що доступно.

 “1. Вбудована форма оплати hutko, з підтримкою Apple Pay та Google Pay.

2. Платіжна сторінка hutko, яка відкривається за новим посиланням.”

Apple Pay та Google Pay це вже не “приємний бонус” для інтернет-магазину, а базова очікувана зручність. Покупці звикли платити одним дотиком і дедалі менше готові вводити дані картки вручну.

На більшості CMS: WordPress, OpenCart, PrestaShop, Magento - підключення зводиться до встановлення плагіна від провайдера. Якщо провайдер підтримує гаманці, вони з'являться автоматично.

На Wix усе залежить від наявності провайдера в App Market, вибирайте інтеграцію ще до реєстрації в сервісі, щоб не перебудовувати магазин потім.

Головне - не відкладати. Кожен день без Apple Pay і Google Pay це потенційно загублені замовлення від тих, хто не захотів шукати картку.