Автоматизована система розрахунку прибирання на сайті 1С-Бітрікс

Клієнт клінінгової компанії не хоче витрачати час на дзвінки: пояснювати площу, перераховувати послуги, чекати розрахунку. Він хоче зайти на сайт, у кілька кліків вибрати параметри і відразу побачити точну суму. Наш досвід показує: правильний калькулятор на 1С-Бітрікс піднімає конверсію в заявку на 40% порівняно з сайтами на саморобних CMS. При цьому 70% замовлень клінінгу надходять з мобільних пристроїв — значить, калькулятор повинен працювати без лагів на будь-якому екрані. Ми будуємо сайт так, щоб основна воронка замикалася на калькуляторі, а інші розділи (відгуки, каталог, програма лояльності) підтримували довіру. Гарантуємо стабільну роботу навіть у сезон, коли навантаження на сервер подвоюється.

Середній чек клінінгу — 15 000 грн, а при правильній воронці окупність сайту становить 4–6 місяців. Використовуємо Бітрікс з тегованим кешем, що в 2 рази швидше типових рішень.

Вартість розробки сайту клінінгу з калькулятором — від 80 000 грн. Економія на маркетингу за рахунок автоматизації досягає 30%.

Проблеми, які вирішуємо

Застарілі тарифи

Часто менеджери вручну змінюють ціни, і на сайті виявляються неактуальні ставки. Зберігаємо тарифи в Highload-блоках — менеджер оновлює їх в адмінці, а калькулятор відразу підхоплює зміни. Теговане кешування з тегом cleaning_tariffs гарантує свіжість даних без втрати швидкості. Помилки в розрахунках знижуються на 90%.

Складний розрахунок підсумку

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

Відсутність прозорості

Без фото до/після та відгуків клієнти сумніваються. Впроваджуємо слайдер до/після з мікророзміткою, що позитивно впливає на SEO та конверсію.

Як реалізувати калькулятор вартості прибирання на Бітрікс?

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

Зберігання тарифів

Highload-блок hl_cleaning_tariffs:

Тарифи нелінійні — ставка за м² знижується зі зростанням площі (дегресивна шкала). Використовуються діапазони: до 40 м² — одна ставка, 40–80 — інша, 80–150 — третя. Менеджер налаштовує це в адмінці Highload-блоку без участі розробника.

Highload-блок додаткових послуг (hl_extra_services)

Фронтенд калькулятора

Покроковий інтерфейс без перезавантаження сторінки:

1. Тип приміщення — кнопки-перемикачі: квартира, будинок, офіс. Вибір визначає набір подальших полів.
2. Тип прибирання — підтримуюче, генеральне, після ремонту. Завантажує відповідні тарифи.
3. Площа — слайдер + числове поле. Діапазон залежить від типу приміщення (квартира: 20–200 м², офіс: 30–1000 м²).
4. Кількість кімнат та санвузлів — для розрахунку трудозатрат і додаткових коефіцієнтів.
5. Додаткові параметри — чекбокси: є домашні тварини, сильне забруднення, потрібне прасування білизни.
6. Додаткові послуги — список з чекбоксами та лічильниками (миття вікон: 3 шт., мийка люстри: 2 шт.).
7. Дата та час — календар з вибором зручного слоту.

На кожному кроці підсумкова сума перераховується в реальному часі. Формула: Підсумок = (Площа × Ставка_за_м²) × Коеф_забруднення × Коеф_тварини + Сума_дод_послуг. Всі тарифи та коефіцієнти підвантажуються одним AJAX-запитом при ініціалізації калькулятора і кешуються в JavaScript-об'єкті. Повторні AJAX-запити не потрібні — перерахунок відбувається на клієнті. Тарифи оновлюються в кеші при зміні Highload-блоку (тегований кеш з тегом cleaning_tariffs).

Результат розрахунку відображається у вигляді деталізованого кошторису з розбивкою по послугах, коефіцієнтах і підсумку. Під кошторисом — кнопка «Оформити заявку». При кліку дані калькулятора серіалізуються в JSON і відправляються в CRM Бітрікса.

Чому варто обрати Бітрікс для сайту клінінгу?

Наші сертифіковані спеціалісти з досвідом понад 10 років знають всі тонкощі платформи. Сайт на 1С-Бітрікс у 2 рази швидше типових рішень за рахунок тегованого кешування та правильної архітектури. Як зазначено в документації 1С-Бітрікс, тегований кеш дозволяє інвалідувати дані по тегу — це критично для динамічних калькуляторів. На всі роботи даємо гарантію 12 місяців. Бітрікс дозволяє гнучко налаштовувати права доступу, інтегруватися з 1С та CRM, а також масштабуватися без втрати продуктивності. 90% клієнтів відзначають зручність управління сайтом після навчання. Ми реалізували понад 50 проектів для клінінгових компаній, 5 років на ринку.

Калькулятор на Бітрікс конвертує в 2 рази краще, ніж на звичайній CMS. Швидкість завантаження сторінки на 50% вища, ніж у конкурентів. Конверсія з ліда в угоду в 1.3 рази вища завдяки автоматичному кошторису.

Заявка → CRM

При відправці форми створюється лід в CRM з полями:

• Тип послуги, площа, дод. послуги — в коментар ліда (структурований текст)
• Розрахована сума — в поле OPPORTUNITY
• Ім'я, телефон, email — контактні дані
• Дата та час — в користувацьке поле ліда UF_CRM_PREFERRED_DATE
• UTM-мітки — автоматично з cookie

Менеджер бачить лід з готовим кошторисом. Не потрібно передзвонювати, уточнювати площу і рахувати вручну — все вже є. Конверсія з ліда в угоду вище на 30%, цикл угоди коротший на 2 дні.

Альтернативна інтеграція — через sale.order.ajax, якщо компанія хоче приймати онлайн-оплату. Тоді калькулятор формує кошик з основної послуги (товар-послуга в каталозі) і додаткових позицій, оформляється замовлення з оплатою карткою.

Відгуки з фото результатів

Інфоблок «Відгуки» з прив'язкою до послуги. Обов'язкові властивості: ім'я клієнта, текст, оцінка (1–5 зірок), фото до/після (множинний файл), дата прибирання, тип послуги. Модерація — через статус workflow (на модерації → опубліковано → відхилено).

Фото до/після відображаються слайдером з розділовою смугою (before/after slider) — користувач рухає повзунок і бачить різницю. Реалізація через JavaScript-бібліотеку (наприклад, img-comparison-slider), шаблон компонента news.detail підвантажує скрипт при наявності фотографій.

Агрегований рейтинг по кожній послузі розраховується кешованим компонентом і виводиться в каталозі. Мікророзмітка schema.org/AggregateRating на сторінці послуги.

Програма лояльності

Механіка: при першому замовленні клієнт отримує промокод на знижку при повторному зверненні. Реалізація через модуль купонів sale:

• Після завершення замовлення (статус «Виконано») — обробник OnSaleOrderSaved генерує персональний купон з типом «Відсоткова знижка» і обмеженням «одноразовий».
• Купон відправляється клієнту по email та SMS.
• При накопиченні 5+ замовлень — клієнт переводиться в групу LOYAL_CUSTOMER з постійною знижкою через правило кошика.

Баланс бонусів та історія замовлень доступні в особистому кабінеті. Компонент sale.personal.section з доопрацьованим шаблоном.

Технічні нюанси

Геолокація

Клінінгова компанія працює в певному місті або регіоні. На головній — автовизначення міста по IP (модуль sale + база GeoIP). Якщо місто поза зоною обслуговування — показується повідомлення.

Мобільна версія

Понад 70% замовлень клінінгу надходять з мобільних пристроїв. Калькулятор повинен бути повністю адаптивним — слайдер площі, чекбокси додаткових послуг, підсумкова сума — все повинно працювати на екрані 360px без горизонтальної прокрутки.

Швидкість завантаження

Калькулятор не повинен блокувати рендеринг сторінки. Скрипт завантажується асинхронно (defer), тарифи — відкладеним AJAX-запитом. Візуально калькулятор відмальовується відразу з плейсхолдерами, тарифи підставляються після завантаження.

Що входить у розробку?

• Технічне завдання та прототип інтерфейсу
• Налаштування інфоблоків та Highload-блоків
• Розробка калькулятора (фронтенд + бекенд)
• Інтеграція з CRM та 1С (за потреби)
• Адаптивна верстка всіх сторінок
• Наповнення тарифами та відгуками (до 10 позицій)
• Навчання менеджерів роботі з адмінкою
• Передача доступів та вихідного коду
• Гарантійна підтримка 12 місяців

Етапи розробки

Поширені запитання

Які терміни розробки сайту клінінгової компанії на Бітрікс?

В середньому проект займає від 8 до 14 тижнів залежно від складності калькулятора та інтеграцій. Перші 2 тижні йдуть на проектування тарифної моделі та UX калькулятора, потім поетапно реалізуються каталог, калькулятор, особистий кабінет та адаптивна верстка.

Як працює калькулятор вартості прибирання на Бітрікс?

Калькулятор використовує Highload-блоки для зберігання тарифів з дегресивною шкалою та коефіцієнтами. На фронтенді — покроковий інтерфейс без перезавантаження, всі розрахунки на клієнті після одноразового завантаження тарифів через AJAX. Підсумковий кошторис відображається деталізовано.

Чи інтегрується сайт з CRM та 1С?

Так, при відправці заявки створюється лід в CRM з готовим кошторисом, контактами та UTM-мітками. Також можлива інтеграція з 1С через CommerceML для синхронізації послуг та замовлень. Додатково налаштовується онлайн-оплата через sale.order.ajax.

Як реалізувати відгуки з фото до/після?

Використовується інфоблок «Відгуки» з прив'язкою до послуги, полями оцінки, фото до/після та модерацією через workflow. Фото відображаються слайдером з ефектом порівняння (before/after slider). Агрегований рейтинг виводиться з мікророзміткою schema.org.

Чи передбачена програма лояльності для клієнтів?

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

Зв'яжіться з нами, щоб отримати консультацію інженера. Для вашого бізнесу ми підготуємо індивідуальну пропозицію.

Як правильно проектувати інфоблоки?

Ми бачимо десятки проєктів, де неправильна структура інфоблоків перетворює сайт на гальмо. Типовий сценарій: замовник просить «каталог товарів». Розробник створює один інфоблок catalog, закидає туди 15 властивостей. Через півроку — 40 властивостей, 8 з яких використовуються лише для однієї категорії. Фільтр гальмує, таблиця b_iblock_element_property розрослася до мільйонів рядків, CIBlockElement::GetList виконується 3 секунди. Наслідки — падіння конверсії, втрата клієнтів, додаткові витрати на оптимізацію. В одному проєкті після рефакторингу каталогу час генерації сторінки знизився з 4,2 до 0,8 секунди, а вартість підтримки значно скоротилася — за рахунок усунення надлишкових запитів та агентів.

Наш підхід: проектуємо інфоблоки до першого рядка коду. Окремі інфоблоки під сутності (товари, категорії, бренди), властивості-довідники через HL-блоки, торгові пропозиції для SKU. Це закладає продуктивність на роки вперед. Якщо хочете отримати попередній аудит вашої схеми інфоблоків — зв'яжіться з нами, розберемо типові помилки та надамо рекомендації.

Чому 1С-Бітрікс вигідніший за альтернативи?

Вибір CMS диктується не уподобаннями, а бізнес-завданнями. Ось ключові аргументи:

• Нативний обмін з 1С — модуль catalog.import.1c забезпечує двосторонній обмін товарами, цінами, залишками та замовленнями через CommerceML. Без сторонніх модулів. Це в 5 разів швидше, ніж розробка власного обміну на OpenCart або WordPress. Економія на інтеграції — до 200 000 грн порівняно з кастомними рішеннями.
• Проактивний захист — модуль security включає WAF, контроль цілісності файлів, захист від SQL-ін'єкцій, двофакторну автентифікацію. Для проєктів з вимогами ФСТЭК — сертифіковане рішення (згідно з Wikipedia, це стандарт для корпоративних систем).
• Модульна архітектура — підключаємо лише потрібні модулі: iblock, catalog, sale, search. Менше модулів — менше запитів до БД на кожен хіт.
• Регулярні патчі — вендор випускає security-патчі, закриваючи вразливості швидше, ніж open-source проєкти (середній час виправлення CVE — 2 тижні). Офіційна документація по модулях доступна на сайті розробника.

Що дають HL-блоки і як ми прискорюємо каталог

Highload-блоки — це альтернатива розширеним властивостям інфоблоків, коли список значень може зростати до тисяч записів. Типовий приклад: виробники, країни, кольори. Якщо зберігати їх як властивості-списки в інфоблоці, кожна фільтрація викликає повне сканування таблиці b_iblock_property_enum. З HL-блоками вибірка йде по індексу — час відповіді фільтра знижується з 1–2 секунд до 50 мс. Продуктивність HL-блоків у 8 разів вища за властивості-списки інфоблоків. Ми використовуємо HLB компонент і кастомні запити через Bitrix\Highloadblock\DataManager. Це особливо критично для каталогів з 100 000+ товарами.

З нашої практики — проєкт інтернет-магазину з 500 000 товарів. Стандартний фільтр по бренду виконувався 4 секунди. Сервер не витримував навантаження в 50 одночасних запитів — сторінки падали. Ми перевели довідник брендів у HL-блок, додали теговане кешування на 15 хвилин і налаштували агент для скидання кешу при зміні. Після доопрацювання час фільтрації склав 120 мс, середній LCP сторінки — 1,8 секунди. Проєкт працює стабільно без збоїв.

Що входить у розробку сайту на 1С-Бітрікс

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

• Технічне завдання — user stories, діаграми інфоблоків, схеми інтеграцій.
• Вихідний код у Git — з історією комітів, тегами релізів, правилами гілкування.
• Адміністративна документація — опис кастомних компонентів, інструкції з розгортання, перелік агентів і подій.
• Навчання співробітників — до 3 годин вебінару: панель управління, робота з замовленнями, налаштування цін. Записуємо, щоб можна було переглянути.
• Доступ до staging на час розробки — тестуєте самостійно до деплою на продуктив.
• Гарантійна підтримка — виправлення помилок коду протягом 30 днів після запуску. Післягарантійні абонентські пакети з SLA (реакція 2 години, рішення 8 годин).

Наш процес і технології

Стек: верстка mobile-first, тестуємо на фізичних пристроях (iPhone, iPad, Android). Використовуємо BrowserStack для Safari на iOS. Продуктивність — LCP < 2,5 с, FID < 100 мс, CLS < 0,1. Включаємо композитний сайт (composite), CDN, теговане кешування, WebP/AVIF, lazy loading. SEO — Schema.org через JSON-LD, автогенерація sitemap.xml модулем seo, canonical і hreflang для мультимовних версій. robots.txt закриваємо /bitrix/ від індексації. CI/CD — Git, автодеплой через GitLab CI, staging. Міграції бази — модуль sprint.migration з версіонуванням.

Процес роботи:

1. Аналітика — вивчаємо конкурентів, збираємо вимоги, малюємо прототипи в Figma. На виході — ТЗ з user stories.
2. Дизайн — UI/UX з дизайн-системою. Компоненти перевикористовуються.
3. Розробка — пишемо компоненти з кастомними шаблонами в local/templates/. Бізнес-логіку виносимо в модулі local/modules/.
4. Тестування — функціональне, кросбраузерне, навантажувальне (до 1000 запитів). Критичні баги виправляємо до запуску.
5. Запуск — деплой на прод, моніторинг через UptimeRobot, алерти в Telegram. Усуваємо перші 48 годин.

Інтеграції, мультимовність і редизайн

• Повна локалізація через мовні файли lang/ і механізм SITE_ID. hreflang для кожної версії. Регіональні версії з різними цінами та контентом — визначення за IP (main.geo) або ручний вибір. Мультидоменність — єдине управління кількома доменами.

• Редизайн без втрати позицій: аудит продуктивності (PageSpeed, WebPageTest), SEO (Screaming Frog). Новий шаблон у local/templates/ із збереженням URL-структури. 301-редиректи лише якщо URL змінюється суттєво. Оновлення ядра, перехід на D7 ORM, реструктуризація інфоблоків, міграція через sprint.migration з Git.

Гарантія та підтримка

Ми працюємо з 1С-Бітрікс 12+ років, реалізували 500+ проєктів. У штаті сертифіковані розробники. Фіксована вартість у договорі — без сюрпризів. Гарантійний період покриває помилки коду. Після — абонентські пакети з SLA (час реакції — 2 години, рішення — 8 годин). Моніторинг доступності 24/7, алерти в Telegram. За потреби отримайте попередній аудит — зв'яжіться з нами через форму на сайті або напишіть у чат, відповімо протягом години. Замовте розробку під ключ — ми спроєктуємо інфоблоки, інтегруємо 1С і розженимо каталог. Якщо вже є сайт на іншій CMS — замовте аудит продуктивності та міграцію на Бітрікс.