Наш javascript-виджет может быть установлен на ваш сайт совершенно бесплатно. Так же предлагаем и платные версии для сайтов разной посещаемости.
| Free | S
Для большинства
сайтов |
M
Для сайтов
с высокой посещаемостью |
L
Индивидуальные
условия |
|
| Отсутствие рекламы | ||||
| Стилизация с помощью CSS | ||||
| Техническая поддержка | ||||
| Отсутствие лейбла CALCUS.RU | ||||
| Размещение в закрытых разделах | ||||
| Количество сайтов | 1 | 1 | 1 | 1 |
| Количество показов виджета в сутки | 1000 | 250 | 1500 | ∞ |
| Цена | Бесплатно | 1000 ₽ / год | 6000 ₽ / год | По запросу |
| Получить код | Купить | Купить | Запросить |
Код виджета состоит из двух частей:
1. Подключение библиотеки. Поместите этот код между тегами <head> и </head> вашего сайта.
<script src="https://calcus.ru/dist/widget.js"></script>
2. Инициализация виджета. Поместите этот код в то место, где должен располагаться виджет калькулятора.
<div id="calcus-container"></div>
<script>
const options = {
}
CalcusWidget.show('ApartDeduction', options)
</script>
Объект options может содержать следующие настройки:
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
| token | string | Токен для платной версии. | |
| currency | string | RUB | Трехсимвольный код валюты (если используется в калькуляторе). |
| defaults | object | {} | Значения полей по умолчению. В качестве ключей объекта используются имена полей. |
| dropdownValues | object | {} |
Установить доступные значения в выпадающих полях формы. Ключи объекта - имена select полей, значения - массив доступных значений. Неперечисленные значения будут скрыты. |
| hideFields | array | [] | Скрыть определенные поля из калькулятора. |
| hideResults | array | [] | Скрыть определенные результаты расчета. |
| instance | integer |
Используется для установки двух и более калькуляторов на одну страницу. Значение этого параметра должно дублироваться в id контейнера, напр. <div id="calcus-container-2"></div> |
Способ встраивания виджета на страницу позволяет стилизовать его прямым изменением CSS-свойств. Все пользовательские значения css-свойств должны содержать !important.
/* Цвет фона калькулятора */
.calc-form {
background-color: #f7f7f7 !important;
}
/* Цвет футера (для того, чтобы цвет футера отличался от основного фона) */
.calc-footer {
background-color: #eeeeee !important;
}
/* Рамка */
.calc-form {
border: 1px solid #eee !important;
}
/* Цвет ссылок */
.calc-form a {
color: #336600 !important;
}
/* Цвет кнопки */
.calc-submit {
background-color: mediumseagreen !important;
}
/* Цвет индикатора загрузки */
.loading-row .spinner-border {
color: mediumseagreen;
}
По вопросам установки и настройки виджета: letter@calcus.ru
Ознакомиться с подробной информацией о порядке оказания услуги, условиях оплаты и возврата денежных средств можно по ссылке.
Устанавливая виджет на свой ресурс, вы соглашаетесь с тем, что портал calcus.ru не несет ответственность за некорректное отображение виджета, некорректную работу виджета, за информацию, размещенную в виджете, за ошибки в расчетах калькулятора и за последствия, возникшие по причине вышеперечисленных обстоятельств.
Портал calcus.ru оставляет за собой право изменять по своему усмотрению HTML код калькуляторов, в результате чего стили, которые применены к калькулятору могут перестать работать корректно. Пользователи, которые приобрели платные тарифы будут уведомлены по электронной почте в случае таких изменений.
Код виджета состоит из двух частей:
1. Подключение библиотеки. Поместите этот код между тегами <head> и </head> вашего сайта.
<script src="https://calcus.ru/dist/widget.js"></script>
2. Инициализация виджета. Поместите этот код в то место, где должен располагаться виджет калькулятора.
<div id="calcus-container"></div>
<script>
const options = {
}
CalcusWidget.show('ApartDeduction', options)
</script>
Объект options может содержать следующие настройки:
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
| token | string | Токен для платной версии. | |
| currency | string | RUB | Трехсимвольный код валюты (если используется в калькуляторе). |
| defaults | object | {} | Значения полей по умолчению. В качестве ключей объекта используются имена полей. |
| dropdownValues | object | {} |
Установить доступные значения в выпадающих полях формы. Ключи объекта - имена select полей, значения - массив доступных значений. Неперечисленные значения будут скрыты. |
| hideFields | array | [] | Скрыть определенные поля из калькулятора. |
| hideResults | array | [] | Скрыть определенные результаты расчета. |
| instance | integer |
Используется для установки двух и более калькуляторов на одну страницу. Значение этого параметра должно дублироваться в id контейнера, напр. <div id="calcus-container-2"></div> |
| Сохраненные расчеты |
/ 5
|