Калькулятор ціни на сайті: коли він продає і як його зробити

Калькулятор ціни на сайті продає тоді, коли вартість послуги залежить від трьох–шести зрозумілих параметрів, які клієнт знає сам: площа, кількість, розмір, поверх. У цьому разі людина отримує суму одразу, без дзвінка, і залишає заявку вже з готовим розрахунком. Якщо ж ціну неможливо назвати без огляду чи розмови, калькулятор лише створить хибні очікування — тут краще працює форма з кількома уточненнями.

Коли калькулятор доречний, а коли ні

Доречний, якщо:

• ціна складається за формулою, яку ви й так використовуєте в розмові з клієнтом;
• параметри прості й не потребують вимірювань фахівцем;
• питання «скільки це коштує?» — найчастіше у дзвінках і листах;
• замовлення типове й повторюване: прибирання, миття вікон, друк, доставка, монтаж за стандартною схемою.

Не доречний, якщо:

• кожен проєкт індивідуальний і залежить від обстеження;
• розкид ціни такий великий, що «від… до…» нічого не каже;
• для розрахунку клієнту треба знати те, чого він не знає: марку матеріалу, перетин кабелю, тип основи.

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

Які поля питати

Кожне поле зменшує кількість людей, які дійдуть до результату. Тому правило одне: питати лише те, що справді змінює ціну.

• Спершу найпростіше. Тип об’єкта, розмір, кількість — те, що людина знає напам’ять.
• Вибір замість введення. Кнопки з варіантами заповнюють швидше й без помилок, ніж текстове поле.
• Зрозумілі слова. «Форма даху: двосхилий, плаский, складний», а не внутрішній термін із кошторису.
• Різні сценарії — різні калькулятори. Якщо для приватних і комерційних клієнтів логіка відрізняється, краще два прості розрахунки з перемикачем, ніж один заплутаний.
• Перевірка відповідей. Якщо питання пропущено, його треба підсвітити й показати людині, а не мовчки видати нуль.

Контакти — після результату, не перед ним. Вимога залишити телефон, щоб побачити ціну, сприймається як пастка.

Миттєвий результат і чесна примітка

Сума має з’являтися одразу після відповіді на останнє питання й оновлюватися при зміні параметрів. Для простих формул розрахунок виконується прямо в браузері: сторінка не перезавантажується, і людина може «погратися» з варіантами.

Більшість відвідувачів рахуватиме з телефона. Тому кнопки варіантів мають бути великими, поля для чисел — відкривати цифрову клавіатуру, а підсумок — лишатися на видноті, поки людина змінює відповіді. Якщо для результату треба прокрутити три екрани, частина людей його просто не побачить.

Поруч із сумою варто написати, що в неї входить: робота, матеріали, виїзд. Якщо ціна орієнтовна, скажіть про це прямо й поясніть, від чого залежить остаточна. Така примітка не відлякує, а захищає від суперечки на об’єкті.

Що робити з числом далі

Розрахунок сам по собі — ще не замовлення. Важливо, куди веде кнопка під сумою.

Головне — не змушувати людину вдруге вводити те, що вона щойно вибрала. Параметри й сума мають дійти до менеджера разом із заявкою. Менеджерові теж потрібен порядок: список заявок зі статусами — нова, передоплату внесено, виконано, скасовано — і сповіщення про кожну нову заявку в пошту чи месенджер. Без цього розрахунки губляться серед листів.

Як влаштувати саму оплату, ми докладніше описали на прикладі медичного сайту: онлайн-оплата на сайті клініки.

Ціни в адмінці, а не в коді

Прайс змінюється частіше, ніж сайт. Якщо для кожного оновлення потрібен програміст, ціни в калькуляторі швидко відстануть від реальних. Тому вартість кожної послуги, розмір депозиту та знижки варто винести в налаштування.

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

Коли позицій багато, зручніше оновлювати прайс файлом: завантажили таблицю — і ціни змінилися на всіх товарах.

З нашої практики: миття вікон, блискавкозахист, картини

Для компанії Max Window Cleaning ми зробили плагін із двома калькуляторами — для житлових і комерційних об’єктів — із перемикачем між ними та кількістю вікон по поверхах. Після розрахунку клієнт обирає дату й час і сплачує депозит через Square або оформлює підписку: щотижневу, двотижневу, місячну чи квартальну, з окремою знижкою для кожного періоду. Депозит задається у відсотках або фіксованою сумою. Усі заявки потрапляють в адмінку, де менеджер змінює статуси та надсилає посилання на доплату залишку. Ціни послуг, режим депозиту та знижки змінюються в налаштуваннях без правок коду. Листи клієнту й адміністратору мають редактор шаблону, а сповіщення дублюються в Telegram.

Калькулятор для SHOV Elektro влаштований простіше. Відвідувач відповідає на чотири запитання про будинок — площа, кількість поверхів, форма даху, готовність заземлення — і одразу бачить орієнтовну ціну блискавкозахисту в чеських кронах із приміткою, що вона орієнтовна. Розрахунок відбувається в браузері. Якщо якесь запитання пропущено, блок підсвічується, і сторінка прокручується до нього. Кнопка замовлення відкриває форму, куди сума підставляється автоматично.

У магазині Omnia Holst калькулятор вбудований у сторінку товару: ціна картини рахується від обраного розміру та параметрів, і замовлення одразу йде на оформлення. Прайс оновлюється завантаженням CSV-файлу в адмінці, без ручного редагування товарів.

Висновок

Перш ніж замовляти калькулятор, запишіть формулу, за якою ви рахуєте ціну по телефону. Якщо вона вміщується в кілька питань із зрозумілими варіантами, калькулятор зніме з вас частину дзвінків і приведе заявки з уже погодженою сумою. Якщо ні — почніть із форми.

Калькулятор найкраще працює на сторінці конкретної послуги; як їх побудувати, читайте в статті про структуру сайту для локального бізнесу. А на типові питання після розрахунку може відповідати помічник — про це наш матеріал про ШІ-чат для інтернет-магазину.

Такі інструменти ми робимо як окремі плагіни в межах розробки на WordPress. Надішліть нам свою формулу — підкажемо, який сценарій підійде.