Полноценной интеграции с сервисом Tinkoff на данный момент на Платформе нет. Однако, вы можете реализовать приём оплаты, используя код, предоставленный банком Тинькофф, и инструкцию ниже.
 

 

Рассмотрим варианты, как  сделать переход к оплате при нажатии на кнопку и при отправке формы.

В коде платежного виджета есть строка

<form name="TinkoffPayForm" onsubmit="pay(this); return false;">

К тегу <form> нужно добавить id, который может указываться английскими буквами и цифрами, а также установить скрытие виджета с помощью class="hidden".
Пример:

<form id="formtinkoff1" class="hidden" name="TinkoffPayForm" onsubmit="pay(this); return false;">

В этом случае id это formtinkoff1 и добавлен class="hidden"

Для каждой кнопки или формы Тинькофф необходимо вручную изменять информацию о сумме товара, его названии и т.д.
Информацию, как это сделать, можно найти в документации:
По платёжному виджету и кнопке «Купи в кредит»

У платёжного виджета (для кнопки подобное сделать нельзя) вы можете так же выбрать, выполнять оплату на той же странице или открыть дополнительное окно.
Для этого находим строку с name="frame":

<input class="tinkoffPayRow" type="hidden" name="frame" value="true">

И задаём значение value:
true (при переходе к оплате будет открываться окно на текущей странице) или false (будет осуществляться переход на новую страницу).


Теперь переходим к настройкам:

  1. Переход к оплате при нажатии на кнопку
  2. Переход к оплате сразу после отправки формы
  3. Использование оплаты Тинькофф вместе с корзиной

 

1. Переход к оплате при нажатии на кнопку

1. Вставьте виджет "HTML-код" в любом месте страницы. (Желательно рядом с кнопкой, чтобы потом не потерять код от нее.) 

2. В настройках виджета "HTML-код" вставьте код платежного виджета, в котором будет указан id и class, как мы делали в самом начале инструкции, а также вставлены свои настройки оплаты.

3. В действии кнопки укажите "Выполнить Javascript" и вставьте такой код:

$("#formtinkoff1").submit()

formtinkoff1 в коде - это указание id на нужный платежный виджет. Если будет несколько товаров со своими платежными виджетами, то для каждого виджета в коде должен указываться разный id.

Готово! Настройка выполнена 🎉
 

2. Переход к оплате сразу после отправки формы

1. Вставьте виджет "HTML-код" в любом месте страницы. (Желательно рядом с кнопкой, чтобы потом не потерять код от нее.) 

2. В настройках виджета "HTML-код" вставьте код платежного виджета, в котором будет указан id и class, как мы делали в самом начале инструкции, а также вставлены свои настройки оплаты.

3. В действии формы укажите "Вставка HTML кода" или "Сообщение + вставка HTML кода" и вставьте такой код:

<script>
$("#formtinkoff1").submit()
</script>

formtinkoff1 в коде - это указание id  на нужный платежный виджет. Если будет несколько товаров со своими платежными виджетами, то для каждого виджета в коде должен указываться разный id.

Обратите внимание, что для удобства понимания - через какую форму перешли к оплате, вы можете указать со стороны Платформы название. Данная информация со стороны сервиса Тинькофф отражена не будет, но в информации о заявке со стороны Платформы вы увидите название формы, время и другие данные для идентификации клиента. 

Готово! Настройка выполнена 🎉
  

3. Использование оплаты Тинькофф вместе с корзиной

Данная настройка подойдёт только для использования с платёжным виджетом Тинькофф и позволит принимать оплату на странице разных сумм.

1. Выполняем настройку корзины по инструкции:  «Kак настроить корзину?»
2. Устанавливаем виджет "HTML-код" в любом месте страницы. (Желательно рядом с кнопкой, чтобы потом не потерять код от нее.) 

И в настройках виджета "HTML-код" устанавливаем код платежного виджета:

В стилях виджета указываем hidden, чтобы скрыть форму на опубликованной странице.

hidden

3. Переходим к форме Платформы в корзине. Выбираем Действие после отправки:
"Сообщение + HTML код" или просто "HTML код":

Указываем сообщение(если нужно) и добавляем код для вставки:

<% var sum = 0; %>
<% items.forEach(function(b, i, arr) { %>
<% b.price = b.price.replace(/\s/g, '');  %>
<% sum += parseInt(b.price); %>
<% }); %>
<% $('[name=TinkoffPayForm] [name=amount]').val(sum); %>
<% $('[name=TinkoffPayForm] [name=name]').val(name); %>
<% $('[name=TinkoffPayForm] [name=email]').val(email); %>
<% $('[name=TinkoffPayForm] [name=phone]').val(phone); %>
<% $('[name=TinkoffPayForm]').submit(); %>

Готово 🎉 Настройка завершена. Можно протестировать работу на опубликованной версии страницы.

Вы нашли ответ?