Подключение Yandex Pay к интернет‑магазину: пошаговое руководство

В 2026 году Yandex Pay стал одним из самых удобных и выгодных способов оплаты онлайн‑покупок. В этой статье мы подробно разберём, как подключить сервис к вашему интернет‑магазину, какие преимущества он даёт бизнесу, а также пошагово покажем способы интеграции как на веб‑сайте, так и в мобильном приложении.

Почему Yandex Pay стоит подключить бизнесу?

• Быстрый способ оплаты – пользователь может оформить заказ в 2‑3 клика, не вводя данные карты вручную.
• Кешбэк и бонусы – каждый клиент получает возврат части суммы, а вы привлекаете постоянных покупателей.
• Поддержка кредитных и рассречных платежей – повышает средний чек и конверсию.
• Высокая степень безопасности – транзакции проходят через защищённый шлюз Yandex.
• Интеграция с другими сервисами Яндекса – возможность объединять с Яндекс.Деньги, Яндекс.Касса и т.д.

Технические требования к сайту

Перед тем как начинать интеграцию, убедитесь, что ваш веб‑сайт соответствует следующим требованиям:

1. Веб‑страницы должны обслуживаться по протоколу HTTPS.
2. Наличие JavaScript API – Yandex Pay Web SDK подключается как обычный скрипт.
3. Сервер должен поддерживать JSON‑формат для обмена данными.
4. Возможность работы с cookie и localStorage для хранения токенов.
5. Если вы используете CMS, убедитесь, что она поддерживает добавление внешних скриптов.

Шаги подключения Yandex Pay к сайту

Регистрация в Yandex Pay

1. Перейдите на официальный сайт Yandex Pay.
2. Нажмите «Регистрация продавца» и заполните форму компании.
3. Подтвердите данные через электронную почту и получите тестовый идентификатор продавца.

Выбор способа интеграции

• GateLine – сервис, который позволяет подключить Yandex Pay, а также другие платежные системы, через одну точку входа.
• Yandex Pay Web SDK – JavaScript‑SDK, который добавляет кнопку «Оплатить по Yandex Pay» и обеспечивает быстрый checkout.
• QR‑код – если ваш магазин физический, можно разместить QR‑код для оплаты через Yandex Pay.

Подключение через GateLine

1. Создайте аккаунт в GateLine и добавьте ваш сайт.
2. Выберите «Yandex Pay» в списке доступных платежных систем.
3. Следуйте инструкциям по настройке – вам понадобится ваш тестовый идентификатор продавца и API‑ключи.
4. GateLine автоматически генерирует скрипт, который вставляется в код вашего сайта.

Подключение через Yandex Pay Web SDK

2. Инициализируйте платежную кнопку:

YandexPay.init({
 clientId: 'ВАШ_CLIENT_ID',
 publicKey: 'ВАША_PUBLIC_KEY',
 environment: 'sandbox' // или 'production'
});

YandexPay.createButton({
 container: '#yandex-pay-button',
 buttonType: 'pay',
 amount: 12345, // в копейках
 currency: 'RUB',
 description: 'Товар №1',
 onSuccess: function(response) {
 // обработка успешной оплаты
 },
 onFailure: function(error) {
 // обработка ошибки
 }
});

4. Разместите кнопку в нужном месте вашего сайта:

Тестирование

• В режиме «sandbox» можно использовать тестовые карты, указанные в документации Yandex Pay.
• Проверьте, что клиент получает чек, а вы видите транзакцию в личном кабинете Yandex Pay.
• После успешного тестирования переключите окружение на production.

Подключение Yandex Pay в мобильном приложении

Для Android и iOS процесс похожий, но использует SDK‑пакеты.

Android

1. Добавьте зависимость в build.gradle:

implementation 'ru.yandex.pay:pay-sdk-android:1.0.0'

2. Инициализируйте SDK в Application:

YandexPay.initialize(this, "ВАШ_CLIENT_ID", "ВАША_PUBLIC_KEY");

3. Создайте кнопку оплаты в активности:

YandexPayButton payButton = findViewById(R.id.pay_button);
payButton.setAmount(12345);
payButton.setCurrency("RUB");
payButton.setDescription("Товар №1");
payButton.setOnPaymentResultListener(new YandexPayButton.OnPaymentResultListener {
 @Override
 public void onSuccess(PaymentResult result) {
 // обработка
 }
 @Override
 public void onError(PaymentError error) {
 // обработка
 }
});

iOS

1. Скачайте .framework из репозитория Yandex Pay и добавьте в проект.
2. Инициализируйте SDK в AppDelegate:

import YandexPay

YandexPay.initialize(clientId: "ВАШ_CLIENT_ID", publicKey: "ВАША_PUBLIC_KEY", environment: .sandbox)

3. Добавьте кнопку оплаты в ViewController:

let payButton = YandexPayButton
payButton.amount = 12345
payButton.currency = "RUB"
payButton.description = "Товар №1"
payButton.onSuccess = { result in
 // обработка
}
payButton.onFailure = { error in
 // обработка
}
view.addSubview(payButton)

Как получить и использовать кешбэк

1. После каждой успешной транзакции вам начисляется кешбэк, который отображается в личном кабинете Yandex Pay.
2. Кешбэк можно вывести на банковскую карту или использовать для оплаты следующих заказов.
3. Важный момент: кешбэк начисляется только после подтверждения платежа продавцом (событие payment_completed).

Часто задаваемые вопросы

• Какие карты поддерживаются? — Visa, MasterCard, JCB, МИР и карты Яндекс.Денег.
• Можно ли подключить Yandex Pay только в мобильном приложении? — Да, можно использовать либо SDK, либо интеграцию через GateLine.
• Как быстро проверить работу?, Используйте режим sandbox и тестовые карты, указанные в официальной документации.
• Можно ли объединить Yandex Pay с другими платежными системами? — Да, через GateLine вы можете подключить несколько систем и переключать их в зависимости от предпочтений клиента.

Подключение Yandex Pay к вашему бизнесу – это шаг к повышению конверсии, снижению стоимости привлечения клиентов и улучшению пользовательского опыта. Следуя описанным шагам, вы сможете быстро и надёжно интегрировать сервис как на веб‑сайте, так и в мобильном приложении. Начните с тестовой среды, проверьте все сценарии, а затем переключитесь в продакшн и наблюдайте, как растёт ваш оборот и лояльность клиентов.

Если возникнут вопросы, обратитесь в поддержку Yandex Pay – специалисты помогут настроить всё быстро и без лишних хлопот.