Шаблоны страниц оплаты

Нет необходимости тратить время и ресурсы на изучение и техническую реализацию сценариев оплаты. Мы сделали это за вас! Просто выберите нужные опции, а разработанные нами библиотека Payture.js и страницы оплаты адаптируются под любые нужды.

Использование библиотеки Payture.js позволяет Продавцу упростить процесс работы с шаблонами при проведении оплаты на стороне платежного шлюза.

Библиотека содержит всю необходимую функциональность для корректного сбора и отправки данных банковской карты Покупателя при оплате и привязке карты. Она используется в шаблонах оплаты, привязки карт и странице возврата на стороне шлюза в интерфейсах Payture InPay и Payture eWallet.

Ниже приведен ряд примеров, позволяющих быстро перейти к использованию библиотеки Payture.js. Подробную техническую документацию по работе с библиотекой Вы можете скачать здесь.

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

Подготовка к работе с библиотекой
Вставьте в HTML код своей страницы оплаты следующие скрипты:
Код скопирован!

    <script type="text/javascript" src="/Templates/_Resources/3DPartyUtils/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/Templates/_Resources/3DPartyUtils/jquery.maskedinput.min.js"></script>
    <script type="text/javascript" src="/Templates/_Resources/3DPartyUtils/jquery.payment.js"></script>
    <script type="text/javascript" src="/Templates/_Resources/3DPartyUtils/fingerprint2.js"></script>        
    <script type="text/javascript" src="/Templates/_Resources/CommonJSUtils/bins.js"></script>
    <script type="text/javascript" src="/Templates/_Resources/errors.js"></script>
    <script type="text/javascript" src="/Templates/_Resources/payture-3.2.js"></script>
            
Основные требования к шаблонам
Содержание файлов
Имена файлов
  • На странице оплаты должно присутствовать скрытое поле Key со значением {key}, в котором передаются параметры платежа.
  • HTML-код страницы должен содержать блок с текстом {error}, который выводится при возникновении ошибки. Блок с плейсхолдером {error} используется для вывода ошибок при не JSON типе ответа сервера. Блок с id="errorTop" используется для вывода ошибок при JSON типе ответа сервера.
  • На странице шаблона не должно быть ссылок, перенаправляющих пользователей на сторонние веб-сайты.
  • На странице шаблона запрещено использование внешних ресурсов, т.е. все изображения, файлы стилей и скриптов должны передаваться вместе со страницами шаблонов.
  • Дополнительные параметры платежа могут быть переданы вами при инициализации сессии в параметре DATA. Для вывода их на странице оплаты следует использовать запись {param}, где {param} – это имя передаваемого параметра в нижнем регистре.
  • Ссылки на используемые ресурсы (стили, изображения) должны иметь вид /Templates/{Key}/{File}, где {Key} – идентификатор продавца.
  • В случае использования нескольких шаблонов необходимо хранить все ресурсы в общей папке.
  • Возможно использование нескольких языков. В этих случаях вы передаете параметр {Language} в составе параметров DATA при инициализации сессии.
  • На странице оплаты должно присутствовать скрытое поле Key со значением {key}, в котором передаются параметры платежа.
  • HTML-код страницы должен содержать блок с текстом {error}, который выводится при возникновении ошибки. Блок с плейсхолдером {error} используется для вывода ошибок при не JSON типе ответа сервера. Блок с id="errorTop" используется для вывода ошибок при JSON типе ответа сервера.
  • На странице шаблона не должно быть ссылок, перенаправляющих пользователей на сторонние веб-сайты.
  • На странице шаблона запрещено использование внешних ресурсов, т.е. все изображения, файлы стилей и скриптов должны передаваться вместе со страницами шаблонов.
  • Дополнительные параметры платежа могут быть переданы вами при инициализации сессии в параметре DATA. Для вывода их на странице оплаты следует использовать запись {param}, где {param} – это имя передаваемого параметра в нижнем регистре.
  • Ссылки на используемые ресурсы (стили, изображения) должны иметь вид /Templates/{Key}/{File}, где {Key} – идентификатор продавца.
  • В случае использования нескольких шаблонов необходимо хранить все ресурсы в общей папке.
  • Возможно использование нескольких языков. В этих случаях вы передаете параметр {Language} в составе параметров DATA при инициализации сессии.

Подключить онлайн-платежи