Сколько стоит доработка сайта на JavaScript: калькулятор, фильтр, личный кабинет

JavaScript - язык, на котором «оживает» сайт в браузере: без перезагрузки страницы меняется корзина, считается цена, фильтруется каталог, открывается личный кабинет. Владелец заказывает «калькулятор как у конкурента» или «фильтр по 12 параметрам», а в смете появляются цифры от $300 до $40 000 - и непонятно, где правда. Ниже - реальные вилки по трём самым частым доработкам в 2026 году, что входит в работу, когда хватит плагина, а когда нужен фронтенд-разработчик, и какие скрытые расходы съедают бюджет после сдачи проекта.

• Простой калькулятор (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 как таковой», а связка с бэкендом, данными и дизайном

Что такое «доработка на JavaScript» для владельца

Доработка на JavaScript - это не «поставить виджет из каталога плагинов», а написание или изменение кода, который выполняется в браузере посетителя. Сервер (PHP, Django, Node.js) отдаёт HTML и данные; JS реагирует на клики, считает, фильтрует, отправляет запросы к API.

Три типовых заказа, которые путают в одну строку «сделайте интерактив»:

Важно: цену на калькулятор нельзя переносить на личный кабинет. Это разные по объёму продукты, как «покрасить дверь» и «построить пристройку».

Калькулятор на сайте: типы и бюджет

Простой калькулятор ($300-1 500)

Сценарий: лендинг услуг, доставка, ремонт, страховка - 3-7 полей, формула известна (площадь x цена за м² + коэффициент). Результат на экране, кнопка «Оставить заявку» подставляет сумму в форму.

Что входит:

• вёрстка блока под дизайн сайта;
• расчёт в браузере (без сохранения в БД);
• базовая валидация (не пустые поля, минимум/максимум);
• адаптив под мобильные.

Срок: 2-7 рабочих дней. Ставка: $40-80/час фриланс или фикс $300-1 500.

Когда хватает: маркетинговый лендинг, WordPress с одной услугой, нет личных тарифов по клиентам.

Средний калькулятор ($1 500-4 000)

Сценарий: 8-15 полей, зависимости («выбрал тип крыши - меняются опции»), несколько пакетов, сравнение «базовый / премиум», сохранение черновика в localStorage.

Дополнительно к простому:

• ветвление логики, табы или шаги;
• экспорт результата в PDF на клиенте или через бэкенд;
• отправка расчёта на email менеджеру;
• интеграция с CRM (вебхук, AmoCRM, Bitrix24).

Срок: 1-3 недели.

Сложный калькулятор ($4 000-15 000+)

Сценарий: B2B-цены по договору, тарифы из 1С/API, мультивалютность, роли (дилер видит другую скидку), аудит расчётов, юридически значимый PDF.

Почему дорого:

• бэкенд обязателен - нельзя хранить секретные цены только в JS (их видно в DevTools);
• синхронизация с ERP, кэш, обработка ошибок API;
• тесты на граничные случаи, согласование с юристами/финансами.

Срок: 3-8 недель. Часто это уже мини-продукт, а не «виджет на страницу».

Таблица: калькулятор - ориентиры 2026

Красный флаг в КП: «Калькулятор с ценами из 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 или эндпоинт на PHP/WordPress/Django;
• пагинация, сортировка, сброс фильтров;
• индексы в MySQL/PostgreSQL под тяжёлые запросы;
• debounce (задержка запроса, чтобы не слать его на каждое нажатие), индикатор загрузки, обработка пустой выдачи.

Срок: 2-4 недели. Бюджет: $2 000-8 000 для типового магазина.

Тяжёлый каталог ($8 000-25 000+)

10 000+ SKU, фасеты (бренд, размер, цвет одновременно), поиск с подсказками, синхронизация с складом, мультиязычность.

Часто добавляют:

• Elasticsearch / OpenSearch или Redis-кэш;
• SSR или предрендер для роботов;
• оптимизация Core Web Vitals (SEO-аудит после внедрения).

Сравнение с плагином: WooCommerce + готовый filter плагин - $0-300/год + настройка $500-2 000. Кастом оправдан при уникальных полях, интеграции с PIM и падении скорости из-за «зоопарка плагинов».

Таблица: фильтр - ориентиры

Личный кабинет: типы и бюджет

«Лёгкий» кабинет на 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.js/Laravel. Несколько ролей, статусы заказов в реальном времени, загрузка файлов, внутренние сообщения.

Что входит:

• проектирование API;
• фронтенд SPA с маршрутизацией;
• авторизация, refresh token (токен для продления сессии без повторного входа);
• тесты критичных сценариев;
• деплой на VPS/Linux.

Срок: 6-12 недель.

Enterprise / SaaS ($35 000-150 000+)

Подписки, биллинг, мультиарендность, журнал аудита, 2FA, интеграции с ERP, мобильное приложение на том же API.

Это уже не «доработка сайта», а продукт. JavaScript - только видимая часть; основная стоимость - бэкенд, безопасность, соответствие требованиям.

Таблица: личный кабинет - ориентиры

Что сильнее всего влияет на цену

1. Есть ли готовый бэкенд

Калькулятор «в вакууме» - дёшево. Тот же калькулятор с ценами из API - в 3-5 раз дороже: нужен разработчик сервера, документация API, обработка ошибок.

2. Дизайн и HTML-структура

«Вставить в текущий блок» дешевле, чем уникальный UI с анимациями, графиками, перетаскивание. CSS и JS часто идут парой в смете.

3. Интеграции

CRM, 1С, платёжный шлюз, SMS, email-триггеры - каждая интеграция $500-3 000+ сверху, плюс поддержка при смене API у провайдера.

4. Качество исходного кода

Устаревшая тема WordPress 2018 года, jQuery-спагетти, конфликт плагинов - 20-40% бюджета уходит на «разгребание» до начала фичи. Аудит перед оценкой сроков экономит сюрпризы.

5. Требования к SEO и скорости

Фильтр, который ломает индексацию или тянет INP в красную зону PageSpeed, потребует SSR, ленивая загрузка, рефакторинг - доплата $1 000-5 000.

6. Поддержка после запуска

Исправление багов в первый месяц, мелкие правки формул - заложите 10-15% от разработки или фикс за сопровождение $300-600/мес.

Плагин, конструктор или кастомный JavaScript

Правило: если в ТЗ слово «как в нашей 1С» или «только для оптовиков региона X» - плагин почти всегда временный обход. Считайте кастом сразу.

Когда доработка на JavaScript не нужна (или подождёт)

• Гипотеза ещё не проверена. Непонятно, будут ли клиенты вообще пользоваться калькулятором или фильтром - дешевле собрать заявки формой или готовым no-code решением, а кастом делать после первых данных.
• Трафик и каталог небольшие. Десяток товаров и пара заявок в месяц не окупят сложный AJAX-фильтр или SPA-кабинет; хватит плагина или ручной обработки.
• Платформа сайта скоро сменится. Миграция на новый движок или редизайн в ближайшие месяцы обесценят кастомную доработку раньше, чем она окупится.
• Нет ресурса на поддержку. Если некому будет чинить JS после обновлений CMS или смены API у интеграций, надёжнее остаться на простом решении, которое не ломается «само».
• Данные ещё не готовы. Фильтр по 12 параметрам бессмысленен, пока в каталоге не заполнены сами атрибуты - сначала данные, потом код.

Скрытые расходы после сдачи

• Хостинг: тяжёлый JS и API - переход с shared на VPS ($15-80/мес);
• Лицензии: премиум-плагины, карты, SMS ($10-200/мес);
• Мониторинг: Sentry, время доступности - $0-50/мес;
• Обновления CMS: ломают кастомный JS - нужен регресс-тест ($300-1 000 за цикл);
• Контент: 12 параметров фильтра = кто-то должен заполнить атрибуты в каталоге (внутренняя работа или $500-2 000 на данные).

Чек-лист перед заказом доработки

1. Опишите сценарий пользователя по шагам (не «нужен фильтр», а «оптовик выбирает 3 бренда и видит остаток»).
2. Откуда данные - статичные в коде, из БД, из внешнего API?
3. Сколько SKU / пользователей / расчётов в день - от этого зависит архитектура.
4. Мобильная доля трафика - если 60%+, UX и скорость JS критичны.
5. Кто владеет кодом - репозиторий, доступ к хостингу, документация API.
6. Критерии приёмки - 5-10 проверяемых пунктов (не «удобно»).
7. Гарантия и правки - сколько итераций входит в фикс.

Итог

Доработка на JavaScript - от $300 за простой калькулятор до десятков тысяч за личный кабинет и тяжёлый каталог. Три заказа из одной темы - разные бюджеты:

• Калькулятор - $300-15 000 в зависимости от формул и интеграций;
• Фильтр - $500-25 000+ в зависимости от размера каталога и SEO;
• Личный кабинет - $3 000-150 000+ в зависимости от ролей и бэкенд.

Владельцу стоит:

• требовать разбивку в КП: фронтенд, бэкенд, интеграции, тесты;
• не хранить секретные цены только в браузере;
• сравнивать не «час JS», а готовый сценарий под ключ;
• закладывать поддержку и данные для фильтров;
• при росте от «фильтра» к «порталу» - заранее обсудить миграцию с WordPress на API-стек, а не наращивать плагины бесконечно.

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

Актуальные ориентиры по стоимости услуг - на странице прайса.

Если нужна помощь с разработкой, внедрением ИИ или сопровождением сайта под вашу задачу - напишите мне.

Часто задаваемые вопросы

Можно ли сделать калькулятор без программиста?

Частично да - конструкторы (Calconic, Typeform с логикой, плагины WordPress) закрывают простые формулы за $0-50/мес. Программист нужен, если: цены подтягиваются из CRM/1С; расчёт многошаговый с ветвлениями; нужен брендированный PDF и юридически значимый документ; формулы нельзя показывать в открытом виде. Тогда экономия на no-code оборачивается переделкой за $2 000+.

Почему фильтр на 10 000 товаров стоит в разы дороже, чем на 200?

На 200 товарах всё можно отдать в одной странице и фильтровать в браузере - один фронтенд-разработчик на неделю. На 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), сеньор фронтенд; $150-220/час - студии и агентства в США с менеджментом и QA. Студия в целом - фикс-пакеты с наценкой 30-50% за менеджмент и QA. Важнее часа - оценка в фиксе по ТЗ: «фильтр 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 года, не только разовую доработку.

Термины в статье

SPA — Single Page Application — одностраничное приложение

виджет — widget — виджет интерфейса (widget)

бэкенд — backend — серверная логика, API и слой данных (backend)

CRM — Customer Relationship Management — управление взаимоотношениями с клиентами

B2B — Business to Business — продажи между компаниями

ERP — Enterprise Resource Planning — планирование ресурсов предприятия

витрина — storefront — витрина магазина (storefront)

эндпоинт — endpoint — точка API / конкретный URL API (endpoint)

SKU — Stock Keeping Unit — единица складского учёта

Core Web Vitals — Google metrics for loading, interactivity, and visual stability — метрики Google: загрузка, интерактивность и стабильность вёрстки

плагин — plugin — плагин / расширение (plugin)

SSR — Server-Side Rendering — серверный рендеринг

фронтенд — frontend — клиентская часть сайта или приложения (frontend)

OpenCart — open-source PHP e-commerce platform — PHP-платформа с открытым кодом (open-source) для интернет-магазинов

e-commerce — online selling of goods or services — продажа товаров или услуг через интернет

REST API — HTTP API that exposes resources via URLs and verbs — HTTP API: ресурсы через URL и методы GET/POST и т.д.

деплой — deploy — выкладка новой версии на сервер

CMS — Content Management System — система управления контентом

VPS — Virtual Private Server — виртуальный частный сервер

ленивая загрузка — load images or blocks only when they enter the viewport — картинки/блоки грузятся, только когда появляются на экране

фикс за сопровождение — retainer — фиксированная плата за сопровождение (retainer)

2FA — Two-Factor Authentication — двухфакторная аутентификация

PageSpeed — Google tools and scores for page load performance — инструменты и оценки Google по скорости загрузки страниц

рефакторинг — refactoring — улучшение кода без смены внешнего поведения

временный обход — workaround — временный обход ограничения (workaround)

SMS — Short Message Service — короткие текстовые сообщения на телефон

no-code — building apps with visual tools, little or no programming — сборка приложений визуальными инструментами почти без кода

INP — Interaction to Next Paint — время отклика на взаимодействие

Sentry — error monitoring and performance tracing for apps — мониторинг ошибок и производительности приложений

B2C — Business to Consumer — продажи конечному потребителю

TCO — Total Cost of Ownership — совокупная стоимость владения