Разместить кнопку

Кнопка PayQR представляет собой стандартную кнопку интернет-сайта в одном из предусмотренных дизайнов, которая вызывает popup-окно PayQR для совершения покупки. Кнопка PayQR позволяет

И то и другое работает в интересах интернет-сайта на увеличение конверсии в успешные покупки, позволяя покупателям проходить этапы регистрации, оформления заказа и его оплаты с гораздо меньшим сопротивлением.

Для размещения кнопки необходимо вставить тег <button>Купить быстрее</button> и настроить его атрибуты для правильной работы PayQR.

Код кнопок PayQR выглядит примерно так: 

<button
  class="payqr-button"
  data-scenario="buy"
  data-cart='[{"article":"123123","name":"Хороший товар","quantity":"1","amount":"500.00","imageurl":"http://modastuff.ru/item1.jpg"},{"article":"123123","name":"Очень хороший товар","quantity":"2","amount":"1000.00","imageurl":"http://modastuff.ru/item2.jpg"}]'
  data-amount="2500.00"
  style="width: 163px; height: 36px;"
> Купить быстрее </button>

Для подключения скрипта PayQR к интернет-сайту скопируйте в секцию head подключаемого интернет-сайта сгенерированный код из личного кабинета. Найти его можно в разделе «Магазины» на странице подключаемого «Магазина» на вкладке «Техническая интеграция». В коде скрипта будет присутствовать уникальный номер подключаемого «Магазина».


Атрибуты логики PayQR

class="payqr-button"

Для корректной работы бизнес-логики PayQR необходимо указать класс кнопки payqr-button. При отображении кнопки к ней применятся стили по умолчанию, при нажатии на кнопку откроется попап и запустится логика покупки

data-scenario

Необходимо указать запускаемый сценарий - покупка или оплата. Возможные значения:

buy
покупка
pay
оплата

Для сценария покупки на кнопке будет написано "Купить быстрее", для сценария оплаты на кнопке будет написано "Оплатить быстрее"


Атрибуты параметров заказа

Cтоимость заказа обязательно должна быть указана как для сценария покупки, так и для сценария оплаты.

data-amount

Стоимость заказа в рублях. Сумма не может быть меньше 1 и должна содержать целое число копеек.

data-cart

Содержание заказа (список товаров/услуг или общее описание). Массив позиций заказа в формате JSON. Каждая позиция в списке товаров/услуг - это один элемент массива с перечисленными ниже атрибутами. В data-cart посылать можно столько элементов (товаров/услуг), сколько необходимо. Товары/услуги будут отображаться в списке в PayQR именно в том порядке, в котором элементы массивов были переданы интернет-сайтом в поле data-cart в кнопке.

article

Внутренний идентификатор позиции продавца (артикул)

name

Название позиции

quantity

Количество товаров/услуг в позиции

amount

Стоимость позиции (всех товаров/услуг в позиции)

imageUrl

Ссылка продавца на изображение позиции


Параметры запрашиваемых данных

data-firstname-required

Заполняет ли пользователь имя.

data-middlename-required

Заполняет ли пользователь отчество.

data-lastname-required

Заполняет ли пользователь фамилию.

data-phone-required

Заполняет ли пользователь телефон.

data-email-required

Заполняет ли пользователь e-mail.

data-delivery-required

Заполняет ли пользователь адрес доставки