Сколько стоит доработка сайта на JavaScript: калькулятор, фильтр, личный кабинет
JavaScript - язык, на котором «оживает» сайт в браузере: без перезагрузки страницы меняется корзина, считается цена, фильтруется каталог, открывается личный кабинет. Владелец заказывает «калькулятор как у конкурента» или «фильтр по 12 параметрам», а в смете появляются цифры от $300 до $40 000 - и непонятно, где правда. Ниже - реальные вилки по трём самым частым доработкам в 2026 году, что входит в работу, когда хватит плагина, а когда нужен frontend-разработчик, и какие скрытые расходы съедают бюджет после сдачи проекта.
- Простой калькулятор (3-7 полей, формула на клиенте) - $300-1 500, 2-7 дней
- Сложный калькулятор (PDF, email, CRM, много шагов) - $2 000-8 000, 2-5 недель
- Фильтр каталога (без перезагрузки, до 500 SKU) - $800-3 000, 1-2 недели
- Тяжёлый фильтр (10 000+ товаров, AJAX, SEO) - $3 000-12 000, 3-6 недель
- Личный кабинет (вход, 3-5 разделов на CMS) - $3 000-15 000, 3-8 недель
- Личный кабинет SPA (React/Vue, API, роли) - $15 000-60 000+, 2-5 месяцев
- Главный драйвер цены - не «JavaScript как таковой», а связка с backend, данными и дизайном
Что такое «доработка на JavaScript» для владельца
Доработка на JavaScript - это не «поставить виджет из каталога плагинов», а написание или изменение кода, который выполняется в браузере посетителя. Сервер (PHP, Django, Node.js) отдаёт HTML и данные; JS реагирует на клики, считает, фильтрует, отправляет запросы к API.
Три типовых заказа, которые путают в одну строку «сделайте интерактив»:
| Доработка | Что видит клиент | Где живёт логика |
|---|---|---|
| Калькулятор | Поля, слайдеры, итоговая сумма, кнопка «Заказать» | Часто только JS; иногда + API для тарифов |
| Фильтр | Чекбоксы, цена «от-до», сортировка без белого экрана | JS + запросы к серверу или кэшу |
| Личный кабинет | Вход, заказы, документы, профиль | JS (часто React/Vue) + backend + БД |
Важно: цену на калькулятор нельзя переносить на личный кабинет. Это разные по объёму продукты, как «покрасить дверь» и «построить пристройку».
Калькулятор на сайте: типы и бюджет
Простой калькулятор ($300-1 500)
Сценарий: лендинг услуг, доставка, ремонт, страховка - 3-7 полей, формула известна (площадь x цена за м² + коэффициент). Результат на экране, кнопка «Оставить заявку» подставляет сумму в форму.
Что входит:
- вёрстка блока под дизайн сайта;
- расчёт в браузере (без сохранения в БД);
- базовая валидация (не пустые поля, минимум/максимум);
- адаптив под мобильные.
Срок: 2-7 рабочих дней. Ставка: $40-80/час фриланс или фикс $300-1 500.
Когда хватает: маркетинговый лендинг, WordPress с одной услугой, нет личных тарифов по клиентам.
Средний калькулятор ($1 500-4 000)
Сценарий: 8-15 полей, зависимости («выбрал тип крыши - меняются опции»), несколько пакетов, сравнение «базовый / премиум», сохранение черновика в localStorage.
Дополнительно к простому:
- ветвление логики, табы или шаги (wizard);
- экспорт результата в PDF на клиенте или через backend;
- отправка расчёта на email менеджеру;
- интеграция с CRM (webhook, AmoCRM, Bitrix24).
Срок: 1-3 недели.
Сложный калькулятор ($4 000-15 000+)
Сценарий: B2B-цены по договору, тарифы из 1С/API, мультивалютность, роли (дилер видит другую скидку), аудит расчётов, юридически значимый PDF.
Почему дорого:
- backend обязателен - нельзя хранить секретные цены только в JS (их видно в DevTools);
- синхронизация с ERP, кэш, обработка ошибок API;
- тесты на граничные случаи, согласование с юристами/финансами.
Срок: 3-8 недель. Часто это уже мини-продукт, а не «виджет на страницу».
Таблица: калькулятор - ориентиры 2026
| Уровень | Бюджет | Срок | Нужен backend? |
|---|---|---|---|
| Простой | $300-1 500 | 2-7 дней | Нет |
| Средний | $1 500-4 000 | 1-3 недели | Частично (email, CRM) |
| Сложный | $4 000-15 000+ | 3-8 недель | Да |
| Конфигуратор (мебель, IT) | $10 000-40 000+ | 2-4 месяца | Да + 3D/визуализация |
Красный флаг в КП: «Калькулятор с ценами из 1С» за $500 и «только на JavaScript» - цены утекут конкурентам, расчёты будут неверными.
Фильтр каталога: типы и бюджет
Клиентский фильтр ($500-2 000)
Все товары уже загружены в HTML или одним JSON (до 200-500 позиций). JS скрывает/показывает карточки по чекбоксам и диапазону цены. Без запросов к серверу при каждом клике.
Подходит: небольшой каталог, витрина B2B, лендинг с 50 SKU.
Риск: при 2 000+ товаров страница тяжелая, SEO и мобильный 4G страдают.
AJAX-фильтр ($2 000-8 000)
При изменении фильтра JS отправляет запрос на сервер, получает новую порцию товаров (HTML или JSON). URL может обновляться (?brand=x&price=100-500) - важно для SEO и «поделиться ссылкой».
Что входит:
- API или endpoint на PHP/WordPress/Django;
- пагинация, сортировка, сброс фильтров;
- индексы в MySQL/PostgreSQL под тяжёлые запросы;
- debounce, лоадер, обработка пустой выдачи.
Срок: 2-4 недели. Бюджет: $2 000-8 000 для типового магазина.
Тяжёлый каталог ($8 000-25 000+)
10 000+ SKU, фасеты (бренд, размер, цвет одновременно), поиск с подсказками, синхронизация с складом, мультиязычность.
Часто добавляют:
- Elasticsearch / OpenSearch или Redis-кэш;
- SSR или pre-render для роботов;
- оптимизация Core Web Vitals (SEO-аудит после внедрения).
Сравнение с плагином: WooCommerce + готовый filter plugin - $0-300/год + настройка $500-2 000. Кастом оправдан при уникальных полях, интеграции с PIM и падении скорости из-за «зоопарка плагинов».
Таблица: фильтр - ориентиры
| Масштаб каталога | Тип фильтра | Бюджет | Срок |
|---|---|---|---|
| До 500 SKU | Клиентский JS | $500-2 000 | 3-10 дней |
| 500-5 000 SKU | AJAX + backend | $2 000-8 000 | 2-4 недели |
| 5 000+ SKU | Поиск + фасеты + кэш | $8 000-25 000+ | 1-3 месяца |
| Маркетплейс | Отдельный frontend | $30 000-100 000+ | 3-6+ месяцев |
Личный кабинет: типы и бюджет
«Лёгкий» кабинет на CMS ($3 000-12 000)
Сценарий: сайт на WordPress, Bitrix, OpenCart - нужен вход, просмотр заказов, скачивание счетов, редактирование профиля. Используют штатные модули + доработка шаблонов и JS.
Что входит:
- регистрация / восстановление пароля;
- 3-5 страниц ЛК;
- базовые уведомления на email;
- адаптив.
Срок: 3-6 недель. Подходит малому e-commerce и B2B-витрине.
Ограничение: сложные роли (оптовик, региональный менеджер, субдилер) быстро упираются в лимиты CMS - начинается кастом.
Кабинет с кастомным frontend ($12 000-35 000)
React, Vue или Svelte + REST API на Django/Node/Laravel. Несколько ролей, статусы заказов в реальном времени, загрузка файлов, внутренние сообщения.
Что входит:
- проектирование API;
- frontend SPA с роутингом;
- авторизация (JWT/session), refresh token;
- тесты критичных сценариев;
- деплой на VPS/Linux.
Срок: 6-12 недель.
Enterprise / SaaS ($35 000-150 000+)
Подписки, биллинг, мультиарендность, audit log, 2FA, интеграции с ERP, мобильное приложение на том же API.
Это уже не «доработка сайта», а продукт. JavaScript - только видимая часть; основная стоимость - backend, безопасность, compliance.
Таблица: личный кабинет - ориентиры
| Тип | Бюджет | Срок | Стек |
|---|---|---|---|
| На CMS (типовой) | $3 000-12 000 | 3-6 недель | WP/Bitrix + JS |
| Кастом SPA | $12 000-35 000 | 6-12 недель | React/Vue + API |
| B2B-портал | $25 000-80 000 | 2-4 месяца | SPA + ERP |
| SaaS MVP | $40 000-150 000+ | 3-9 месяцев | Fullstack |
Что сильнее всего влияет на цену
1. Есть ли готовый backend
Калькулятор «в вакууме» - дёшево. Тот же калькулятор с ценами из API - в 3-5 раз дороже: нужен разработчик сервера, документация API, обработка ошибок.
2. Дизайн и HTML-структура
«Вставить в текущий блок» дешевле, чем уникальный UI с анимациями, графиками, drag-and-drop. CSS и JS часто идут парой в смете.
3. Интеграции
CRM, 1С, платёжный шлюз, SMS, email-триггеры - каждая интеграция $500-3 000+ сверху, плюс поддержка при смене API у провайдера.
4. Качество исходного кода
Legacy-тема WordPress 2018 года, jQuery-спагетти, конфликт плагинов - 20-40% бюджета уходит на «разгребание» до начала фичи. Аудит перед оценкой сроков экономит сюрпризы.
5. Требования к SEO и скорости
Фильтр, который ломает индексацию или тянет INP в красную зону PageSpeed, потребует SSR, lazy load, рефакторинг - доплата $1 000-5 000.
6. Поддержка после запуска
Исправление багов в первый месяц, мелкие правки формул - заложите 10-15% от разработки или retainer $200-600/мес.
Плагин, конструктор или кастомный JavaScript
| Задача | Плагин / no-code | Кастом JS |
|---|---|---|
| Слайдер, табы | Часто хватает | Избыточно |
| Простой калькулятор | CF7 + calc plugin, Calconic | Если уникальная логика |
| Фильтр WooCommerce до 2 000 SKU | Готовый filter plugin | При 10k+ и PIM |
| Личный кабинет «как у всех» | WooCommerce account | Роли B2B, ERP |
| SPA, real-time | Нет | Обязательно |
Правило: если в ТЗ слово «как в нашей 1С» или «только для оптовиков региона X» - плагин почти всегда временный костыль. Считайте кастом сразу.
Скрытые расходы после сдачи
- Хостинг: тяжёлый JS и API - переход с shared на VPS ($15-80/мес);
- Лицензии: премиум-плагины, карты, SMS ($10-200/мес);
- Мониторинг: Sentry, uptime - $0-50/мес;
- Обновления CMS: ломают кастомный JS - нужен регресс-тест ($300-1 000 за цикл);
- Контент: 12 параметров фильтра = кто-то должен заполнить атрибуты в каталоге (внутренняя работа или $500-2 000 на данные).
Чек-лист перед заказом доработки
- Опишите сценарий пользователя по шагам (не «нужен фильтр», а «оптовик выбирает 3 бренда и видит остаток»).
- Откуда данные - статичные в коде, из БД, из внешнего API?
- Сколько SKU / пользователей / расчётов в день - от этого зависит архитектура.
- Мобильная доля трафика - если 60%+, UX и скорость JS критичны.
- Кто владеет кодом - репозиторий, доступ к хостингу, документация API.
- Критерии приёмки - 5-10 проверяемых пунктов (не «удобно»).
- Гарантия и правки - сколько итераций входит в фикс.
Итог
Доработка на JavaScript - от $300 за простой калькулятор до десятков тысяч за личный кабинет и тяжёлый каталог. Три заказа из одной темы - разные бюджеты:
- Калькулятор - $300-15 000 в зависимости от формул и интеграций;
- Фильтр - $500-25 000+ в зависимости от размера каталога и SEO;
- Личный кабинет - $3 000-150 000+ в зависимости от ролей и backend.
Владельцу стоит:
- требовать разбивку в КП: frontend, backend, интеграции, тесты;
- не хранить секретные цены только в браузере;
- сравнивать не «час JS», а готовый сценарий под ключ;
- закладывать поддержку и данные для фильтров;
- при росте от «фильтра» к «порталу» - заранее обсудить миграцию с WordPress на API-стек, а не наращивать плагины бесконечно.
Хорошая JS-доработка окупается конверсией. Плохая - экономией на backend, которая вылезает взломом тарифов, падением каталога в пик сезона и месяцем переделок.
Часто задаваемые вопросы
Можно ли сделать калькулятор без программиста?
Частично да - конструкторы (Calconic, Typeform с логикой, плагины WordPress) закрывают простые формулы за $0-50/мес. Программист нужен, если: цены подтягиваются из CRM/1С; расчёт многошаговый с ветвлениями; нужен брендированный PDF и юридически значимый документ; формулы нельзя показывать в открытом виде. Тогда экономия на no-code оборачивается переделкой за $2 000+.
Почему фильтр на 10 000 товаров стоит в разы дороже, чем на 200?
На 200 товарах всё можно отдать в одной странице и фильтровать в браузере - один frontend-разработчик на неделю. На 10 000 браузер и SEO не выдержат «всё сразу»: нужны запросы к серверу, индексы БД, кэш, корректные URL для роботов, пагинация и тест нагрузки. Плюс качество данных - если у половины SKU не заполнен бренд, фильтр «не работает» не из-за JS, а из-за каталога.
Личный кабинет на WordPress - это полноценный ЛК?
Для B2C-магазина с заказами и адресом - часто да, WooCommerce + доработки. Для B2B с ролями, персональными прайсами, лимитами кредита, документооборотом - штатный ЛК WP быстро упирается в потолок, и кастомный JS + API выходит дешевле, чем пять платных плагинов, которые конфликтуют при каждом обновлении. Подробнее о границе плагинов и PHP - в материале про WordPress и программиста.
Сколько стоит час JavaScript-разработчика в 2026 году?
Ориентир: $40-80/час - фриланс СНГ и Восточная Европа; $80-120/час - сеньор, React/Vue, Западная Европа; $100-150/час - фриланс США (remote), сеньор frontend; $150-220/час - студии и агентства в США с менеджментом и QA. Студия в целом - фикс-пакеты с наценкой 30-50% за менеджмент и QA. Важнее часа - оценка в story points или фиксе по ТЗ: «фильтр AJAX для 3 000 SKU» = $4 500 фикс (СНГ/Вост. Европа) или $8 000-12 000 (США) - надёжнее, чем «пока не сделаем, 40 часов».
Когда доработка JS дешевле, чем новый сайт на Django/React?
Когда задача локальна: один калькулятор на лендинге, фильтр в существующем WooCommerce, доработка ЛК на 2 экрана. Когда новый сайт выгоднее: 5+ критичных плагинов на бизнес-логику; каждое обновление WP ломает JS; нужен единый API для web + mobile; годовой бюджет на «латание» сравним с разработкой на Django ($15 000-40 000). Считайте TCO на 2 года, не только разовую доработку.