Найти тему

Тинькофф рассрочка на сайт

Оглавление

Рассрочка от тинькофф и тильда: пошаговая инструкция

Недавно в одном из своих проектов столкнулась со следующей проблемой:

С 1 августа 2023 года будет использоваться новый тип подключения рассрочки Тинькофф на сайт. Старый тип интеграции перестанет поддерживаться с 1 января 2024 года (по факту у многих интеграция не работает уже сейчас).

На сайте банка нет понятной пошаговой инструкции по подключению, поэтому я разобралась сама и делюсь ей с вами.

Тип интеграции:

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

для иных случаев есть возможность интегрировать рассрочку в корзину

Рассрочка от тинькофф тильда
Рассрочка от тинькофф тильда

Инструкция:

Я использовала код для подключения рассрочки в модальном окне.

рассрочка тинькофф на сайт в модальном окне
рассрочка тинькофф на сайт в модальном окне

Шаг 1. В настройках сайта вставляете следующий скрипт внутрь head (так он будет применяться ко всем страницам):

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

-4

Шаг 2. Создаем zero block и добавляем add html

-5

Шаг 3. Вставляем код, в нем задаем свой shopID и showcaseID (их нужно запросить у менеджера банка), далее меняем название продукта, цену и итоговую сумму

Для того, чтобы задать необходимый период рассрочки вставьте свой promoCode (тоже у менеджера лучше запросить )

-6
Важно! Прежде чем запускать рассрочку протестируйте ее в demoFlow (7 строка, нужно добавить demo перед Flow). Далее для старта продаж слово demo необходимо будет стереть.

У кнопки можно менять size (S — маленький 32px, M — cредний 56px, L — большой 112px), но поскольку все равно попиксельно настроить ее не получится, советую html код выравнивать по левому краю, как в моем случае:

-7

Шаг 4. Сохраняем изменения и следуем инструкции повторно необходимое количество раз

P.S кнопку можно также добавить через блок T123 (пропуская шаг 1)

  • ШАБЛОН КОДА ИНТЕГРАЦИИ РАССРОЧКИ ОТ ТИНЬКОФФ НА САЙТ:

Шаблон кода можете посмотреть у меня в Telegram (кликнув на слово) в комментариях под одноименным постом

____________________________________

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

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

Помогла статья?

Поблагодарить автора можно здесь