Руководство по Web SDK

function onYaPayLoad() {
    const YaPay = window.YaPay;

    // Данные платежа
    const paymentData = {
        // Для отладки нужно явно указать `SANDBOX` окружение,
        // для продакшена параметр можно убрать или указать `PRODUCTION`
        env: YaPay.PaymentEnv.Sandbox,

        // Версия 3 указывает на тип оплаты сервисом Yandex Pay
        // Пользователь производит оплату на форме Yandex Pay,
        // и мерчанту возвращается только результат проведения оплаты
        version: 3,

        // Код валюты в которой будете принимать платежи
        currencyCode: YaPay.CurrencyCode.Rub,

        // Идентификатор продавца, который получают при регистрации в Yandex Pay
        merchantId: '<YOUR_MERCHANT_ID>',

        // ВАЖНО!
        // ID оплачиваемого заказа
        // При его наличии, показывается форма оплаты
        //               а не форма оформления заказа
        orderId: 'order-id',

        // Информация о корзине покупателя (опционально)
        cart: {
            // Состав корзины
            items: [
                {
                    productId: '1',
                    total: '26990.00',
                },
                {
                    productId: '3',
                    // При необходимости указываем кол-во товара
                    quantity: { count: 2 },
                    // Сумма для 2 товаров (7990 * 2)
                    total: '15980.00',
                },
            ],
        },

        // Произвольные доп. данные корзины (опционально)
        // Данные не могут быть длиннее 128 символов после применения encodeURIComponent
        metadata: 'order-metadata',
    };

    // Обработчик на успешную оплату
    function onPaymentSuccess(event) {
        // Заказ успешно оформлен
        // показываем пользователю экран успешного оформления
        console.log(`OrderId — ${event.orderId}\nMetadata — ${event.metadata}`);
    }

    // Обработчик на ошибки при оплате
    function onPaymentError(event) {
        // Выводим информацию о недоступности оплаты в данный момент
        // и предлагаем пользователю другой способ оплаты.
        console.log(`Payment error — ${event.reason}`);
    }

    // Обработчик на отмену оплаты
    function onPaymentAbort(event) {
        // Пользователь закрыл форму Yandex Pay.
        // Предлагаем пользователю другой способ оплаты.
    }

    // Создаем платежную сессию
    YaPay.createSession(paymentData, {
        onSuccess: onPaymentSuccess,
        onAbort: onPaymentAbort,
        onError: onPaymentError,
    })
        .then(function (paymentSession) {
            // Показываем кнопку Yandex Pay на странице.
            paymentSession.mountButton(document.querySelector('#button_container'), {
                type: YaPay.ButtonType.Pay,
                theme: YaPay.ButtonTheme.Black,
                width: YaPay.ButtonWidth.Auto,
            });
        })
        .catch(function (err) {
            // Не получилось создать платежную сессию.
        });
}