Главная / Инструкция по установке калькулятора неустойки на сайт

Инструкция по установке калькулятора неустойки на сайт

Встроить калькулятор на сайт

Разместите бесплатный калькулятор неустойки с поставщика по Закону № 44-ФЗ на своем сайте

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

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

HTML + JavaScript код (все в одном):

<div style="width: 100%; max-width: 800px; margin: 0 auto;">
  <iframe id="calc44fz-iframe"
          src="https://zakon.guru/calc44fz-embed.html" 
          width="100%" 
          height="800" 
          frameborder="0" 
          scrolling="no"
          style="border: none; overflow: hidden; display: block; transition: height 0.3s ease;">
  </iframe>
</div>

<script>
// Автоподстройка высоты калькулятора
window.addEventListener('message', function(event) {
    if (event.origin === 'https://zakon.guru' && event.data.type === 'calc44fz-resize') {
        const iframe = document.getElementById('calc44fz-iframe');
        if (iframe && event.data.height) {
            iframe.style.height = Math.max(600, event.data.height + 50) + 'px';
        }
    }
});
</script>

Пошаговая инструкция

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

Нажмите кнопку "Скопировать код" выше или выделите весь текст в поле и скопируйте его (Ctrl+C / Cmd+C).

Откройте редактор сайта

Войдите в админ-панель вашего сайта (WordPress, Битрикс, самописный сайт) и откройте HTML-редактор страницы, где должен быть калькулятор.

Вставьте код

Вставьте скопированный код в нужное место на странице. Переключитесь в режим "HTML" или "Код", если используете визуальный редактор.

Сохраните и проверьте

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

Как работает автоподстройка: Калькулятор автоматически сообщает о своей высоте родительской странице. При отображении результатов расчета высота увеличивается, при очистке формы — уменьшается. Переходы происходят плавно с анимацией.

Особенности интеграции

📏

Автоподстройка высоты

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

🎨

Бесшовная интеграция

Отсутствие полос прокрутки и теней — выглядит как часть вашего сайта

📱

Адаптивный дизайн

Отлично работает на всех устройствах — от смартфонов до десктопов

⚡

Быстрая загрузка

Минимальное влияние на скорость загрузки вашего сайта

Преимущества калькулятора:

Полностью бесплатный — никаких скрытых платежей
Актуальные данные — автоматическое обновление ключевых ставок ЦБ РФ
Правовое соответствие — полное соответствие 44-ФЗ и ППРФ №1042
Точные расчеты — вычисления с точностью до копеек
Экспорт результатов — возможность сохранения в Word
Техподдержка — регулярные обновления и улучшения
Поделиться расчетом — генерация ссылок для отправки коллегам
Печать документов — встроенная функция печати результатов

Важно: Код содержит JavaScript для автоподстройки высоты. Если на вашем сайте отключен JavaScript, калькулятор будет работать, но высота останется фиксированной 800px.

Настройка и кастомизация

Изменение ширины: Измените значение max-width: 800px в первой строке кода на нужное вам значение.

Минимальная высота: При необходимости можно изменить минимальную высоту, отредактировав значение Math.max(600, ...) в JavaScript коде.

Позиционирование: Для размещения калькулятора слева или справа замените margin: 0 auto на margin: 0 или добавьте float: left/right.

Системные требования

HTML5 — современные браузеры
JavaScript включен — для автоподстройки высоты
Минимальная ширина: 320px
Рекомендуемая ширина: 800px и более
Поддержка iframe: должна быть разрешена в настройках сайта

Поддержка и контакты

Если у вас возникли вопросы по встраиванию калькулятора или его работе: info@zakon.guru

Без письменного разрешения ООО "Закон.гуру" разрешается использование и доведение до всеобщего сведения материалов, размещенных на сайте, в объеме не более 10% от оригинала при наличии активной гиперссылки. Материалы, содержащиеся в файлах, могут распространяться без изменения их содержания и оформления.

20 лет опыта
в закупках

32 программы
обучения

5/5 рейтинг
по отзывам

⭐⭐⭐⭐⭐

"...Обучение именно здесь одно из лучших вложений в собственные знания. Рекомендую всем коллегам."

Тая Ветрова, Яндекс.Карты

⭐⭐⭐⭐⭐

"Один из лучших образовательных центров. Всегда актуален и лаконичен в представлении информации. Профессиональные преподаватели, современные методические пособия, полезные вебинары. Спасибо за работу."

Евгений Г., Яндекс.Карты

⭐⭐⭐⭐⭐

"Спасибо Закон.гуру - один из лучших образовательных центров. Отличная команда профессионалов, всегда актуальные разборы с учётом изменений в законодательстве. Очень нужные методички и всегда свежие новости."

Любовь А., Яндекс.Карты

⭐⭐⭐⭐⭐

"Тут работаю профессионалы своего дела! Каждый раз с нетерпением ждём новые видео на тг. канале, а так же методические материалы на сайте "Закон. Гуру". Если вы хотите получить знания, вам только сюда!"

Инкогнито 3320, Яндекс.Карты

⭐⭐⭐⭐⭐

"Ребята больше молодцы! Актуальная и свежая информация по гос.закупкам. оперативно реагируют на изменения в законе . доходчиво и грамотно объясняют нормы закона.Спасибо им!"

Андрей Русских, Яндекс.Карты

Все отзывы на Я.Карты