Калькулятор на Тильде: как сделать расчёт стоимости для ремонта, окон или мебели без программиста

Какие калькуляторы можно сделать на Тильде

Теория — когда калькулятор вообще нужен, а когда отпугивает, — разобрана в статье про калькулятор стоимости на сайт. Здесь — про то, как собрать его именно на Тильде.

Как работает поле «Калькулятор» в форме

По справке Тильды о калькуляторе в форме заявки, поле «Калькулятор» добавляется в вертикальные формы (BF204N, BF310N, BF311N, BF402N, BF403N, BF502N) и в квиз-блок QZ101. Логика простая:

1. Каждому полю, участвующему в расчёте, даёте имя переменной латиницей: area, type, demolition.
2. Числовые поля — поле количества (в том числе со слайдером) или поле ввода в одну строку. Человек вводит, например, площадь.
3. Поля с выбором — выпадающий список, чекбоксы, вопрос с вариантами, в том числе с картинками. Каждому варианту присваивается число через знак «=»: Косметический = 4500.
4. В поле «Калькулятор» пишете формулу из переменных и знаков + - * / ( ).
5. Задаёте текст до и после результата: «Примерно» и «₽».

Если в шаблоне формы стоят блоки с другими номерами — откройте справку: список блоков Тильда расширяет, и сверяться лучше с актуальной версией.

Чего нет во встроенном калькуляторе

В справке описаны только арифметические действия. Условий «если площадь больше 50 — скидка 10%», округления и минимальной суммы там нет. Часть этого обходится:

• Скидку от объёма можно зашить в варианты: «до 40 м² = 1», «40–80 м² = 0.95», «больше 80 м² = 0.9» — и умножить итог на эту переменную.
• Опции «да/нет» — чекбокс со значением, например «Демонтаж = 600». Не отмечен — в формулу не идёт.
• Минимальную сумму проще написать текстом под результатом: «Минимальный заказ — 15 000 ₽».

Если нужно больше трёх-четырёх таких обходов, это сигнал перейти на внешний конструктор.

Как проверить формулу до публикации

Ошибку в формуле клиент не заметит — он просто увидит странную сумму и уйдёт. Поэтому перед публикацией:

1. Возьмите три реальных заказа из прошлого: маленький, средний и крупный.
2. Введите их параметры в калькулятор на опубликованной странице.
3. Сравните результат с тем, сколько эти заказы стоили на самом деле.
4. Если расхождение больше 20%, ищите, какой параметр не учтён или где неверное значение варианта.
5. Проверьте крайние значения: минимальную и максимальную площадь, все чекбоксы включены и все выключены.

Отдельно проверьте десятичные значения. Если коэффициент записан через запятую, а не через точку, формула может посчитать неверно — используйте тот формат, который указан в справке и примерах Тильды, и проверяйте результат руками.

Если хотите сразу увидеть, как калькулятор встанет на первом экране именно вашего сайта, — мы нарисуем макет.

Формула для ремонта квартиры: пример

Пример условный, цены не рыночные, а для наглядности. Подставьте свои.

Поля формы:

Формула:

(area * type * state + area * demo) * k

Для квартиры 55 м², капитальный ремонт во вторичке с демонтажем и коэффициентом 0,95:

(55 × 9 000 × 1,15 + 55 × 700) × 0,95 = (569 250 + 38 500) × 0,95 ≈ 577 360 ₽.

Показывайте результат вилкой. Встроенное поле выдаёт одно число, поэтому вилку можно сделать текстом после результата: «Примерно 577 360 ₽. Точная смета — после бесплатного замера, обычно ±15%». Или вторым полем калькулятора с формулой ... * 1.15 и подписью «до».

Окна и мебель: что меняется

• Окна. Переменные — ширина, высота, тип профиля (число за м²), количество створок, откосы и подоконник чекбоксами. Формула: width * height / 1000000 * profile + sashes * sash_price + extras, если размеры вводят в миллиметрах.
• Кухня на заказ. Переменные — длина в погонных метрах, материал фасадов, столешница, верхний ряд чекбоксом. Формула: length * (facade + top) + upper * length * upper_price.

Общий принцип: одна главная величина (площадь, метры, квадратура окна) умножается на цену варианта, к ней прибавляются опции.

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

Квиз — это форма по шагам: один вопрос на экране, в конце результат и поле для телефона. В Тильде для этого есть блок QZ101 и его вариации — в блоге Тильды описаны версии с консультантом, с обложкой и с ветвлением, когда следующие вопросы зависят от ответов.

Квиз выигрывает, когда:

• вопросов больше трёх и на одном экране они пугают;
• услуги разные по логике: «новостройка» и «вторичка» требуют разных вопросов;
• хочется подогреть: «Ещё два вопроса — и покажем цену».

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

Как передать расчёт в заявку

Калькулятор, после которого человек просто закрыл вкладку, — красивая игрушка. Нужно, чтобы расчёт превратился в контакт.

1. Поставьте поля контакта в ту же форму. Имя и телефон — сразу под результатом. Кнопка: «Получить смету с этой суммой».
2. Проверьте, что приходит в заявке. Отправьте тестовую заявку и откройте письмо, Telegram или CRM. Должны прийти выбранные параметры: площадь, тип, опции. Если сумма в заявке не видна в нужном виде — менеджер может пересчитать её по параметрам, главное, чтобы они пришли.
3. Настройте цель в Метрике на отправку именно этой формы. Так вы увидите, сколько заявок приходит через калькулятор, — подробнее в статье Яндекс Метрика на Тильде.
4. Подключите заявки к CRM, чтобы параметры расчёта не потерялись в почте. Как связать Тильду с amoCRM или Битрикс24 — в разборе Тильда и CRM.
5. Скажите, что будет после заявки: «Перезвоним за 15 минут в рабочее время и уточним детали». Без этого часть людей боится оставлять телефон.

Показывать сумму до контакта или после

Мы советуем показывать сумму сразу. Калькулятор, который прячет результат за телефоном, многие воспринимают как ловушку и закрывают. Исключение — квиз с длинной цепочкой вопросов, где результат включает не только сумму, но и подборку решений. Там контакт в обмен на результат работает, но доля дошедших до конца будет ниже.

Где калькулятор ставить на странице

• На первом экране — если цена главный вопрос клиента: окна, натяжные потолки, клининг. Слайдер площади прямо под заголовком.
• После блока услуг — если сначала нужно объяснить, чем отличаются варианты: типы ремонта, материалы кухни.
• В попапе по кнопке «Рассчитать стоимость» — если калькулятор длинный и мешает читать страницу.

Не ставьте калькулятор только в самый низ. По нашим наблюдениям на проектах, до последнего экрана длинной страницы доходит меньшинство посетителей, особенно с телефона.

Типичные ошибки калькуляторов на Тильде

Условный пример: что даёт калькулятор

Пример условный, не кейс студии. Компания по остеклению балконов, 2 000 посетителей сайта в месяц из рекламы. Без калькулятора форма «Вызвать замерщика» даёт 1,5% — 30 заявок. Многие уходят, не понимая, во сколько обойдётся работа.

Добавили форму с калькулятором на первом экране: ширина балкона, тип остекления, отделка чекбоксом. Допустим, 25% посетителей начинают считать, а 8% из них оставляют контакт после расчёта — это 40 заявок. Плюс часть людей по-прежнему оставляет заявку через обычную форму. Даже при скромных цифрах заявок становится больше, и они теплее: человек уже видел порядок цены и не отваливается на звонке со словами «ой, дорого».

Пошаговый план: калькулятор за один день

1. Выпишите 3–5 параметров, от которых реально зависит цена.
2. Для каждого параметра определите тип поля и числа для вариантов.
3. Соберите формулу на бумаге и проверьте её на трёх реальных заказах из прошлого.
4. Добавьте вертикальную форму, настройте поля и имена переменных.
5. Добавьте поле «Калькулятор», впишите формулу, задайте текст до и после результата.
6. Поставьте под результатом имя, телефон и кнопку с понятным действием.
7. Отправьте тестовую заявку и проверьте, что пришло.
8. Настройте цель в Метрике и проверьте форму на телефоне.

Если не хочется собирать самим или калькулятор нужен сложнее, оставьте контакты — посмотрим вашу услугу и предложим вариант.