Здесь показаны различия между двумя версиями данной страницы.
Both sides previous revision Предыдущая версия Следущая версия | Предыдущая версия | ||
modal-form [2017/07/01 03:57] admin |
modal-form [2023/02/14 08:59] (текущий) support |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
====== Платежная форма во всплывающем (модальном) окне ====== | ====== Платежная форма во всплывающем (модальном) окне ====== | ||
- | 1 Для использования платежной формы у себя на сайте, нужно будет скачать и добавить к себе на сайт скрипт.\\ | + | 1 Для использования платежной формы у себя на сайте, нужно скачать и добавить к себе на сайт скрипт.\\ |
- | Исходники фреймов загружены на Onpay в папке public и доступны здесь | + | Исходники JS для фрейма доступны здесь https://secure.onpay.ru/scripts/onpay_frame.js |
- | https://secure.onpay.ru/scripts/onpay_frame.js | + | |
2 Чтобы открыть платежную форму нужно добавить вызов метода run от объекта OnpayPayment. Или написать подобную функцию pay(): | 2 Чтобы открыть платежную форму нужно добавить вызов метода run от объекта OnpayPayment. Или написать подобную функцию pay(): | ||
''function pay() {\\ | ''function pay() {\\ | ||
- | . . var t = new OnpayPayment({\\ | + | . var t = new OnpayPayment({\\ |
. . sum: 10, . . . . . . . . . . . . . - Сумма для оплаты в рублях.\\ | . . sum: 10, . . . . . . . . . . . . . - Сумма для оплаты в рублях.\\ | ||
. . pay_for: 'Тестовый платеж', . . . - Название платежа (за что платит клиент)\\ | . . pay_for: 'Тестовый платеж', . . . - Название платежа (за что платит клиент)\\ | ||
Строка 16: | Строка 15: | ||
};''\\ | };''\\ | ||
+ | {{:фрейм_скрипт.png?nolink|Вызов объекта OnpayPayment}}\\ | ||
3 На вашей странице откроется модальное окно с платежной формой. | 3 На вашей странице откроется модальное окно с платежной формой. | ||
Строка 27: | Строка 27: | ||
//Шаг 1. Пользователь вводит свои данные для совершения оплаты. \\ | //Шаг 1. Пользователь вводит свои данные для совершения оплаты. \\ | ||
- | {{:фрейм_1.png?nolink|}}\\ | + | {{:фрейм_1.png?nolink|Всплывающая форма}}\\ |
\\ | \\ | ||
- | Шаг 2. Затем подтверждает свои данные с помощью 3DS в этой же форме. Что гарантирует отсутствие возвратов и надежность плательщика.\\ | + | Шаг 2. Затем подтверждает свой платеж с помощью 3DS-кода из SMS в этой. \\ |
\\ | \\ | ||
- | {{:фрейм_2.png?nolink|}}\\ | + | {{:фрейм_2.png?nolink|Успешный платеж}}\\ |