- Created by Igor Gorin, last modified on Feb 18, 2021
Оформлення платіжної сторінки на сайті - зручне рішення для прийому платежів на сайті. Візуально клієнт не переходить на окремий сайт, а залишається на сайті інтернет-магазину.
Використання оплати через платіжний віджет (платіжний iframe допоможе торговцю надати покупцям оптимальний і безпечний спосіб оплати в інтернеті. Що таке iFrame оплата, і які особливості даного сервісу?
iframe - правильне рішення для просування бізнесу в інтернеті
Розберемо, що таке iframe? Це особливий додатковий елемент (кадр), що дозволяє на сторінці вашого сайту вбудовувати елементи інших сайтів. У будь-якому місці на вашій сторінки спливає інтерактивний мультимедійний з іншого джерела. Наприклад, щоб не перенаправляти клієнта для проведення оплати в інтернеті-магазині на платіжну сторінку, частина цієї сторінки спливає на вашому сайті у вигляді iFrame-файлу.
У перекладі з англійської «inline frame» - вбудовується вікно. Тобто, по суті, ви вбудовуєте вікно з сайту платіжного сервісу на вашому сайті, адаптуєте його під ваш дизайн, щоб клієнту полегшити і прискорити оплату товарів або послуг. Технологія оплати через iframe - це найкраща можливість для підприємців, що розвивають свій бізнес в інтернеті, що дозволяє поєднати вимоги стандартів безпеки PCI DSS і забезпечувати максимально комфортний спосіб оплати для покупців.
Як запустити iFrame оплату на сайті?
Сервіс онлайн оплати UPC e-Commerce Connect надає можливість торговцям впровадити технологію проведення платіжних операцій з плаваючим фреймом на своєму сайті. Його використання таке ж просте, як і використання стандартної платіжної сторінки.
Тепер вашим клієнтам суттєво спрощено процедуру проведення платежів. Спливаюче вікно може містити форму для оплати, і при цьому клієнт не перенаправлений на іншу сторінку. Важливо, що покупець зберігає візуальний контакт з вашим сайтом протягом усього процесу вибору товарів, оформлення покупки і здійснення платежу. Спливаючу платіжну сторінку рекомендується оформити в стилі дизайну вашого сайту, щоб вона не виглядала як стороння.
Переваги використання платіжного віджета (iframe)
Використання сучасних методів для проведення платежів в інтернеті - це не тільки швидко і зручно. Технологія iframe оплати надає Торговцю ряд додаткових переваг:
- Сторінка для оплати виглядає як природне продовження інтернет-магазину. Візуально процес проведення платежу проходить на вашому сайті
- Для проведення платежу не потрібно заходити на іншу сторінку або сайт
- Розміщення кнопки «Купити» в будь-якому місці на сторінці сайту
- Комфортна оплата стимулює покупців повертатися в ваш інтернет-магазин
- Оптимальний спосіб оплати для сайтів без «кошиків»
- Безпека і анонімність. Сервіс UPC e-Commerce Connect гарантує збереження всіх даних клієнтів
Підключення платіжного віджета
Підключення платіжного віджета майже ніяк не відрізняється від підключення платіжної сторінки, окрім дзвінків iFrame
Приклад підключення
<html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body onload="submit()"> <iframe name="myFrame" width="50%" height="70%" frameborder="0" > <form action="https://secure.upc.ua/go/pay" method="POST"> <input name="Version" type="hidden" value="1" /> <input name="MerchantID" type="hidden" value="1756322" /> <input name="TerminalID" type="hidden" value="E7884161" /> <input name="TotalAmount" type="hidden" value="1000" /> <input name="Currency" type="hidden" value="980" /> <input name="AltTotalAmount" type="hidden" value="300" /> <input name="AltCurrency" type="hidden" value="978" /> <input name="locale" type="hidden" value="ua" /> <input name="delay" type="hidden" value="0" /> <input name="PurchaseTime" type="hidden" value="25082020102258"/> <input id="order" name="OrderID" type="1588"/> <input name="PurchaseDesc" type="hidden" value="payment" /> <input name="Signature" type="hidden" value=""/> <button id="submit">go</button> </form> </iframe> </body> </html> <script type="text/javascript"> document.getElementById('order').value = Math.floor(Math.random() * 10000); function submit() { document.getElementById("submit").click(); // Імітує натискання кнопки //document.submitForm.submit(); // Відправляє форму без кнопки } </script>
Опис параметрів - Запит на авторизацію
- No labels