Платежное окно

Функциональность в платежном окне доступна только для платежей картой.

Для отображения платежного окна, можете воспользоваться нашей готовой библиотекой.

1. Создайте кнопку.

Создайте кнопку, которая будет вызывать окно оплаты картой, задайте уникальный тег для кнопки (например: id="payNow").

<button id="payNow" type="button">Payment Demo</button>

2. Сгенерируйте параметры.

Воспользуйтесь библиотекой WebToPay ( Интеграция через библиотеку ) или спецификацией ( Интеграция со спецификацией ) для генерации параметров data и sign.

Дополнительный список параметров с описаниями:

3. Обработка данных после нажатия на кнопку.

Создайте методы, отвечающие за передачу данных после нажатия на кнопку, отображение ошибок и последовательность действий после успешной оплаты.

<script>
    var checkoutApp = new PayseraCheckout.App();
    checkoutApp.on(PayseraCheckout.AppEvent.SUCCESS, function () {
        // happens after successful payment, when window is closed
    });

    checkoutApp.on(PayseraCheckout.AppEvent.ERROR, function (message) {
       // happens after unsuccessful payment when window is closed or when buyer closes window.
        switch (message.code) {
            case PayseraCheckout.ErrorCode.USER_CLOSED:
                // buyer closed window
                break;

            case PayseraCheckout.ErrorCode.CARD_INITIAL_RESULT_FAILED:
                // failed to get payment configuration
                break;

            case PayseraCheckout.ErrorCode.CARD_AUTHORIZATION_FAILED:
                // failed to authorize card
                break;

            case PayseraCheckout.ErrorCode.CARD_RESULT_FAILED:
                // wrong payment status after card authorization/3D secure
                break;

            case PayseraCheckout.ErrorCode.CARD_SIGNATURE_FAILED:
                // failed to perform 3D secure step
                break;
        }
    });

    // Button click event
    var payButton = document.getElementById('payNow');
    payButton.addEventListener('click', function () {
        checkoutApp.pay({
            data: '', // generated data
            sign: '' // generated sign
        });
    });
</script>