Интеграция на сайт кнопки Купить в кредит от Тинькофф

Доброго времени друзья! В борьбе за возможностью предоставить покупателям лучший сервис и условия покупки товара, а вместе с этим увеличить количество продаж, хорошим решением будет предоставление покупателем возможности купить товар в кредит, прямо на сайте. Банк Тинькофф предоставляет специальную кнопку(виджет) — «Купить в кредит», которую можно установить на сайт в раздел корзины, на страницу оплаты или страницу товара.

Установка

Установку я производил на сайт интернет магазина работающий на Prestashop, сложностей не возникло. На сайте используются модифицированные модули в том числе модуль корзины, перекинул несколько переменных из его контроллера в шаблон на Smarty, далее на JS сгенерировал форму кнопки с данными о товарах и заказчике, предусмотрел возможность продолжения работы с сайтом и оформления заказа на нем, после перехода на сайт банка(чтобы данные о заказах не терялись и поступали в админпанель сайта и CRM).

О кнопке

Кнопка представляет собой HTML форму, которая содержит скрытые поля с информацией о интернет магазине, покупателе и товаре. Код формы, устанавливается на сайт и в него подтягиваются все необходимые данные данные, которые при нажатии кнопки «Купить в кредит «, передаются на сайт банка, где пользователь может пройти процедуру оформления кредита на товар.

Пример кода HTML формы:

Просмотр кода HTML

<form action="https://loans-qa.tcsbank.ru/api/partners/v1/lightweight/create" method="post">
<input name="shopId" value="test_online" type="hidden"/>у
<input name="showcaseId" value="test_online" type="hidden"/>
<input name="promoCode" value="default" type="hidden"/>
<input name="sum" value="99000.00" type="hidden">
<input name="itemName_0" value="Apple iPhone 7 256 GB Onyx" type="hidden"/>
<input name="itemQuantity_0" value="1" type="hidden"/>
<input name="itemPrice_0" value="59000.00" type="hidden"/> 
<input name="itemCategory_0" value="iPhone Apple" type="hidden"/>   
<input name="itemName_1" value="Apple iPhone 6S 128GB Onyx" type="hidden"/>
<input name="itemQuantity_1" value="1" type="hidden"/>
<input name="itemPrice_1" value="40000.00" type="hidden"/>
<input name="itemCategory_1" value="iPhone Apple" type="hidden"/>   
<input name="customerEmail" value="customer@tinkoff.ru" type="hidden"/>
<input name="customerPhone" value="+79031234567" type="hidden"/>
<input type="submit" value="Купи в кредит"/>
</form>

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

Просмотр кода CSS

input[type="submit"] {
    cursor:pointer;
    margin-bottom: 0;
    font-weight: 400 !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px !important;
    line-height: 1.42857143;
    border-radius: 4px;
    display: inline-block;
    background-size: cover;
    background-color: #ffdf00;
    border: none;
    width: 170px;
    color: #000;
    padding: 7px 12px !important;
    float: left;
    margin: 0 0 10px 120px;
}

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

Заключение

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

Кнопку можно установить на любой сайт, независимо от того на каком движке он работает, а также на каком хостинге он размещен. Буду рад поработать с вами, обращайтесь!

Заказать >>