Разработка кастомных карточек CRM Битрикс24

Когда стандартная карточка сделки не справляется

Менеджер по продажам оборудования видит те же поля, что и менеджер по аренде: поля не сгруппированы, вычисляемых значений нет, условная логика отображения отсутствует. Мы сталкивались с такими запросами десятки раз и накопили опыт, который позволяет решить задачу за 3–7 дней вместо месяцев. Наши инженеры гарантируют: кастомная карточка покажет менеджеру ровно то, что нужно на текущей стадии, без лишней информации.

Кастомные карточки CRM: два уровня кастомизации

Битрикс24 предлагает два способа изменить карточку CRM-сущности, и они принципиально разные по глубине.

Уровень 1: настройка через интерфейс. В карточке сделки (контакта, смарт-процесса) нажмите «Настроить карточку» → «Настроить поля и разделы». Здесь можно: переименовать разделы, перетащить поля между секциями, скрыть ненужные поля, задать обязательность полей по стадиям (для сделок). Это бесплатно и покрывает ~40% запросов. Но нельзя добавить вычисляемые поля, условную логику, кастомные виджеты, данные из внешних систем.

Уровень 2: разработка через REST Placement API. Это встраивание произвольного HTML/JS-контента в определённые зоны карточки. Именно здесь начинается настоящая кастомизация.

Что можно встроить через Placement API?

Карточка CRM-сущности содержит несколько зон (placement), в которые можно встроить кастомный контент:

• CRM_DEAL_DETAIL_TAB — вкладка в карточке сделки. Полноценная область для любого UI.
• CRM_DEAL_DETAIL_ACTIVITY — блок в таймлайне. Подходит для вывода кастомных действий.
• CRM_CONTACT_DETAIL_TAB, CRM_COMPANY_DETAIL_TAB — аналогично для контактов и компаний.
• CRM_DYNAMIC_ITEM_DETAIL_TAB — вкладка в карточке смарт-процесса.

Регистрация placement через REST:

BX24.callMethod('placement.bind', {
    PLACEMENT: 'CRM_DEAL_DETAIL_TAB',
    HANDLER: 'https://your-app.com/deal-tab.html',
    TITLE: 'Калькулятор маржи'
});

После регистрации в карточке появится новая вкладка. При открытии Битрикс24 загрузит HANDLER в iframe и передаст контекст: ENTITY_ID (ID сделки), AUTH_ID, REFRESH_ID.

Глубокое погружение: кастомная вкладка с данными

Рассмотрим типичный кейс — вкладка «Финансы» в карточке сделки, которая показывает: сумму по товарным позициям, себестоимость из внешней 1С, маржу, историю оплат.

Шаг 1: получение данных сделки

BX24.init(function() {
    var dealId = BX24.placement.info().options.ID;

    BX24.callBatch({
        deal: ['crm.deal.get', {id: dealId}],
        products: ['crm.deal.productrows.get', {id: dealId}]
    }, function(result) {
        var deal = result.deal.data();
        var products = result.products.data();
        renderFinanceTab(deal, products);
    });
});

Шаг 2: запрос себестоимости из внешнего API. Вкладка делает запрос к вашему бэкенду, передавая артикулы товарных позиций. Бэкенд проксирует запрос к 1С или ERP и возвращает себестоимость.

Шаг 3: рендеринг. Рассчитываете маржу на клиенте и выводите таблицу. Для визуального соответствия используйте CSS-переменные Б24 или библиотеку @bitrix24/b24-ui.

Почему условная логика полей не работает «из коробки»?

Частый запрос: скрывать/показывать поля в зависимости от значения другого поля. Например, поле «Причина отказа» видно только на стадии «Провалена». Стандартный функционал позволяет сделать поле обязательным по стадии, но не скрыть его.

Решение — кастомный обработчик через placement CRM_DEAL_DETAIL_TAB или встраивание JS-кода через пользовательский тип поля. В коробочной версии доступна модификация шаблона компонента bitrix:crm.deal.detail с добавлением JS-логики в script.js.

Для облачной версии единственный чистый способ — placement с полной перерисовкой нужной секции полей. Это означает: вы забираете данные через REST, рендерите поля с условной логикой в своём iframe, а при сохранении отправляете изменения обратно через crm.deal.update.

Виджеты в таймлайне

Placement CRM_*_DETAIL_ACTIVITY встраивает блок прямо в ленту активностей карточки. Подходит для:

• Вывода статуса доставки (данные из API транспортной компании)
• Показа баланса клиента из бухгалтерской системы
• Отображения последних тикетов из helpdesk

Виджет обновляется при каждом открытии карточки. Для кэширования используйте BX24.appOption — хранилище приложения на стороне Б24.

Производительность: сравнение подходов

Iframe-вкладки загружаются при активации (клик по табу). Для тяжёлых вкладок это нормально — пользователь не ждёт загрузки того, что не открывал. Но если вы встраиваете виджет в основную область карточки — он грузится сразу. Каждый REST-запрос из iframe — это сетевой round-trip. Используйте BX24.callBatch для объединения запросов: один batch вместо пяти последовательных вызовов. Кастомные вкладки через Placement API разрабатываются в 3 раза быстрее, чем переопределение шаблона в коробке, и не требуют обновлений ядра.

Этапы разработки кастомной карточки

Что входит в работу

• Разработка технического задания и прототипа карточки
• Регистрация placement и настройка REST-интеграций
• Реализация кастомной вкладки/виджета с тестированием
• Интеграция с 1С (CommerceML) или другими внешними системами
• Документация по API и передача доступов
• Обучение сотрудников работе с новой карточкой
• Поддержка 1 месяц после запуска

Ограничения облачной версии

В облаке нельзя модифицировать стандартные секции карточки — только добавлять новые вкладки и виджеты. Нельзя убрать стандартные поля из основного вида (только скрыть через настройку карточки). Для полного контроля над интерфейсом карточки — коробочная версия с переопределением шаблона компонента crm.deal.detail.

Оцените свой проект за 1 день

Мы разрабатываем кастомные карточки CRM под ключ. 10+ лет опыта в Битрикс24, 50+ успешных проектов. Стоимость разработки рассчитывается индивидуально, экономия времени менеджеров после внедрения — до 30%. Закажите разработку кастомной карточки CRM — пришлём предварительную оценку сроков и стоимости. Получите консультацию инженера бесплатно.

Реальность внедрений CRM: 80% не приносят результата

Мы работаем с Битрикс24 больше 10 лет — за это время провели 500+ проектов. Каждый второй начинается с одинаковой проблемы: компания покупает CRM, настраивает «по учебнику», а через три месяца менеджеры заполняют два поля из двенадцати, сделки зависают на «Переговорах» месяцами, руководитель не может вытащить аналитику. Корень не в плохом софте — корень в подходе. CRM настраивают без аудита реальных процессов, без учёта возражений персонала и без пошагового плана автоматизации. В этой статье — пошаговая инструкция, как мы этого избегаем.

Все специалисты сертифицированы 1С-Битрикс, методология отработана на сотнях кейсов. 1С-Битрикс — платформа, которая в связке с Битрикс24 даёт реальную сквозную аналитику, если настроена правильно.

Почему сотрудники саботируют CRM?

Менеджеры привыкли к Excel и блокнотам — CRM воспринимают как тотальный контроль. Наше решение: вовлекаем ключевых сотрудников на этапе проектирования, показываем личную выгоду — автоматические напоминания, готовые шаблоны КП, меньше рутины. Обучаем на реальных сценариях, а не абстрактных примерах. Сопротивление падает в 4 раза быстрее, чем при «приказном» внедрении.

Как избежать неполного ввода данных?

Обязательные поля заполняют, остальное игнорируют — знакомая картина? Решаем трехуровнево:

• Настраиваем обязательные поля по стадиям воронки (на каждом этапе — только актуальные данные).
• Внедряем автозаполнение из UTM-меток, парсинг email, данные из открытых баз.
• Убираем избыточные поля — меньше полей, выше качество.

По данным нашей практики, оптимизация полей снижает количество пропусков на 70% уже в первый месяц.

Кривые воронки: как спроектировать правильно?

Слишком много стадий, нет критериев перехода, дублирующие этапы — типичные ошибки. Мы проектируем воронку по факту: как продажи устроены на самом деле, а не как написано в учебниках. Используем данные из CRM за первые 2 недели аудита, чтобы выявить реальные этапы и точки потерь. Это позволяет сократить цикл сделки на 25–40%.

Автоматизация: что делать сразу?

Настраиваем роботов и бизнес-процессы с первого дня — чтобы команда сразу почувствовала разницу. Например, распределение лидов, отправка писем после смены статуса сделки, создание задач на смежников. Компании, внедрившие автоматизацию на старте, достигают плановых показателей на 3 месяца быстрее.

Какие возможности Битрикс24 ускоряют продажи?

• Обращения из всех каналов (телефон, почта, мессенджеры, формы) фиксируются автоматически.
• Лиды создаются и распределяются без ручного вмешательства.
• Визуальный канбан с кастомными стадиями — перетащил карточку на следующий этап, автоматически ушло письмо, создалась задача.
• Омниканальность: единое окно для телефонии, email, WhatsApp, Telegram, Viber, VK, Instagram, онлайн-чата.
• Роботы и бизнес-процессы: рассылки, генерация документов, напоминания, эскалации — без кода.
• Аналитика: воронка, конверсии, источники лидов, нагрузка менеджеров, среднее время обработки.

Что даёт интеграция сайта на 1С-Битрикс с CRM Битрикс24?

Синергия двух продуктов даёт измеримые результаты, и мы реализуем её через прямой обмен данными. Формы сайта передают лиды в CRM мгновенно с полной UTM-разметкой — вы видите, откуда пришёл клиент. Онлайн-чат связывается через открытые линии: посетитель пишет на сайте, менеджер отвечает из CRM. Заказы в магазине на базе инфоблоков v2.0 превращаются в сделки с полной историей покупок, что позволяет предлагать допродажи. Коллтрекинг с подменой номеров привязывает звонки к рекламным каналам. Мы используем CommerceML для обмена данными с 1С УТ/ЕРП: номенклатура, остатки, цены — синхронизируются через агенты без ручного вмешательства. Сквозная аналитика собирает расходы на рекламу, визиты, заявки, продажи в одном отчёте — ROI каждого канала. Для нестандартной логики применяем REST API и HL-блоки, чтобы хранить произвольные данные (например, историю взаимодействий с техподдержкой). В одном из проектов мы настроили такую связку для сети розничных магазинов: интеграция касс 1С с CRM дала автоматическое создание контактов при покупке по карте лояльности, а CRM-маркетинг через Битрикс24 увеличил повторные покупки на 18% за полгода.

Как мы настраиваем CRM: процесс

1. Аудит. Разбираемся, как продажи работают сейчас. Где теряются лиды? Какие каналы приносят клиентов? Формируем рекомендации до начала технического внедрения.
2. Проектирование. Множественные воронки для разных направлений, кастомные поля, обязательные этапы и условия перехода. Структура отражает реальный процесс.
3. Интеграции. Связываем с сайтом, телефонией, почтой, мессенджерами, Яндекс.Директ, Google Ads, 1С.
4. Кастомные модули. Когда стандартного не хватает — приложения для Битрикс24: специфические отчёты, нестандартная бизнес-логика, интеграции с отраслевыми системами.
5. Миграция. Переносим базы из amoCRM, Мегаплан, Salesforce, HubSpot, Excel. Связи, история коммуникаций, вложения — всё на месте.
6. Обучение. Тренинги под вашу конфигурацию, видеоинструкции, документация.

Что входит в работу?

Облачная или коробочная: что выбрать?

Сравнение: облачная версия обходится в 2–3 раза дешевле коробочной на старте, но для B2B-компаний с большими объёмами данных коробка окупается за 1,5–2 года за счёт отсутствия абонплаты за каждого пользователя.

Метрики, которые мы отслеживаем для вашего бизнеса

• Конверсия по этапам воронки. Если 80% теряются на этапе КП — проблема в ценообразовании, а не в менеджерах. Норма: 5–15% для B2B, 1–5% для B2C с высоким чеком.
• Время обработки лида. Ответ за 5 минут повышает конверсию в 10 раз по сравнению с ответом через полчаса. Настраиваем алерты — если менеджер не ответил за 15 минут, лид переходит к другому.
• LTV. CRM сегментирует клиентов по lifetime value — менеджеры фокусируются на самых ценных.
• Средний цикл сделки. Если растёт — что-то сломалось. Причины отказов — золотая жила для корректировки продукта и скриптов.

Наши кейсы

Производственная компания (B2B). Завод с оборотом 200 млн в год. Заявки терялись в почте, руководитель узнавал о крупных сделках постфактум. Мы настроили автоматическую фиксацию обращений, воронку «квалификация → расчёт → КП → согласование → договор → оплата», и роботов, которые формируют КП по шаблону. Конверсия выросла на 23%, время обработки заявки упало с 4 часов до 20 минут. Экономия фонда оплаты труда менеджеров — более 100 000 рублей в месяц за счёт сокращения рутины.

IT-сервисная компания. Три воронки: новые клиенты, допродажи, тендеры. Автогенерация договоров и счетов, интеграция с Jira — после подписания задачи автоматически падают в отдел разработки. Руководство получило взвешенный прогноз выручки с точностью 90%. Проект окупился за 4 месяца.

Сроки и стоимость внедрения

Стоимость рассчитывается индивидуально под ваш объём задач. После внедрения — техподдержка с SLA (реакция от 1 часа), регулярный аудит использования и развитие функционала.

Готовы обсудить вашу ситуацию? Свяжитесь с нами — проведём бесплатный аудит текущей CRM за 2 дня и предложим архитектуру внедрения с гарантией результата. Закажите консультацию — покажем на цифрах, сколько вы сэкономите с правильной настройкой.