Кастомизировали стиль полей в сущностях CRM. Нужные поля теперь видно издалека
Часто бывает так, что при работе в CRM-системе менеджеру необходимо сфокусировать внимание на определенных полях внутри карточки Компании, Контакта, Сделки или Лида. Штатно в Битрикс24 не предусмотрена возможность оформления полей для привлечения внимания.
В этом кейсе расскажем о том, как разработчики компании Пуск сделали доработку на портале клиента. Покажем ее на примере множественного поля, которое характеризует статус важности лида. Но таким образом можно доработать оформление любого нужного поля.
О клиенте
Руководители отделов по работе с клиентами знают, как сложно менеджерам держать в голове все договоренности с клиентом. Компании внедряют Битрикс24, чтобы облегчить процесс сопровождения сделок. Но встает вопрос: как сотруднику не упустить из виду важные моменты, когда он ведет одновременно текущих клиентов и берет в работу новые заявки?
С такой проблемой к нам в Пуск обратился финансовый брокер. Компания использует коробочную версию Битрикс24 для ведения клиентской базы. Чтобы сосредоточить внимание сотрудников на некоторых карточках, в сущностях Лид, Сделка, Компания и Контакт было добавлено поле, в котором отмечался статус важности. Но стилистически оно сливалось с другими полями в левом меню карточки.
Запрос от клиента: добавить возможность регулировать визуальное оформление поля.
Задача
Мы обсудили проблему с заказчиком и сформулировали задачу: дать администратору портала возможность изменять стиль полей в сущностях Лид, Сделка, Компания и Контакт. В нем администратор портала может:
- устанавливать нужный размер
- регулировать жирность текста
- управлять цветом текста
Правило мы создали для множественного поля с типом Список. То есть, если поле имеет выпадающий список значений, то форматирование применится ко всем из них.
Что мы сделали
По умолчанию поле в Битрикс24 ограничено стандартными настройками, как на скриншоте.
Чтобы администратор мог настраивать стиль полей самостоятельно, отдел разработки Пуск добавил несколько кастомных настроек по изменению:
- код цвета для поля
- размер шрифта для поля (px)
- начертание шрифта (жирность).
Теперь настройки полей расширены, а администратор портала может задавать параметры жирности, цвета и размера шрифта самостоятельно:
При работе с клиентом менеджер выбирает из выпадающего списка статус важности. В нашем примере это Важно и Важно очень. Статус отображается ярким жирным текстом, который невозможно проигнорировать.
Эта доработка заняла несколько рабочих часов, но оказалась полезной для работы целого отдела.
Если у вас есть запрос на доработку собственного портала — пишите нам. Уже 8 лет мы занимаемся внедрением и бережной доработкой коробочных версий Битрикс24.
Свяжитесь с нами через форму заявки или позвоните по телефону +7 (495) 118-39-18 !
Как изменить цвет шрифта в чате битрикс24
Современные сайты наполняются содержанием с помощью специального программного обеспечения: CMS.
Соответственно, контент-менеджер (или редактор сайта) — это специалист, работающий с CMS.
Для кого этот курс?
Курс Контент-менеджер адресован тем, кто работает с содержанием сайта: наполнение, изменение текста, загрузка и размещение картинок и так далее.
- работать с элементами управления в интерфейсе системы;
- приемам работы в визуальном редакторе — основном инструменте при работе над содержанием сайта;
- работать с информационными блоками — местом хранения большей части информации на сайте;
- работать с компонентами — инструментом вывода информации на страницах сайта;
- работать с некоторыми модулями системы.
У нас часто спрашивают, сколько нужно заплатить
Курс полностью бесплатен. Изучение курса, прохождение итоговых тестов и получение сертификатов — ничего из этого оплачивать не нужно.
Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.
Баллы опыта
В конце каждого урока есть кнопка Прочитано! . При клике на неё в Вашу итоговую таблицу опыта добавляется то количество баллов, которое указано в прочитанном После нажатия кнопки Прочитано! появится
окно подтверждения:
уроке.
Периодически мы заново оцениваем сложность уроков, увеличивая/уменьшая число баллов, поэтому итоговое количество набранных Вами баллов может отличаться от максимально возможного. Не переживайте! Отличный результат — это если общее число набранных Вами баллов отличается от максимального на 1-2%.
Практика и тесты
При изучении курса рекомендуется повторять описываемые действия на демонстрационной версии сайта, установленной локально или в Виртуальной лаборатории.
После изучения курса пройдите тесты на сертификацию. При успешной сдаче линейки тестов со страницы Моё обучение скачайте сертификат об успешном прохождении курса в формате PDF.
Также Вы можете поделиться ссылкой на страницу со своими сертификатами. Для этого на странице Моё обучение отметьте опцию Разрешить публичный доступ к резюме студента 
и скопируйте ссылку на страницу резюме 
. Страница с Вашим резюме будет доступна всем, кому Вы отправите ссылку на неё.
Комментарии к урокам
| На каждой странице курса авторизованный на сайте посетитель может дать комментарий к содержимому страницы. Комментарий — не форум, там не ведётся обсуждений или разъяснений. Это инструмент для сообщений нам об ошибках, неточностях. Для отправки комментария воспользуйтесь расположенной в правом нижнем углу окна браузера кнопкой: |  |
Для преподавания офлайн
Если данный курс берётся в качестве основы для офлайнового преподавания, то рекомендуемая продолжительность: 2 дня (16 академических часов).
Если нет интернета
Скачать материалы курса в формате EPUB. Файлы формата EPUB Чем открыть файл на
Android:
EPUB Reader
CoolReader
FBReader
Moon+ Reader
eBoox
iPhone:
FBReader
CoolReader
iBook
Bookmate
Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome
iOS
Marvin for iOS
ShortBook
Linux:
Calibre
FBReader
Cool Reader
Okular
обновляются периодически, поэтому возможно некоторое отставание их от онлайновой версии курса. Версия файла — от 25.01.2023.
Битрикс24: методы для работы с чатами через API
Обратите внимание на возвращаемый методом массив данных, так как он позволяет решить сразу несколько задач:
- список участников чата (ключ userInChat )
- список участников чата отключивших уведомления (ключ mute_list )
- иконка чата (ключ avatar )
- идентификатор владельца/модератора чата (ключ owner )
- название чата (ключ name )
- внешний/внутренний чат (ключ extranet )
Пример вызова метода:
Добавление пользователя в чат
Метод CIMChat::AddUser достаточно специфичный, подробности — в документации.
Для добавления пользователя в чат без системного уведомления о добавлении нового пользователя:
В данном примере пользователь добавляется без доступа к истории сообщений чата. За это отвечает третий параметр, который задан как null . Для добавления пользователя в чат с доступом к старой переписке — этот параметр нужно убрать.
Для добавления пользователя с системным комментарием вида «Иванов Иван присоединился к чату»:
Удаление пользователя из чата
Используем метод CIMChat::DeleteUser . Ссылка на документацию.
Открыть чат по клику на ссылку
Данное решение будет полезно для того, чтобы добавить ссылку на определенный чат в документацию или Базу Знаний вашего портала. Все просто:
где [CHAT_ID] — уникальный идентификатор чата.
Получить сообщения из чата
Массив $message будет содержать выборку списка сообщений чата.
Механизмы работы с сообщениями в чате
Рассмотрим несколько методов для работы с сообщениями по их уникальному идентификатору. ID сообщения можно посмотреть через исходный код страницы:
Получение сообщения по ID
Редактирование сообщения по ID
Стоит обратить внимание на параметры функции:
- $id — идентификатор редактируемого сообщения
- $text — новый текст сообщения
- $urlPreview — показывать превью ссылок
- $editFlag — показывать что сообщение было отредактировано
- $userId — идентификатор пользователя (автора)
Если в качестве $text передать пустое значение, то это будет равносильно удалению сообщения. Однако, это не совсем полноценное удаление, так как в чате останутся следы в виде фразы «Это сообщение было удалено».
Для редактирования сообщения других пользователей обязательно передавать ID автора сообщения в параметре $userId .
Пример вызова метода:
Удаление сообщения по ID
- $id — идентификатор удаляемого сообщения
- $userId — идентификатор пользователя (автора)
- $completeDelete — полное удаление / замена на сообщение-заглушку
Здесь все по аналогии с редактированием сообщения, если сообщение нужно удалить полностью, то третьим параметром передаем значение true . Если передать false , то будет выполнена замена текста сообщения на «Это сообщение было удалено». Исходный код метода.
Есть и альтернативный вариант, в котором требуется указать только идентификатор сообщения:
Создание чата
Единственный способ создать чат с привязкой к сущности, это с помощью штатного активити «Изменение наблюдателей».
В данной процедуре очень Важна очередность действий, и это де-факто костыль.
Процедура такая:
1. Создаете БП с активити «Изменение наблюдателей» и указываете одного или нескольких наблюдателей в его настройках.
2. Далее в ручную или роботом из сущности запускаете этот БП, у Вас добавятся наблюдатели, но сам созданный чат вы не увидите.
3. Далее, инициируете создание чата, нажатием на область чата в самой сущности , и после этих действий, все наблюдатели в него подтянутся.
Но есть нюанс: все наблюдатели, которые будут добавлены после создания чата с уже имеющимися наблюдателями в чат добавлены не будут и их придется приглашать, а для этого нужно знать ID чата.
Устанавливать текст статуса: данное поле позволяет включать возможность установки статуса бизнес-процесса. Это необходимо для того, чтобы во время работы активити информировать пользователя в истории о том, что бизнес-процесс остановился на конкретном шаге. Это особенно важно в момент отладки и выяснения причин неполадок в работе механизма.
Текст статуса: в данном поле указывается текстовый вариант статуса, который Вы можете изменять.
Ожидать ответа: данное поле Вами не управляется. Оно необходимо для того, чтобы определить, нужно ли ожидать реакции от нашего активити после запуска.
Период ожидания. Время ожидания ответа от приложения: Данная опция позволяет ограничить срок ожидания ответа от приложения.