• Сайти · Next.js

Калькулятор на сайті: людина хоче знати порядок цифри до того, як назве вам своє імʼя

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

Подивитись, як це працює
Вартість
після безкоштовного аудиту
Гарантія
30 днів після підписання акта
Спеціалізація
сайти для виробників і компаній послуг
після безкоштовного аудиту
Вартість
30
Гарантія

днів після підписання акта

сайти для виробників і компаній послуг
Спеціалізація
від 5 до 25 робочих днів
Строк
безкоштовний розбір формули
Початок
протягом 2 годин
Відповідь
за письмовим договором
Робота
Що входить

Повний перелік робіт і того, що ви отримуєте на виході

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

Що не входить у роботу — щоб не було сюрпризів на здачі

  • складання самої методики розрахунку замість вас
  • гарантія, що орієнтовна цифра збіжиться з договірною
  • публікація ваших закупівельних цін і структури націнки
  • інженерні чи проєктні розрахунки, які потребують ліцензії
  • обіцянки кількості заявок
Кому підходить

Ситуації, у яких ця послуга дає результат

Сценарій 1 із 4

Виробник, у якого ціна залежить від розміру

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

Розберемо вашу ситуацію на безкоштовному аудиті
Безкоштовний розбір формули

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

Що ми міряємо

  • Як ви рахуєте заразТаблиця, файл у менеджера чи знання в голові. Останній випадок найчастіший і найскладніший: формулу спершу треба витягти й записати.
  • Скільки параметрів насправдіТри поля — це калькулятор. Пʼятнадцять — це вже анкета, яку ніхто не дозаповнить. Часто корисно рахувати грубіше, зате до кінця.
  • Наскільки цифра буде близькоюЯкщо орієнтовна сума розходиться з договірною вдвічі, калькулятор шкодить: людина приходить із цифрою, яку ви не підтвердите.
  • Що робити з нетиповимУ кожного бізнесу є замовлення поза формулою. Треба вирішити наперед, що показувати в таких випадках, а не видавати випадкову суму.
  • Хто оновлюватиме ціниКалькулятор зі старими цінами гірший за його відсутність. Якщо оновлювати нікому, це головний аргумент проти всієї затії.
  • Показувати суму всім чи після контактуЦе рішення власника. Ми покажемо наслідки обох варіантів: приховування цифри за формою зазвичай зменшує кількість розрахунків у рази.

Що ви отримуєте

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

Строк: 2–4 робочих дні

Чому це безкоштовно

Головне питання не в коді, а в тому, чи існує у вас формула взагалі. Поки її не витягнеш і не запишеш, будь-яка оцінка буде вигаданою.

Що далі

Ви отримуєте чернетку формули й оцінку. Далі вирішуєте самі — документ лишається у вас.

Коротка форма: контакт і адреса сайту

  • Договір, акт і гарантія 30 днів

    На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня.

  • ФОП і безготівковий розрахунок

    Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами.

  • Права й доступи — ваші

    Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику оформлюємо на вас.

  • Портал клієнта замість переписки

    На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці.

  • Замовники з Європи

    Серед робіт — проєкти для Норвегії, Болгарії, Молдови та Іспанії.

  • Цифри, які можна перевірити

    Кожен кейс у портфоліо — з посиланням на живий сайт і технічним виміром.

  • Спершу аудит, потім сума

    Прайсу на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази.

  • Кажемо «ні», коли не впевнені

    Якщо задача не наша або строк нереальний — скажемо одразу.

Що впливає на вартість

Чому дві однакові на вигляд задачі рахуються по-різному

  • Складність формулиМноження площі на ціну — це кілька днів. Розрахунок із коефіцієнтами, таблицями відповідності й винятками для окремих матеріалів — інша задача.
  • Готовність правилЯкщо формула вже записана, ми її переносимо. Якщо вона живе в голові менеджера, спершу треба її витягти — і саме це зазвичай найдовше.
  • Звідки беруться ціниЗашиті в код — дешево й незручно. Окрема таблиця для редагування — дорожче на старті. Підтягування з обліку — окрема інтеграція.
  • Вигляд результатуОдна цифра проста. Розкладка з переліком позицій, кількістю матеріалу й запасом — це вже маленький документ, який має бути зрозумілим.
  • Перехід у заявкуПросто кнопка — мінімум роботи. Передача всіх параметрів у CRM з поіменованими полями, щоб менеджер бачив розрахунок, — окремий обсяг.
  • Кількість сценаріївОдин калькулятор для однієї послуги простий. Кілька різних для різних напрямків — це майже кілька задач, навіть якщо вигляд у них спільний.
Кейси

Задачі та результат у цифрах — усі показники зняті нашим виміром

український виробник негорючих стінових панелей

Задача
Показати технічну продукцію так, щоб проєктувальник і замовник з тендеру знаходили характеристики без дзвінка менеджеру.
Рішення
Корпоративний сайт на Next.js із каталогом продукції, калькулятором і структурованими даними. Розмітка Organization з адресою, країною і пошуковим сценарієм — щоб бренд коректно розпізнавався пошуком.
Результат
164 сторінки в карті сайту без жодного дубля; перша відповідь сервера 208-244 мс, картка продукції 208 мс; 8 типів структурованих даних (Organization, PostalAddress, Country, QuantitativeValue, SearchAction, WebSite, ImageObject, EntryPoint); коректний robots із закритими службовими розділами; аналітика підключена.

оптовий магазин будівельних матеріалів (B2B)

Задача
Оптовий продаж будматеріалів у Києві: каталог на тисячі позицій, оптові ціни за рівнями замовника, розрахунок за палетами й обсягом, швидке повторне замовлення для постійних клієнтів. Головна вимога — швидкість роботи каталогу при великому асортименті.
Рішення
Магазин на OpenCart (PHP/MySQL/JavaScript). Оплата: WayForPay, безготівковий розрахунок за рахунком і готівка; доставка Новою Поштою та самовивіз. Підключено Google Tag Manager (GTM-KLKK299), GA4 (G-DR6CCN9R5B) і ремаркетинг Google Ads (AW-10933820071) з подіями view_item_list та google_business_vertical=retail. Дві мовні версії uk/ru, мобільний viewport, зв'язок через Telegram і Viber.
Результат
Станом на 31.07.2026 магазин працює (HTTP 200, HTTPS) з каталогом на 3 145 товарів — цифра порахована посторінково через пошук OpenCart (32 сторінки по 100 позицій, на останній 45). Перша відповідь сервера — 547 мс, повне завантаження HTML — 686 мс при 212 КБ. Підключені GTM, GA4 і ремаркетинг Google Ads з подіями перегляду товарів, оплата WayForPay і безготівковий розрахунок, доставка Новою Поштою.

Не знайшли свій випадок?

Опишіть, як це влаштовано у вас, — відповімо, чи підходить «Калькулятор вартості на сайті» і що це означає у вашій ситуації. Без брифу й без дзвінка: одне питання, одна відповідь.

Етапи роботи

Прозорі етапи з погодженням на кожному кроці

Загальний строк:5–25 днів

  1. Витягування формули

    2–4 робочих дні

    Розбираємо, як ви рахуєте зараз: таблиці, файли, звички менеджера. Записуємо це правилами, які можна перевірити. Найважливіший етап усієї роботи.

  2. Погодження полів

    1–3 робочих дні

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

  3. Розрахунок

    3–10 робочих днів

    Реалізуємо формулу, коефіцієнти й винятки, а також поведінку для значень поза межами. Звіряємо результат із вашими ручними розрахунками на реальних прикладах.

  4. Вигляд і результат

    2–6 робочих днів

    Робимо зрозумілу видачу: не гола цифра, а з чого вона склалась і що в неї не входить. Перевіряємо на телефоні, бо рахують здебільшого звідти.

  5. Заявка й аналітика

    1–3 робочих дні

    Звʼязуємо розрахунок із формою: параметри переходять у заявку, менеджер бачить, що саме рахувала людина. Ставимо події, щоб знати, де кидають.

  6. Передача й оновлення

    1–2 робочих дні

    Показуємо, як міняти ціни й коефіцієнти самим, і фіксуємо це письмово. Далі діє гарантія 30 днів з дня підписання акта.

Технології та інтеграції

На чому будуємо і з чим це з'єднується

Стек

  • Next.js
  • React
  • TypeScript
  • JavaScript
  • PHP
  • OpenCart
  • WordPress
  • PostgreSQL
  • MySQL
  • Git

Інтеграції

  • CRM
  • Google Analytics 4
  • Google Tag Manager
  • Email
  • Telegram
  • Google Sheets
Калькулятор чи «залиште заявку — прорахуємо»

Чим цей варіант відрізняється від альтернативи

Відповідь на питання про цінуодразу, орієнтовно
Нецільові зверненнячастина відсівається сама
Готовність людини до розмовиприходить із параметрами й очікуванням
Ризикцифра може розійтися з договірною
Коли форма кращашкодить, якщо ціна залежить від огляду обʼєкта
Що потрібно від вас

Без цього не почнемо — краще підготувати заздалегідь

  1. формула або правила, за якими ви рахуєте зараз, у будь-якому вигляді
  2. приклади реальних розрахунків, щоб звірити результат
  3. які параметри питати в людини, а які підставляти самим
  4. що робити з випадками, які не вкладаються у формулу
  5. чи показувати цифру всім, чи лише після залишення контакту
  6. хто з вашого боку приймає роботу

Якщо чогось із цього немає — скажіть, підкажемо, як зібрати або зробимо самі окремою задачею.

Часті питання

Те, що питають найчастіше — з конкретними відповідями

У нас немає формули, менеджер рахує за досвідом. Що робити?

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

А якщо порахована сума не збіжиться з договірною?

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

Скільки полів має бути?

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

Чи показувати результат тільки після залишення телефона?

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

Хто оновлюватиме ціни?

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

Чи можна рахувати кількість матеріалу, а не гроші?

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

Скільки це триває?

Від 5 до 25 робочих днів. Проста формула з трьома полями — тиждень. Розрахунок із коефіцієнтами, таблицями відповідності й передачею параметрів у CRM ближче до верхньої межі. Найдовше зазвичай не програмування, а витягування формули з голови менеджера.

Це принесе більше заявок?

Кількість не обіцяємо. Що змінюється точно — характер звернень: люди приходять із параметрами й уявленням про порядок цифри, а частина нецільових відсівається сама. Ми ставимо події аналітики, щоб ви бачили, скільки розрахунків переходить у заявки, і судили за своїми даними.

Перевірмо, чи перекладається ваш розрахунок у калькулятор

Подивимось, як ви рахуєте зараз, і складемо чернетку формули. Розбір безкоштовний, відповідаємо протягом 2 годин.

З виміряних кейсівСтаном на 31.07.2026 магазин працює (HTTP 200, HTTPS) з каталогом на 3 145 товарів

Дивитись кейси
  • Відповідь протягом 2 годин
  • Без зобов’язань
  • Працюємо за договором

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