Розробка сайту барбершопу на 1С-Бітрікс під ключ

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

Типовий проєкт включає каталог послуг з майстрами, онлайн-запис через YCLIENTS або Dikidi, мерч-магазин та блог. За 30–45 робочих днів отримуєте готовий до прийому клієнтів ресурс. Всі сторінки завантажуються в середньому за 0.8 секунди завдяки композитному кешу.

Чому онлайн-запис потребує проксі-сервера?

Без проксі API-ключ YCLIENTS видно в браузері — будь-хто може зробити запит від вашого імені. Ми реалізуємо серверне проксі: браузер надсилає запит на /api/yclients/..., контролер Бітрікс підставляє ключ із конфігу, викликає CURL до YCLIENTS і повертає результат. Відповідь кешується в CPHPCache — список дат на 5 хвилин, слоти на 2 хвилини. Це знімає навантаження з YCLIENTS і прискорює відгук.

Каталог послуг та майстри

Інфоблок «Послуги» містить елементи: чоловіча стрижка, моделювання бороди, королівське гоління, комплекс «стрижка + борода», камуфляж сивини, дитяча стрижка. Властивості кожного елемента: тривалість (хвилини), категорія (базові / преміум), опис процесу, фото результату.

Інфоблок «Майстри» — ключовий для барбершопу. Властивості:

• Фото — обов'язково професійне, обробляється ресайзом при завантаженні через CIBlock::ResizeImageGet
• Спеціалізація — прив'язка до елементів інфоблоку послуг (множинна властивість типу E)
• Стаж — числове
• Портфоліо — множинна властивість «Файл» (фото робіт до/після)
• Рейтинг — числове, оновлюється агентом на основі відгуків
• Графік — прив'язка до HL-блоку розкладу
• Зовнішній ID — ідентифікатор майстра в YCLIENTS / Dikidi (рядок)

На детальній сторінці майстра виводиться галерея портфоліо з бігунком порівняння (два <img> у контейнері з overflow: hidden та input[type=range]). Під галереєю — відгуки, прив'язані до майстра.

Як захищено від подвійного запису?

При бронюванні через власний HL-блок розкладу агент генерує слоти на місяць вперед. Транзакційне блокування START TRANSACTION + SELECT ... FOR UPDATE запобігає подвійному запису: якщо два клієнти одночасно обирають один слот, лише перший підтверджує; другий отримує помилку. При інтеграції з YCLIENTS вебхуки оновлюють кеш слота в момент створення запису через адмінку — сайт бачить актуальний розклад.

Мерч-магазин: засоби для догляду

Розділ магазину будується на стандартній зв'язці catalog + sale. Товари — помади для волосся, олії для бороди, шампуні, бальзами, аксесуари. Торговий каталог з SKU: один товар «Олія для бороди Brand X» має пропозиції за об'ємом (30 мл / 50 мл / 100 мл).

Особливості реалізації:

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

Оплата — онлайн через sale.paysystem або при отриманні.

Блог про чоловічий стиль

Розділ на інфоблоці з розділами: стрижки (тренди, підбір за типом обличчя), борода (догляд, стилі), стиль (одяг, аксесуари). Автор статті прив'язаний до інфоблоку майстрів — це працює на персональний бренд та внутрішню перелінковку. ЧПУ за шаблоном /blog/розділ/назва-статті/. XML-карта сайту генерується модулем SEO Бітрікс.

Що входить у розробку під ключ?

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

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

1С-Бітрікс дає готові модулі для каталогів, замовлень та кешування. Згідно з документацією dev.1c-bitrix.ru, теговане кешування дозволяє скидати лише змінені розділи — це прискорює оновлення контенту без повної інвалідації. На відміну від самописних рішень, не потрібно проєктувати адмінку та права доступу — все вже в ядрі. Система управління контентом дозволяє менеджеру додавати послуги та товари без програміста.

Порівняння з альтернативами:

Наша команда спеціалізується на 1С-Бітрікс більше 5 років і реалізувала 20+ проєктів для сфери послуг. Композитне кешування знижує час завантаження сторінок до 0.8 секунди — це в 3 рази швидше, ніж на самописній CMS без кешу.

Типові помилки при розробці

• Використання готового шаблону без адаптації під запис — втрачаєте до 30% конверсії.
• Прямі AJAX-запити до YCLIENTS з API-ключем — ризик витоку даних.
• Відсутність композитного кешу для сторінок майстрів — падіння швидкості на мобільних.
• Ігнорування вебхуків для зворотної синхронізації — слоти не оновлюються.

Технічна база

• Адаптивність — mobile-first, запис на мобільному займає 3 тапи: майстер → послуга → час
• Композитний кеш — для каталогу послуг, сторінок майстрів, блогу. Магазин та розклад — без кешу, AJAX
• Сповіщення — SMS-нагадування за 2 години до візиту через messageservice, push за наявності PWA-обгортки

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

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

Ми бачимо десятки проєктів, де неправильна структура інфоблоків перетворює сайт на гальмо. Типовий сценарій: замовник просить «каталог товарів». Розробник створює один інфоблок 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 — замовте аудит продуктивності та міграцію на Бітрікс.