Калькуляторы/Виджет для сайта

Калькулятор кровли на ваш сайт

Любой из наших калькуляторов можно бесплатно встроить на свой сайт, блог или форум — одной строкой кода. Расчёт работает прямо у вас на странице, регистрация не нужна.

Выберите калькулятор

Тот, что подходит вашей теме — от площади кровли до сметы ремонта.

Скопируйте код

Одна вставка: калькулятор + короткая ссылка на источник.

Вставьте на страницу

В HTML статьи или блок «произвольный код» — заработает сразу.

Калькулятор для встраивания

Код для вставки

Ссылка на источник в коде — обычная активная ссылка. Оставьте её, пожалуйста: это единственное условие бесплатного использования.

Как это выглядит

Дополнительно: авто-подстройка высоты

По умолчанию высота фиксированная. Если хотите, чтобы блок сам подстраивал высоту под содержимое, добавьте этот скрипт один раз перед закрывающим тегом </body>:

<script>
window.addEventListener('message',function(e){
  if(e.data&&e.data.krovkalkHeight){
    document.querySelectorAll('iframe[src*="krovkalk.ru/embed/"]').forEach(function(f){
      if(e.data.slug&&f.src.indexOf(e.data.slug)>-1)f.style.height=(e.data.krovkalkHeight+20)+'px';
    });
  }
});
</script>

Зачем встраивать калькулятор

Интерактивный калькулятор даёт читателю возможность ввести свои размеры и получить результат прямо в статье. Для материала про кровлю, расчёт материалов или ремонт это готовый полезный блок, который не нужно программировать.

Как это работает

Калькулятор загружается в рамке (iframe) с нашего сайта и считает прямо в браузере посетителя. Введённые в калькулятор значения не отправляются на сервер. Обновления формул подгружаются вместе с виджетом.

Условия использования

Встраивание бесплатное для любых сайтов. Единственная просьба — сохранять ссылку на источник, которая идёт вместе с кодом. Если нужен калькулятор под конкретную задачу или в фирменном стиле — напишите нам через форму заявки.