Це прототип, зібраний до оплати. Тарифи, товари та розрахунки — навчальні й не є банківською пропозицією.
M
Monophone
смартфони · гаджети · сервіс

Калькулятор оплати частинами

демо-режим

01 Параметри покупки

Банк-партнер
Кількість платежів

02 Розрахунок

Щомісячний платіж
оберіть банк та кількість платежів
Вартість покупки
Перший внесок сплачується одразу
Сума розстрочки
Комісія банку за весь термін
Подорожчання
Загальна сума до сплати
тіло
комісія

03 Графік платежів

Дата списанняСума
Дати відлічуються від сьогодні. Останній платіж вирівнює копійки.

04 Тарифи банків · редагується

Банк 3 міс4 міс6 міс 9 міс12 міс разова
Ставка — % на місяць від суми розстрочки, «разова» — одноразова комісія у % при оформленні. Порожня клітинка = термін у цього банку недоступний. Змініть будь-яке число — розрахунок вище перерахується миттєво.
У робочій версії ця таблиця живе в адмін-панелі: ви правите тарифи самі, код не чіпається.

05 Вбудовування на сайт

<div id="monophone-pay"></div>
<script src="/widget/monophone-pay.js"
        data-target="#monophone-pay"
        data-price="41999"
        data-tariffs="/widget/tariffs.json"
        data-accent="#0f4cff"></script>
  1. Блок ставиться в будь-яке місце сторінки — картка товару, кошик, окрема сторінка «Оплата частинами».
  2. data-price можна підставляти з картки товару, тоді поле суми заповнюється саме.
  3. Тарифи читаються з tariffs.json — саме тієї структури, що в таблиці зліва.
  4. Віджет не тягне сторонніх бібліотек і не ламає верстку сайту: свої стилі ізольовані.
  5. Ширина адаптивна — від 320 px до повної колонки.
Це демо зібране спеціально під вашу задачу і швидко, щоб ви бачили результат, а не обіцянку. У роботі будуть ваші матеріали, ваші дані і час на перевірку, тому вона вийде не швидшою, а точнішою. Вихідні файли передаю після угоди.