Перейти к основному содержимому

Интеграция кнопки

Подключение​

Подключите скрипт через тег <script> в раздел <head>:

<script src="https://forma.tinkoff.ru/static/onlineScript.js"></script>

Добавление кнопки на страницу​

Определите, какие параметры нужно передавать при создании заявки, и добавьте их в кнопку. Измените тестовые параметры shopId и showcaseId на те, что получили при интеграции. Их можно посмотреть в личном кабинете руководителя.

Пример кнопки с отображением в модальном окне по умолчанию с нужным минимальным набором параметров:

Пример​

Кнопка с отображением в новой вкладке и предзаполненными данными покупателя

<tinkoff-create-button
  size="M"
  subtext="от 3400 ₽ в месяц"
  shopId="SHOP_ID"
  showcaseId="SHOWCASE_ID"
  ui-data="productType=installment&useReturnLinks=true&view=newTab"
  payment-data="demoFlow=sms&items.0.name=Hasta&items.0.price=19626.15&items.0.quantity=1&items.1.name=Hasta&items.1.price=1444.50&items.1.quantity=1&items.2.name=Hasta&items.2.price=84.15&items.2.quantity=1&promoCode=installment_0_0_6_5,85&sum=21154.80&values.contact.fio.firstName=Иван&values.contact.fio.lastName=Петров&values.contact.fio.middleName=Иванович&values.contact.mobilePhone=+7 (988) 777-66-55"
 ></tinkoff-create-button>

Пример​

Кнопка с всплывающим меню, позволяющая пользователю выбрать из нескольких продуктов

<tinkoff-create-button
  size="M"
  subtext="от 3400 ₽ в месяц"
  promo-code-select="items.0.text=На 3 месяца&items.0.value=installment_0_0_3_4&items.1.text=На 6 месяцев&items.1.value=installment_0_0_6_5,85&items.2.text=На 10 месяцев&items.2.value=installment_0_0_10_10"
  shopId="SHOP_ID"
  showcaseId="SHOWCASE_ID"
  ui-data="productType=installment&useReturnLinks=true&view=newTab"
  payment-data="demoFlow=sms&items.0.name=Hasta&items.0.price=19626.15&items.0.quantity=1&items.1.name=Hasta&items.1.price=1444.50&items.1.quantity=1&items.2.name=Hasta&items.2.price=84.15&items.2.quantity=1&sum=21154.80&values.contact.fio.firstName=Иван&values.contact.fio.lastName=Петров&values.contact.fio.middleName=Иванович&values.contact.mobilePhone=+7 (988) 777-66-55"
 ></tinkoff-create-button>