Готовые HTML/JS скрипты. Протестируйте логику и дизайн прямо на этой странице, посмотрите пример кода и скачайте полную версию.
Учитывает площадь (ползунок), тип жилья и дизайн-проект. Отличный вариант для строителей.
Подсчет стоимости уборки: тип услуги, количество комнат и дополнительные опции.
Glassmorphism-дизайн. Сборка сметы на сайт: выбор типа, SEO и учет наценки за срочность.
Теплый дизайн. Расчет кухонь: длина, материал фасадов и класс фурнитуры для сметы.
Строгий корпоративный стиль. Учет налогообложения, штата и валютных операций.
Дизайн "Ретро-калькулятор". Комбинация селектов с коэффициентами для создания любой логики.
После успешной оплаты вы скачаете ZIP-архив. Внутри будет файл calculator-code.txt и подробная инструкция в PDF.
В самом начале скопированного кода найдите строчки TELEGRAM_BOT_TOKEN и CHAT_ID. Вставьте туда данные своего бота, чтобы заявки из калькулятора летели прямо вам в личные сообщения.
Зайдите в редактор страницы на Тильде. Нажмите "Добавить блок" -> Раздел "Другое" -> Выберите блок T123 (HTML-код).
Вставьте весь код в блок, нажмите "Сохранить и закрыть", а затем желтую кнопку "Опубликовать". Калькулятор готов к работе!
Скачайте архив после оплаты, распакуйте его и откройте файл calculator-code.txt в любом текстовом редакторе (например, стандартный Блокнот). Скопируйте всё содержимое от начала до конца.
Если вы хотите, чтобы заявки с калькулятора приходили вам в Telegram, найдите в самом верху скопированного кода строчки TELEGRAM_BOT_TOKEN и TELEGRAM_CHAT_ID и впишите туда данные своего бота.
Зайдите в панель WordPress и откройте нужную страницу. Нажмите на иконку плюсика "+" (Добавить блок). В строке поиска введите "HTML" и выберите встроенный блок "Произвольный HTML". Вставьте наш код в появившееся поле.
Если вы собираете сайт на Elementor: откройте страницу в редакторе. В панели виджетов слева найдите базовый виджет "HTML-код". Перетащите его в нужное место на вашей странице и вставьте скопированный код в поле настроек виджета (в левой колонке).
Нажмите синюю кнопку "Обновить" или "Опубликовать". Готово! Калькулятор автоматически адаптируется под ширину вашей страницы.
Скачайте и распакуйте наш архив. Откройте текстовый файл calculator-code.txt и скопируйте его содержимое. Затем откройте файл вашей страницы (обычно это index.html) в любом редакторе кода (VS Code, Sublime Text, Notepad++).
Найдите в вашем коде тег <body>. Вставьте наш скопированный код ровно в то место, где должен визуально располагаться калькулятор (например, между секциями).
Прямо в вашем HTML-файле, внутри вставленного скрипта, найдите переменные TELEGRAM_BOT_TOKEN и TELEGRAM_CHAT_ID. Замените их значения на ваши, чтобы заявки успешно отправлялись вам в личные сообщения.
Сохраните изменения в файле index.html и откройте его в любом браузере. Стили (CSS) и логика (JS) уже встроены в код, поэтому ничего дополнительно подключать не нужно — калькулятор сразу будет выглядеть стильно и работать.
Наш ИИ-инженер знает всё о коде калькуляторов. Выберите популярный вопрос или задайте свой текстом.
ИИ не справился или вам нужна разработка сложного индивидуального калькулятора?
Связаться с менеджером