Подключение YandexPay

В данной статье мы рассмотрим настройку модуля интеграции с сервисом YandexPay.

• Регистрация в консоли YandexPay
• Настройка модуля YandexPay на стороне интернет-магазина

Заметка

Интеграция с YandexPay доступна только с версии магазина 11.0. Если Ваш магазин более ранней версии, сперва обновите его до актуальной.

Для подключения оплаты через YandexPay также необходимо наличие SSL-сертификата у доменного имени Вашего магазина. Подробнее об SSL сертификатах.

Регистрация в консоли YandexPay

Для начала работы с YandexPay потребуется зарегистрироваться в кабинете YandexPay. Сделать это можно по адресу - https://console.pay.yandex.ru/.

Заметка

Для работы интеграции с YandexPay прием платежей должен осуществляться через одну из служб - Альфа-Банк, Cloud Payments, МТС-Банк, Uniteller, PayTure. Этот список актуален на май 2023 года.

Авторизуйтесь в Ваш аккаунт Yandex, заполните данные организации и выберите провайдера платежей (рис. 1).

Рисунок 1.

После внесения всей требуемой информации, Вам станет доступен личный кабинет. Для получения данных, необходимых для интеграции, перейдите в раздел "Настройки" (рис. 2).

Рисунок 2.

Далее нажмите на кнопку "Выпустить ключ". Из открывшегося окна необходимо скопировать ключ и сохранить его - он потребуется для дальнейшей настройки интеграции на стороне интернет-магазина (рис. 3).

Рисунок 3.

После закрытия окна, так же скопируйте Merchant ID (рис. 4) и сохраните его.

Рисунок 4.

Далее требуется заполнить поле "Callback URL". Укажите в него URL-адрес вида "домен_сайта/yandexpaycheckout" (рис. 5).

Рисунок 5.

На этом можно перейти к настройкам модуля интеграции на стороне интернет-магазина.

Настройка модуля YandexPay на стороне интернет-магазина

Перейдите в раздел "Модули" - "Магазин модулей", с помощью поиска по ключевому слову найдите модуль YandexPay и нажмите на кнопку "Установить" под его иконкой.

После установки модуля можно сразу приступить к его настройке. Рассмотрим основные настройки модуля интеграции с YandexPay из вкладки модуля "Общие" (рис. 6).

Рисунок 6.

Callback URL - технический адрес для работы интеграции. Его необходимо указать в консоли YandexPay в поле "Callback URL" (рис. 5).

Идентификатор продавца - Merchant ID, полученный в консоли YandexPay (рис. 4).

Api ключ - API-ключ интеграции, полученный в консоли YandexPay (рис. 3).

Цвет кнопки - вариант оформления кнопки, отображаемой в клиентской части. Доступен выбор из трёх вариантов - "Белая", "Белая с обводкой", "Черная" (рис. 7).

Рисунок 7.

Ширина кнопки в карточке товара, корзине, оформлении заказа - опция определяет ширину кнопки. При использовании варианта "Определяется автоматически", ширина кнопки не будет превышать 280 пикселей. При выборе "На всю ширину контейнера", кнопка будет занимать всю ширину родительского блока.

Далее рассмотрим настройки во вкладке модуля "Доставки".

В этом разделе настроек можно указать, какие методы доставки будут использоваться при оформлении заказа через YandexPay. Используемые методы учитывают все настроенные для них ограничения, например, по городам или странам, категориям товаров и прочие. Пункты выдачи отображаются на интерактивной Яндекс.Карте, а стоимость доставки берётся из расчётов интегрированных служб.

Чтобы добавить способ доставки в список, нажмите на кнопку "Добавить" (рис. 8, п. 1), выберите метод из списка (рис. 8, п. 2) и укажите доступные для него методы оплаты (рис. 8, п. 3).

Рисунок 8.

Рассмотрим более подробно доступные методы оплаты.

Оплата картой - способ оплаты картой, привязанной к аккаунту в Yandex.

Split - оплата по частям с помощью сервиса Яндекс Сплит.

Наложенный платеж наличными или картой - оплата при получении заказа наличными или картой.

Отредактировать добавленные методы доставки или удалить их из списка можно по кнопке с карандашом или крестиком, соответственно (рис. 9).

Рисунок 9.

Заметка

Для методов доставки с опциями самовывоза не будет работать гео-фильтр - ограничение по городам, странам или регионам. Для методов, использующих курьерскую доставку, такого ограничения нет.

После заполнения настроек во вкладке "Общие" и "Доставки", сохраните настройки модуля.

На этом настройка модуля завершена. Если все сделано верно, в карточке товара, в корзине и на странице оформления заказа должна появиться кнопка "Быстро оформить с Я.Pay" (рис. 10).

Рисунок 10.

По нажатии на эту кнопку, виджет откроется во всплывающем окне (рис. 11).

Рисунок 11.

После ввода адреса или выбора пункта выдачи и оплаты заказа, покупатель вернется на страницу благодарности на сайте, а в административной панели создастся новый заказ с указанными покупателем данными.

Готово. Мы рассмотрели, как настроить модуль интеграции с YandexPay.