Search

Loan calculator – Widget for websites

This javascript widget can be embedded to your website for free. Also there is paid version with some advantages.

Plans

Free S
Suits for
majority of websites
M
L
No ads
CSS
Technical support
Back link is not required
Usage on private pages
Websites count 1 1 1 1
Limit of shows 1000 250 1500
Price Free
Get code

Demo

Loan amount
$
Loan term
Annual rate
%
Payments type

Loan calculator от calcus.ru

Style examples:
(Click the button to apply the style)
1.
2.
3.
4.
5.
6.
7.

Код виджета

Widget code consists of two parts:

1. Library import. Put this code between <head> and </head> tags.

<script src="https://7calc.net/dist/widget.js"></script>

2. Initialization. Put this code into any place in your template where you want widget to appear.

<div id="calcus-container"></div>
<p style="margin-top: 1em; text-align: center">Loan calculator от <a href="https://7calc.net/loan-calculator">7calc.net</a></p>
<script>
    const options = {
    }

    CalcusWidget.show('Credit', options)
</script>

3. Объект options может содержать следующие настройки:

Параметр Тип Значение по умолчанию Описание
token string Токен для платной версии.
currency string RUB Трехсимвольный код валюты (если используется в калькуляторе).
defaults object {} Значения полей по умолчению. В качестве ключей объекта используются имена полей.
dropdownValues object {} Установить доступные значения в выпадающих полях формы.
Ключи объекта - имена select полей, значения - массив доступных значений.
Неперечисленные значения будут скрыты.
hideFields array [] Скрыть определенные поля из калькулятора.
hideResults array [] Скрыть определенные результаты расчета.
instance integer Используется для установки двух и более калькуляторов на одну страницу. Значение этого параметра должно дублироваться в id контейнера, напр.
<div id="calcus-container-2"></div>

Styling

Since widget is being stored into html directly (without iframe), CSS styles also can be applied directly to widget elements. All user-defined css properties should include !important.

Help

По вопросам установки и настройки виджета: calcus@inbox.ruu