Платежи через виджет

Подключение

Для того, чтобы на вашем сайте встроить платежный виджет, необходимо подключить JavaScript-код на странице оплаты.

<script src="https://paymaster.ru/cpay/sdk/payment-widget.js"></script>

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

function pay () {

    var paymentWidget = new cpay.PaymentWidget();

    paymentWidget.init({
        merchantId: "cf128151-127b-44ed-bde5-26c531cad20d",
        invoice: {
            description: "test payment"
        },
        amount: {
            value: 10.50,
            currency: "RUB"
        }
    });
}

Функция инициализии может быть вызвана, например, по нажатию кнопки "Оплатить".

<button onclick="pay()">Оплатить</button>

Описание параметров

Обязательные параметры выделены жирным шрифтом.

Дополнительные поля

У полей с типами select и checkbox вы можете задать добавочную сумму additionalAmount, которая будет автоматически добавляться к основной сумме счета, в зависимости от выбора плательщика.

Если вы хотите, чтобы плательщик сам указывал сумму, то amount.value необходимо задать 0 и добавить поле с типом input и названием amount. Поле должно быть обязательным.

Также, если вы хотите, чтобы плательщик сам выбирал сумму, то amount.value необходимо задать 0 и добавить поле с типом select, у которого все опции selectOptions содержат additionalAmount. Поле также должно быть обязательным.

Для того, чтобы плательщик указывал свой e-mail или телефон, вам необходимо добавить поле с типом input и названием customerEmail или customerPhone соответственно. Поля могут быть необязательными.

Создание счета через API

Если вы используете API для создания счета и хотите использовать платежный виджет, то полученную ссылку на оплату необходимо передать в функцию инициализии.

var paymentWidget = new cpay.PaymentWidget();

paymentWidget.init({
    invoice: {
        url: "https://paymaster.ru/cpay/a62beecb68c84778b2424294f635b370"
    }
});