Как подключить калькулятор uCalc к сайту на Turbosite
uCalc — российский конструктор онлайн-калькуляторов и форм для сайта. Лидер рынка, используется для расчёта стоимости услуг (ремонт, доставка, кейтеринг и т.п.) и сбора заявок. Базовая версия бесплатная, продвинутые функции — на платных тарифах. Совместим с любыми сайтами, где можно вставить HTML. Установка занимает 10–15 минут.
Что понадобится
- Аккаунт в uCalc — бесплатная регистрация на ucalc.pro
- Опубликованный сайт на Turbosite
- 10–15 минут (плюс время на создание самого калькулятора)
Шаг 1. Создать калькулятор в uCalc
- Зарегистрируйтесь на ucalc.pro и войдите в личный кабинет.
- Нажмите «Создать» → выберите шаблон по вашей сфере (ремонт, доставка, образование и т.п.) или начните с пустого.
- В визуальном редакторе:
- Добавьте поля: чекбоксы, выпадающие списки, поля ввода, изображения.
- Настройте формулы расчёта (если калькулятор должен считать сумму).
- Добавьте форму контактов: имя, телефон, email.
- Настройте антиспам-защиту (встроенный механизм или reCAPTCHA).
- Настройте дизайн: цвета, шрифты, фон.
- На вкладке «Уведомления» укажите email или интеграцию с CRM, куда отправлять заявки.
- Сохраните проект.
📷 Скриншот: визуальный редактор uCalc с настроенным калькулятором.
Шаг 2. Получить код для сайта
- В верхней панели редактора нажмите «Получить код» (или вкладку «Установка на сайт»).
- Выберите формат:
- JavaScript-код — рекомендуемый, легче и быстрее загружается.
- iframe — простая вставка как блок.
- Скопируйте сгенерированный код целиком.
📷 Скриншот: окно с кодом для вставки на сайт.
Шаг 3. Вставить код в Turbosite
Калькулятор появляется в определённом месте страницы, поэтому код вставляется в тело страницы.
- Откройте ваш сайт в Turbosite.
- Добавьте блок «HTML-код» в нужное место страницы (обычно — секция с описанием услуги или отдельный блок «Рассчитать стоимость»).
- Вставьте скопированный код uCalc.
- Сохраните изменения.
- Опубликуйте сайт.
📷 [скриншот Turbosite — будет добавлен: блок HTML-код в теле страницы с калькулятором uCalc].
Шаг 4. Проверить, что калькулятор работает
- Откройте опубликованный сайт.
- Прокрутите до калькулятора — он должен загрузиться и быть интерактивным.
- Заполните поля, проверьте, что итоговая сумма считается правильно.
- Отправьте тестовую заявку.
- Проверьте, что заявка пришла на email или в CRM (если настроена интеграция).
Частые вопросы
Калькулятор не отображается. Проверьте полноту кода, публикацию сайта, отсутствие блокировщиков. Если используете JavaScript-код — он должен подгрузиться полностью, в консоли браузера не должно быть ошибок.
Можно ли стилизовать под мой сайт? Да, в редакторе uCalc настраиваются цвета, шрифты, фон, отступы. Если нужна тонкая стилизация — на платных тарифах доступен произвольный CSS.
Куда приходят заявки? По умолчанию — на email, который вы указали. Можно настроить отправку в CRM (amoCRM, Bitrix24, AirCRM) или через Zapier — куда угодно. Это настраивается в личном кабинете uCalc без правок кода сайта.
Калькулятор тормозит загрузку сайта. JavaScript-версия загружается асинхронно и почти не влияет на скорость. iframe — может быть чуть медленнее. Для большой страницы с несколькими виджетами используйте JS-вариант.
Сколько стоит? Базовая версия с одним калькулятором — бесплатно. Платные тарифы — для дополнительных функций (несколько проектов, аналитика, интеграции, кастомный CSS). Цены — на странице тарифов.
Куда смотреть дальше
- База знаний uCalc — статьи и инструкции
- Личный кабинет uCalc — создание и редактирование калькуляторов
- Шаблоны калькуляторов — готовые решения по отраслям
