Приложение для CRM Битрикс24

Большая картинка в поле карточки

Изображение на всю ширину левой половины карточки Лида, Сделки, Контакта, Компании и Смарт-процесса. Вместо маленькой иконки файла — крупная картинка, которую удобно рассматривать и использовать в работе.

  • Для интеграторов и администраторов Битрикс24
  • Работает в облаке и на коробке
  • Подходит для фото, карт, инструкций, чек-листов и скриншотов

Разработка команды Digital for Sales — интеграция и полезные приложения для Битрикс24.

Большая картинка в поле карточки: пример отображения

Для кого это приложение

Приложение создано для тех, кто отвечает за удобство работы сотрудников в карточках и за визуальную наглядность данных:

🛠️ Интеграторы Битрикс24

Добавляйте в проекты внедрения понятные визуальные сценарии: карта проезда в карточке, фото товара крупно, иллюстрированные чек-листы, скриншоты-инструкции. Это повышает качество использования CRM и снижает количество вопросов от пользователей.

✔️ Администраторы порталов

Настраивайте карточки так, чтобы сотрудники видели не миниатюру файла, а детальную картинку в рабочем контексте. Удобно для онбординга, контроля качества, стандартов работы и визуальных подсказок по стадиям.

👥 Бизнес-команды

Продажи, сервис, HR, проектные офисы — всем, кто работает в карточках CRM и смарт-процессов и кому важно быстро ориентироваться по визуальным материалам: схемы, планы, образцы, инструкции и иллюстрации.

Основной функционал

✅ Новый тип поля «Большая картинка»

Приложение добавляет новый тип пользовательского поля, который предназначен для вывода изображения крупно — на всю ширину левой части карточки.

✅ Служебное поле «Файл с большой картинкой»

После установки автоматически появляется техническое поле для загрузки файла. В него можно загружать изображение вручную или автоматически — роботом/активити БП.

✅ Поддержка CRM и смарт-процессов

Работает в Лидах, Сделках, Контактах, Компаниях и Смарт-процессах. Подходит для разных сценариев: от продаж до онбординга и внутренних регламентов.

✅ Быстрое подключение: второе поле создаёте вы

Вам останется создать ещё одно поле с типом «Большая картинка» (название может быть любым). Затем загружайте файл в служебное поле — и картинка появится в вашем поле отображения.

✅ Сценарии: инструкции, карты, товары, примеры документов

Картинка может быть чем угодно: фото товара, карта проезда, чек-лист, мини-инструкция в графическом формате, фрагменты образцов документов, скриншоты с подсказками, визуальные материалы для обучения и сопровождения сотрудников.

Бизнес-кейс: онбординг сотрудников

Онбординг сотрудников в компании организован на базе смарт-процесса. В каждой стадии роботы подкачивают в соответствующие поля элемента тексты, видео и иллюстрации.

В частности, благодаря приложению сотруднику крупно показывают полезные визуальные материалы: план офиса и ближайшие места, где можно пообедать; фото руководителей и коллег; карту, как добраться до места работы; фрагменты образцов заполнения документов и отчётности.

Также удобно показывать скриншоты авторизации в сервисы и типовые ошибки с описанием действий, а ещё — фотографии, иллюстрирующие жизнь компании (тимбилдинги, обучение, корпоративы). Такой онбординг становится визуально понятным, «самообъясняющимся» и снижает нагрузку на HR и руководителей.

Как это работает

1

Установите приложение

Установка происходит автоматически. Сразу после установки в сущностях CRM и в смарт-процессах появляется служебное поле для загрузки изображения.

2

Появится поле «Файл с большой картинкой»

Это техническое поле типа «Файл»: загружайте в него изображение вручную или подкачивайте роботом/активити БП — как удобно в вашем сценарии.

3

Создайте поле типа «Большая картинка»

Создайте ещё одно поле с типом «Большая картинка» (название может быть любым, например «Большая картинка»), затем обновите страницу (F5), чтобы приложение увидело ID поля.

4

Загрузите файл — картинка отобразится крупно

Загружаете изображение в «Файл с большой картинкой» — и оно появляется в созданном поле отображения на всю ширину левой части карточки. При желании можно скрыть поле загрузки и оставить только «красивое» отображение.

Зависимость функционала от тарифного плана

🔐 Варианты решения будут работать на тарифах, где доступен соответствующий функционал. В Лидах, Сделках, Контактах и Компаниях — на всех тарифах.

⭐ В Смарт-процессах — на тарифах не ниже Профессионального.

Как выглядит приложение в Битрикс24

Пример отображения большой картинки в карточке
Выбор изображения и визуальный блок в левой части карточки
Сценарии использования и добавленные действия
Уведомление: обновите страницу после создания поля
Загрузка изображения в служебное поле
Отображение загруженного файла крупно в карточке

Видеообзор приложения

Юрий Павлюк показывает, как вывести большую картинку в карточке CRM и смарт-процессов: установка, создание поля, обновление страницы и загрузка изображения.

Отзывы пользователей

⭐⭐⭐⭐⭐ Раз уж в Б24 (у нас облако) нельзя раскрашивать текст (там мини-инструкция для сотрудника) разными цветами и менять размеры букв — мы сделали это в картинках, и картинки залили в карточки лидов с помощью этого приложения.

⭐⭐⭐⭐⭐ Отличное приложение! незаменимое для оформления обучения сотрудников, стандартные поля для этого очень неудобны. А тут — все видно и понятно — можно описать скриншотами что делать сотруднику. Огромное спасибо разработчикам за создание этого приложения и отдельное — что сообщили о его создании в ответ на один из моих прошлых вопросов по такой возможности.

⭐⭐⭐⭐⭐ Очень пригодилось для добавлении изображений планов жилых и промышленных объектов в карточки сделок — менеджерам намного проще стало работать и консультировать клиентов.

⭐⭐⭐⭐⭐ Очень простое в установке и полезное приложение. Используем в смарт-процессах для юридических и финансовых документов.

Вопросы и ответы

Для чего нужна «Большая картинка» в карточке?

Чтобы удобно отображать изображение в крупном формате прямо в левой части карточки. Это полезно, когда миниатюры недостаточно, а картинку нужно видеть детально.

Какие изображения можно показывать через это поле?

Любые: фото товаров, карты проезда, инструкции, скриншоты, фрагменты документов. Поле подходит для любых визуальных материалов, требующих крупного отображения.

Как добавить большую картинку в карточку?

Создайте поле типа «Большая картинка», затем загрузите файл в служебное поле «Файл с большой картинкой». После сохранения изображение появится в нужном месте.

Почему нужно обновлять страницу после создания поля?

Обновление позволяет приложению получить ID созданного поля. Без этого связь между полями не установится, и картинка не будет отображаться.

Можно ли загружать картинки автоматически?

Да, загрузку можно выполнять роботами или активити бизнес-процессов. Это удобно для сценариев, где изображение должно меняться в зависимости от стадии.

Работает ли приложение в смарт-процессах?

Да, приложение поддерживает все CRM-сущности и смарты. В смарт-процессах оно особенно полезно для визуального оформления онбординга и инструкций.

Можно ли выводить несколько картинок?

В первой версии доступно отображение одной картинки. Функция множественных изображений готовится и появится в следующем релизе.

Что отображается в служебном поле «Файл с большой картинкой»?

Это техническое поле для загрузки изображений. Оно не выводит картинку, а лишь передает файл в визуальное поле, где и происходит отображение.

Можно ли использовать картинки как обучающие материалы?

Да, это один из основных сценариев. Крупные изображения отлично подходят для инструкций, схем, планов офисов, примеров документов и онбординга.

Работает ли приложение на любых тарифах?

В CRM-сущностях — на всех тарифах. В смарт-процессах — начиная с тарифа «Профессиональный».

Как установить и настроить приложение

1

Установите приложение

Перейдите в Маркетплейс Битрикс24 по кнопке ниже и установите приложение (в облаке устанавливается автоматически).

2

Поля добавятся автоматически

После установки в Лидах, Сделках, Контактах, Компаниях и Смарт-процессах появятся новый тип поля «Большая картинка» и поле «Файл с большой картинкой».

3

Создайте поле отображения

Создайте ещё одно поле с типом «Большая картинка» (название может быть любым, например «Большая картинка»), затем обновите страницу (F5).

4

Загрузите изображение

Загрузите файл в поле «Файл с большой картинкой» вручную или роботом/активити БП — и картинка появится в созданном поле отображения.

Также по теме:

- Онбординг сотрудников в Битрикс24: почему визуальные инструкции работают лучше текста

- Визуальные подсказки по стадиям в Битрикс24: как изображения помогают работать без регламентов

- Когда текст в CRM уже не работает: зачем в Битрикс24 переходят от описаний к изображениям

- Реальные кейсы: как компании используют большие изображения в карточках Битрикс24

- Почему стандартные поля Битрикс24 неудобны для инструкций, схем и визуальных подсказок

- Как сделать карточку лида или сделки наглядной: большие изображения в Битрикс24

- Лендинг приложения

- Текстовая версия видеопрезентации

отображение большой картинки в карточке, большая картинка в поле карточки, изображение на всю ширину карточки, отображение изображения в CRM, поле для большой картинки, отображение фото в карточке, увеличенное изображение в CRM, отображение графики в карточке, отображение иллюстраций в CRM, отображение изображения в элементе, отображение фото в лидах, отображение картинки в сделках, отображение изображения в контактах, отображение фото в компаниях, отображение картинки в смарт-процессах, отображение изображения в полях, отображение фото в элементах CRM, отображение графики в карточке элемента, отображение изображения в левой части карточки, отображение фото в бизнес-процессах, отображение картинки в роботах, отображение изображения в активити