Кастомізація мобільного застосунку Бітрікс24
Уявіть: п'ятдесят агентів у полі, кожен відкриває CRM на телефоні — і бачить двадцять вкладок, із яких реально потрібні три. На перемикання йде до тридцяти секунд на дію, а за день набігає година простоїв. Ми вирішуємо цю проблему за допомогою налаштування мобільного клієнта Бітрікс24 двома способами: віджети та веб-застосунки. Віджети (вбудовані блоки) завантажуються в 10 разів швидше, ніж повноцінні веб-застосунки (за 200 мс проти 2–3 с). Вибір залежить від сценарію: для швидких дій (дзвінок, зміна статусу) — візуальні компоненти, для складних форм (оформлення замовлення) — HTML-застосунки. Економія після впровадження може сягати до $15 000 на рік для команди з 50 співробітників. Наші клієнти досягають окупності в 2 рази швидше, ніж при використанні стандартних рішень. Маємо 5+ років досвіду та 10+ успішних проектів. Наші рішення використовують понад 500 співробітників у клієнтів.
Які способи кастомізації доступні?
Веб-орієнтовані застосунки через JavaScript SDK. Платформа надає BX24.js SDK для вбудованих застосунків. У мобільному контексті застосунок відкривається в WebView всередині системи. SDK дозволяє читати та писати CRM-дані через REST API (за офіційною документацією розробника), відкривати стандартні екрани, отримувати дані користувача, викликати методи crm.deal.list, crm.contact.get, tasks.task.list. Приклад звернення до CRM з мобільного застосунку:
BX24.callMethod('crm.deal.list', { filter: { ASSIGNED_BY_ID: BX24.getAuth().user_id }, select: ['ID', 'TITLE', 'STAGE_ID', 'UF_CRM_CUSTOM_FIELD'], }, function(result) { if (result.error()) { console.error(result.error()); } else { renderDeals(result.data()); } }); HTML-застосунки розміщуються в маркетплейсі або встановлюються локально (коробкова версія). Технічно це HTML/CSS/JS, розміщений на вашому сервері та зареєстрований у розділі «Налаштування → Застосунки».
Віджети в CRM. Візуальні компоненти — найбільш затребуваний тип кастомізації. Вони завантажуються в 10 разів швидше, ніж повноцінні веб-застосунки, оскільки не потребують повного перезавантаження. Розміщення віджетів:
| Місце розміщення | Тип віджета | Застосування |
|---|---|---|
| Картка угоди | CRM_DEAL_DETAIL_TAB | Дод. вкладка з даними |
| Картка контакту | CRM_CONTACT_DETAIL_TAB | Історія взаємодій |
| Список угод | CRM_DEAL_LIST_TOOLBAR | Кнопки швидких дій |
| Картка дзвінка | TELEPHONY_CALL_CARD | Інфо про клієнта при дзвінку |
Віджет реєструється через placement.bind:
BX24.callMethod('placement.bind', { PLACEMENT: 'CRM_DEAL_DETAIL_TAB', HANDLER: 'https://your-app.ru/widgets/deal-tab', TITLE: 'Додаткові дані', DESCRIPTION: 'Історія доставок', }); Як запустити бізнес-процес з мобільного?
Комбінація: кнопка у віджеті → REST-виклик → запуск BP через bizproc.workflow.start. Користувач натискає кнопку в картці угоди, на сервері запускається бізнес-процес, змінюється статус, надсилається сповіщення. За 2 дні реалізуємо ланцюжок: список завдань, узгодження, відправка документа.
Покрокова інструкція:
- Розробіть віджет з кнопкою «Схвалити» та зареєструйте його на картці угоди.
- В обробнику віджета викличте BX24.callMethod('bizproc.workflow.start', { ... }) з параметрами шаблону та ID угоди.
- На сервері бізнес-процес виконає 5 кроків: перевірка умови, зміна статусу угоди на «В роботі», надсилання сповіщення менеджеру, запис в історію, оповіщення клієнта.
- Після завершення процесу мобільний застосунок отримає відповідь та оновить інтерфейс.
White Label: власне брендування
Для коробкової платформи доступний White Label — збірка власного мобільного застосунку під брендом компанії. Система надає можливість перекомпіляції застосунку з кастомною назвою, іконкою та сплеш-екраном. Потребує ліцензії Enterprise та окремої угоди з 1С-Бітрікс. Ми допомагаємо підготувати ресурси: іконки в 5 роздільних здатностях, сплеш-екрани для 3 роздільних здатностей, конфігурацію збірки.
Кейс з нашої практики: страховий брокер, кастомний інтерфейс агента
Подробиці кейсу — наш клієнт, страховий брокер, звернувся до нас з такою задачею
Задача: 50 агентів працюють у полі з телефона, стандартний CRM-інтерфейс змушував їх гортати 4 екрани для оформлення страхової події. Потрібні лише 3 дії: переглянути клієнта, оформити поліс, записати зустріч. Щомісячні втрати часу були суттєвими.
Реалізація: розробили WebView-застосунок зі спрощеним інтерфейсом, віджет CRM_CONTACT_DETAIL_TAB з історією полісів із зовнішньої БД, кнопку «Дзвінок» через SIP-телефонію системи, синхронізацію з внутрішньою обліковою системою через REST API.
Результат: час оформлення страхової події на місці скоротився з 20 до 5 хвилин (в 4 рази швидше, економія 75%). Агенти заощадили в середньому 3 години на день, паперові записи зникли. Витрати на обробку одного поліса знизилися на 80%, що привело до річної економії. Завдяки нашому 5-річному досвіду та 10+ проектам ми змогли впровадити рішення швидко.
| Етап | Строк |
|---|---|
| Проектування UI та потоків взаємодії | 2 дні |
| Розробка WebView-застосунку | 5 днів |
| Віджети в картках CRM | 3 дні |
| Інтеграція із зовнішньою обліковою системою | 4 дні |
| Публікація та тестування на пристроях | 2 дні |
Строки та вартість
Строки розробки залежать від складності: MVP (мінімально життєздатний продукт) — від 5 днів; типовий проект з веб-застосунком та кількома віджетами — від 10 до 20 днів; комплексна кастомізація з White Label — до 30 днів. Вартість MVP – від $2 000, типовий проект – $5 000–$10 000. Окупність кастомізації — 3–4 місяці за рахунок скорочення часу обробки угод, що дає економію до $15 000 на рік.
Що входить у роботу
В рамках проекту ми надаємо:
- Технічне завдання з описом архітектури, прототипи екранів та узгодження з вами.
- Вихідний код веб-застосунків та віджетів, зареєстрований у вашій системі.
- Документацію по REST-методах та сценаріях використання.
- Інструкцію зі встановлення та налаштування, включаючи права доступу.
- Тестування на реальних пристроях (iOS, Android) та виправлення зауважень.
- Гарантія 30 днів підтримки після здачі (консультації, правки за узгодженням).
Кожен проект починається з аудиту поточних процесів. Отримайте консультацію — оцінимо ваш сценарій за 1 день. Зв'яжіться з нами, щоб обговорити архітектуру та строки. Замовте кастомізацію мобільного застосунку — почніть з аудиту.