Библиотека Checkout Popup¶

Использование библиотеки позволяют открыть форму QIWI как всплывающее окно (поверх сайта партнёра). В библиотеке реализованы методы:

создание счёта;
открытие формы оплаты для уже существующего счёта.

Для установки и подключения библиотеки добавьте скрипт в код сайта:

<script src='https://oplata.qiwi.com/popup/v2.js'></script>

Обратите внимание

Если платёжная форма открыта как всплывающее окно с сайта партнёра, оплата QIWI Кошельком может быть недоступна: при аутентификации в QIWI Кошельке устанавливаются cookie домена qiwi.com, а некоторые браузеры блокируют установку cookie сторонних доменов. Подробнее см. в документации WebKit.

Создание счёта¶

Чтобы создать счёт и открыть форму оплаты, вызовите метод QiwiCheckout.createInvoice, указав параметры:

Параметр	Описание	Тип/Формат
publicKey amount phone email comment	См. описание и тип одноименных параметров в таблице раздела «Интернет-эквайринг» → «Оплата с формы QIWI» → «Оплата без использования API» → «Оплата по ссылке или QR-коду» → «Создание ссылки на оплату»
account	Идентификатор клиента в системе партнёра	String
customFields	Дополнительные данные счёта. Список доступных полей см. в описании одноименного параметра запроса на создание счёта	Object
lifetime	См. описание в статье «Интернет-эквайринг» → Термины и бизнес-сущности → «Срок жизни счёта»	`ГГГГ-ММ-ДДTччмм`

Открытие формы оплаты для уже существующего счёта¶

Этот метод может быть использован на этапе 4 одношагового или двухшагового сценария оплаты с формы QIWI с помощью API.

Чтобы открыть форму оплаты ранее созданного счёта, вызовите метод QiwiCheckout.openInvoice, указав параметры:

Параметр	Описание	Тип/Формат
payUrl	Обязательный параметр. См. описание в статье «Интернет-эквайринг» → «Оплата с формы QIWI» → «Платёжная форма QIWI» → «URL-адрес формы»	String