Кастомизация мобильного приложения Битрикс24
Представьте: пятьдесят агентов в поле, каждый открывает CRM на телефоне — и видит двадцать вкладок, из которых реально нужны три. На переключение уходит до тридцати секунд на действие, а за день набегает час простоев. Мы решаем эту проблему с помощью кастомизации мобильного приложения Битрикс24 двумя способами: виджеты (встраиваемые UI-элементы, загружаемые за 200 мс) и веб-приложения на JavaScript SDK (полноценные экраны за 2-3 секунды). Выбор зависит от сценария: для быстрых действий (звонок, смена статуса) — виджеты, для сложных форм (оформление заказа) — веб-приложения. Экономия после внедрения может достигать существенных сумм для команды из 50 сотрудников.
Какие способы кастомизации доступны?
Веб-приложения через 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/CSS/JS, размещённый на вашем сервере и зарегистрированный в разделе «Настройки → Приложения».
Виджеты в CRM. Виджеты — наиболее востребованный тип кастомизации. Они работают в 3 раза быстрее, чем полноценные веб-приложения, так как не требуют полной перезагрузки. Размещение виджетов:
| Место размещения | Тип виджета | Применение |
|---|---|---|
| Карточка сделки | 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 минут (экономия 75%). Агенты сэкономили в среднем 3 часа в день, бумажные записи исчезли. Затраты на обработку одного полиса снизились на 80%, что привело к годовой экономии.
| Этап | Срок |
|---|---|
| Проектирование UI и потоков взаимодействия | 2 дня |
| Разработка WebView-приложения | 5 дней |
| Виджеты в карточках CRM | 3 дня |
| Интеграция с внешней учётной системой | 4 дня |
| Публикация и тестирование на устройствах | 2 дня |
Сроки и стоимость
Сроки разработки зависят от сложности: MVP (минимально жизнеспособный продукт) — от 5 дней; типовой проект с веб-приложением и несколькими виджетами — от 10 до 20 дней; комплексная кастомизация с White Label — до 30 дней. Стоимость рассчитывается индивидуально после аудита ваших бизнес-процессов и утверждения технического задания. Окупаемость кастомизации — 3-4 месяца за счёт сокращения времени обработки сделок.
Что входит в работу
В рамках проекта мы предоставляем:
- Техническое задание с описанием архитектуры, прототипы экранов и согласование с вами.
- Исходный код веб-приложений и виджетов, зарегистрированный в вашей системе.
- Документацию по REST-методам и сценариям использования.
- Инструкцию по установке и настройке, включая права доступа.
- Тестирование на реальных устройствах (iOS, Android) и исправление замечаний.
- Поддержку в течение 30 дней после сдачи (консультации, правки по согласованию).
Каждый проект начинается с аудита текущих процессов. Получите консультацию — оценим ваш сценарий за 1 день. Свяжитесь с нами, чтобы обсудить архитектуру и сроки. Закажите кастомизацию мобильного приложения — начните с аудита.