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

Author Автор: Роман Чернышов    Опубликовано: 17 декабря 2018

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

Установка

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

О кнопке

кнопка Купить в кредит от Тинькофф

Кнопка представляет собой 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 самостоятельно.

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;
}

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

Заключение

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

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

Оставить комментарий

Автор блога
Чернышов Роман
Роман Чернышов
Веб-разработчик, Full Stack
Senior, Architector
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка