Настройка форм инфоблока в 1С Битрикс
Чем мне нравится 1С Битрикс, это гибкость настройки самой системы и тут мы разберем, как настраивать внешний вид форм при редактировании элементов и разделов, как добавлять подсказки к полям, и поговорим об основных ошибках.
Работая с большим количеством элементов инфоблока, с товарами, различными справочниками каталогами статей, и добавляя или редактируя в них материалы, сталкиваемся, что в форме присутствует различные поля, которые на сайте не используются. Такие поля как привило, устанавливаются по умолчанию, и я не вижу смысла отображать их в форме инфоблока при заполнении элемента.
Благодаря дополнительным настройкам у нас есть возможность переместить любые поля с любой закладки формы, добавить новые закладки, формировать для каждого конкретного инфоблока свой внешний вид, а также настраивать вид формы индивидуально под каждого пользователя который с ней работает, а как это сделать смотрите далее…
Функционал 1С Битрикс позволяет настраивать и изменять форму под любые потребности контент-менеджера, то есть, под каждого менеджера можно настроить ее индивидуальное отображение.
Я покажу общую концепцию настройки на одной учетной записи, а вы на примере данного видео сможете настроить ее под себя.
Далеко ходить не будем, и для примера возьмем новости которые выводятся на главной странице. Включаем режим правки, открываем форму редактирование элемента. И тут видим что форма настроена по умолчанию где присутствуют лишние поля которые не используются для отображения новостей. Поля которые в принципе не используются для вывода информации их целесообразно удалить. То есть привести эту форму к такому виду, что бы она понятна была для пользователя, который с ней работает и заполняет данный элемент.
Для ее редактирования переходим в административную часть в инфоблок «Новости» и откроем любой элемент на редактирование.
В правом углу вы увидите такую шестеренку, жмем на нее, выбираем настройки, открывается окно, в котором можем проводить дополнительные настройки текущей формы.
В левой части находятся допустимые вкладки и поля, которые можно использовать для настроек, а в правой то, что на данный момент установлено для отображения. Тоже самое в веху присутствуют вкладки, это те вкладки, которые отображаются в верхней части формы, а в нижней части присутствуют поля, которые отображаются в данных вкладках.
И наша основная задача, с комбинировать эти вкладки и поля таким образом, что бы нам было проще и быстрее заполнять свойства данного элемента.
Я в первую очередь отмечаю те поля, которые хочу использовать в данном инфоблоке. Для этого, пробегаюсь по всем вкладкам, и выписывая их название.
- Начало активности
- Название
- Символьный код
- Главная новость главной страницы
- Главная новость раздела
- Источник
- Тема
- Картинка для анонса
- Описание для анонса
- Детальное описание
- SEO
- Разделы
Затем возвращаемся в форму для редактирования, далее удаляю все поля и вкладки, которые тут установлены по умолчанию.
Затем начинаем формировать свои вкладки.
Первая идет новость, это название элемента, удаляем все поля, которые в ней присутствуют и поочередно заполняем те, которые нам нужны.
Первое перемещаю поле «Начало активности» и что бы более понятней было, переименуем его в «Дата публикации». Затем перемещаем «Название», переименовываем его в «Заголовок». За ним расположим «Символьный код» и сюда же из вкладки разделы я добавлю поле «Разделы».
Далее пропишу разделитель с названием «Дополнительные свойства» и за ним перемещаю дополнительные поля, «Главная новость главной», «Главная новость раздела», «Источник», «Тема».
Следующую вкладку «Анонс», переименую ее в «Содержание», в ней будет «Изображение», «Описание для анонса», и с детальной вкладки перенесем «Детальное описание», переименовав в «Полное описание».
Если поставить в общих настройках галочку «Установить данные настройки по умолчанию для всех пользователей».
В этом случае они будут установлены для всех пользователей системы. То есть, настроили один раз форму в данном инфоблоке и назначили данные настройки для всех пользователей, а кому они не устраивают в этом случае сам пользователь под себя их подстроит.
Далее сохраняем, смотрим, как они отображаются. Теперь в визуальной части, форма представлено в более удобном виде и понятная для заполнения.
Так же есть настройка позволяющая сбросить все предварительные настройки формы, для этого кликаем по шестеренке, и выбираем второй пункт «Отменить настройки формы», сохраняемся. Форма сразу приняла изначальный вид до редактировании, таким же образом можем вернуть все обратно.
Подсказки в формах
Возможно, в некоторых случаях вам понадобятся добавить подсказки к одному или нескольким полям, которые дадут более широкое понятия текущих заголовков полей.
Подсказки устанавливаются в настройках инфоблока, для этого открываем его настройки, свойства, выбираем свойство к которому нужно добавить подсказку, спускаемся до поля «Подсказка», и тут вписываем более широкое понятие данного заголовка, к примеру, «Введите ссылку на первоисточник от куда взята информация».
Затем обязательно не забываем, сохранится и проверить результат.
Основные ошибки
Когда контент-менеджер начинает работать с данными полями, он думает что, текущая манипуляция может повлиять на отображения информации на сайте. На самом деле, данное визуальное оформление формы не коем образом не влияет, как она будет представлена, влияет только-то какую информацию вы вводите и заполняете в текущие поля.
Для наглядного приведу пример из своей практики.
Когда я только начинал работать с системой 1С Битрикс, и узнал про возможность редактирование данных полей, я сразу сказал себе, Вауу, как уматно. Теперь я знаю, как добавлять свои свойства и выводить их на страницу сайта.
К примеру, добавим дополнительное свойство, «Теги», это будет у нас список, пропишем символьный код «TEGS», открываем на редактирование, спускаемся в самый низ и укажем пару значений, бизнес, интернет, политика.
Сохраняемся и проходим в настройки элемента формы.
Тут мы не видим данное свойство, которое добавили, и для того что бы ее вывести в данной форме, переходим в настройки, и теперь когда мы с щелкаем на вкладку «Новость», Теги отобразились в доступных полях. Перемещаем его в нашу таблицу с полями, можно поднять выше, при необходимости переименовать или оставить в таком виде, сохраняемся, и в форме появилось дополнительное свойство где можем выбрать из предложенных вариантов свой Тег.
Сохранившись, мы полагаем, что данный результат отобразится на странице у данного элемента. Но у вы, перейдя на сайт в данную новость, мы его не видим. И само собой вы его там не увидите, так как данное свойство просто добавилось в текущую таблицу инфоблока, но сама система не может догадаться, где его отобразить, в каком виде представить и какие логические действия будут при этом происходить.
Следующее заблуждение, изменяя название свойств в форме, мы думаем, что они поменяются на странице сайте.
По крайне мере мне раз писали такие вопросы в личку, «Почему изменил название свойства в форме, а оно не отобразилось на странице.». И все дело в том, что вы просто меняете название в текущей форме, и не каким образом оно не относится к той информации которая выводится на странице. Эти названия в форме нужны только для удобства заполнения текущих полей, и не более.
К примеру, отредактируем свойство «Источник» которое отображается в самой статье и посмотрим, что с ним произойдет на странице сайте. В место источника я укажу, «Ссылка на первоисточник:», сохранимся и посмотрим, как свойство отобразится в детальной новости.
Переходим в статью и в самой статье оно не изменилось, так как предыдущие манипуляции не коем образом не влияют на визуальную часть сайта.
Визуальная часть редактируется путем внесение правок шаблона компонента, который выводит эту информацию в том виде как он запрограммирован, но, а как это редактировать компонент, это тема другого урока где нужны более глубокие знания АПИ битрикса и понимать основы программирования.
Следите за сайтом и вы обязательно этому научитесь, а в следующем выпуске подробнее поговорим о SEO настройках инфоблока.
Урок подготовил Горелов Денис автор канал DWS TV.
Оставить комментарий:
Настраиваем внешний вид интерфейса редактирования элемента инфоблока
Проблема распространённая – разработчики сделали сайт, всё вылизали, сайт утверждён. Потом понадобилось добавить какие-то поля, поля добавили, но в интерфейса редактирования элемента инфоблока не отрегулирование положение полей и контент-редактору просто не удобно заполнять карточку товара, новости, статьи или иного материала в инфоблоке.
Может ли пользователь что-то сделать для того, чтобы наступило счастье?
Конечно!
Заходим в элемент инфоблока и видим сверху поле «настроить» — нам туда.
В появившейся форме нас интересет диалог «вкладки»:
- С помощью стрелочки мы можем добавить во «вкладки» недостающие пункты из списка «доступные вкладки»
- С помощью кнопок «выше» и «ниже» мы можем регулировать порядок следования вкладок в интерфейсе
- С помощью кнопки «удалить» мы можем избавиться от ненужной нам вкладки
- С помощью кнопки «изменить» можно отредактировать название вкладки на более понятное, если вы путаетесь.
- Ну и наконец, кнопка «добавить» позволяет нам создать новую вкладку.
После того как вы отредактировали состав и порядок вкладок приходит время разобраться с их содержимым. Для этого доступны два нижних окна: «доступные поля» и «выбранные поля».
Среди выбранных полей отображаются те, что в настоящий момент присутствуют в выбранной вами вкладке. С помощью кнопок напротив окна «выбранные поля» вы можете по аналогии регулировать состав и порядок полей во вкладке.
1) Выберем во вкладке «элемент» поля «название для ФРОНТИР» и «подкатегория для ФРОНТИР» и с помощью кнопок «выше» поднимем их до поля «Артикул».
Примечание. Если выбрать 2 и более поля (зажав shift или ctrl в случае ОС Windows для множественного выбора) {1 на рисунке} мы можем с помощью кнопки «выше» {2 на рисунке} поднимать их синхронно, сохраняя их порядок и интервал между ними.
2) Сгруппируем всё необходимое контент-менеджеру в одной вкладке и скроем всё лишнее
- Для этого выделим вкладку «Анонс» и нажмём кнопку «удалить»
- Выберем вкладку «Подробно» после чего удалим из неё все поля и удалим саму вкладку. Обратите внимание на следующий рисунок – поля ранее бывшие во вкладке «Подробно» теперь оказались в списке Доступных полей!
- Выберем вкладку «Элемент», перенесём стрелочками поля «Детальная картинка» и «Детальное описание» из Доступных в Выбранные поля и с помощью кнопок «выше» и «ниже» (как описано в предыдущем примере) отредактируем их местоположение!
Обратите внимание на следующий рисунок – поля ранее бывшие во вкладке «Подробно» теперь оказались в списке Доступных полей!Примечание.
Поля будут вставлены поле того поля, что выбрано в списке «Выбранные поля». Т.е. если выбрано было поле «Лидер продаж», то наши поля окажутся сразу после него.
- Дальше всего лишь необходимо сохранить произведённые изменения и наслаждаться результатом.
- В случае, если произведённые изменения не позволяют вам комфортно работать, но вы не знаете как вернуть всё обратно, вам может помочь кнопка «сбросить» — она вернёт ваши настройки к тем, что установлены «по умолчанию».
Более подробно с настройкой панелей редактирования можно ознакомиться в обучающих курсах 1С-Битрикс, например http://dev.
1c-bitrix.ru/learning/course/index.php?COURSE_ID=35&LESSON_ID=1912
Если вы администратор сайта на 1С-Битрикс
И если вы уверены, что уяснили потребности всех пользователей – не забудьте воспользоваться галочкой «Установить данные настройки по умолчанию для всех пользователей» и осчастливить всех своих подопечных разом, чтобы не настраивать им внешний вид формы редактирования самостоятельно каждый раз.
Мы не приводим универсального решения по большому счёту. Мы просто отвечаем здесь на один из наиболее часто возникающих вопросов, которым разработчик просто не может заниматься при малейших изменениях сайта. И о которых заказчик не торопиться узнавать из учебных курсов 1С-Битрикс…
Читайте документацию – она отвечает на множество ваших вопросов быстрее и эффективнее!..
Параметры поля — Bitrix Site Manager
Параметры поля — Bitrix Site Manager — Content Management & Portal SolutionsВ этом разделе
Эта форма используется для создания и изменения полей формы.
Контекстная панель
| Кнопка | Описание |
|---|---|
| Поля | Открывает страницу со списком полей формы. |
| Создать | Открывает форму, в которой можно создать новое поле формы. Кнопка отображается только при редактировании существующего поля. |
| Копия | Дублирует текущее поле в новое. Кнопка отображается только при редактировании существующего поля. |
| Удалить | Удаляет текущее поле. Кнопка отображается только при редактировании существующего поля. |
| Статусы | Открывает страницу со списком статусов формы. |
| Вопросы | Открывает страницу, содержащую список вопросов формы. |
| Результаты | Открывает страницу, содержащую список результатов формы. |
Форма редактирования
Вкладка «Свойства»
| Поле | Описание |
|---|---|
| Форма | Форма, которой принадлежит поле. |
| Модифицированный | Дата последнего изменения поля. Поле отображается только при редактировании существующего поля. |
| Активный | Указывает, активно поле или нет. |
| Сортировка | Порядок сортировки полей. Определяет позицию поля в таблице результатов и в фильтре. |
| *Символический идентификатор | Символьный код поля. Здесь можно использовать только латинские буквы. |
| Тип поля | Позволяет хранить данные в указанном формате и выбирать поля в фильтре:
|
| Титул | Заголовок поля. |
* — Обязательные поля.
Вкладка «Результаты»
Вкладка служит для настройки
параметры значения поля
отображать.
| Поле | Описание |
|---|---|
| Показать в таблице результатов | Если этот флажок установлен, значения полей будут отображаться в HTML-таблица результатов. |
| Показать результат в Excel таблица | Если этот флажок установлен, значения полей будут отображаться в таблицу результатов Excel. |
| Заголовок столбца в таблица результатов | Текст, который будет отображаться в результате таблица как заголовок столбца содержащий поле ценности. |
Вкладка «Фильтр»
Данная форма предназначена для настройки полей фильтра, которые будут использоваться для поиска записей по значению поля.
| Поле | Описание |
|---|---|
| Поля фильтра | Типы полей, по значениям которых будут фильтроваться элементы страницы Список форм .
Следующее
варианты доступны в
filter:
|
| Наименование поле фильтра | Текст для отображения рядом с выбранными полями фильтра в таблице результатов. |
Вкладка «Комментарий»
Данная форма позволяет создать комментарий администратора в поле.
Кнопки управления
| Кнопка | Описание |
|---|---|
| Сохранить | Сохраняет параметры поля. Открывает страницу со списком полей. |
| Подать заявку | Сохраняет поле параметры. Редактирование продолжается. |
| Отмена | Отменяет текущий изменяет и восстанавливает параметры к их исходные значения. |
Как интегрировать сайты с Битрикс24 с помощью виджета и формы CRM
Это руководство о том, как встроить виджет Битрикс24 на сайт для создания лидов. Процесс одинаков для WordPress, Drupal и других платформ.
Разработчики Битрикс24 приложили большие усилия, чтобы обеспечить возможность интеграции Битрикс24 с другими системами для обмена информацией.
В этой статье мы рассмотрим, как возможен такой обмен информацией с сайтом компании, и покажем, как настроить лиды с помощью интеграции Битрикс24 и Сайта.
Давайте начнем.
Мы будем использовать облачный Битрикс24 и установку WordPress с настройками по умолчанию.
Ваш сайт может быть построен на любой платформе, это не имеет значения. Мы просто добавим в него созданный Битрикс24 html-код в конце.
В демонстрационных целях мы будем использовать два тестовых сайта: сайт на Битриксе и сайт на WordPress.
Тестовый сайт создан на Битрикс:
Тестовый сайт, созданный на WordPress:
Обратный вызов – это распространенный элемент на веб-сайтах. Это похоже на приемник, который вибрирует или мигает, чтобы привлечь внимание.
Вы можете настроить аналогичный элемент на своем сайте с помощью Битрикс24 без помощи программиста.
Процедура настройки включает три этапа:
настройка формы, которая будет вызываться виджетом.
настройка самого виджета;
размещение виджета на сайте.
Откройте раздел CRM формы в CRM Битрикс24.
В обновленных CRM Битрикс24 Вы найдете формы и виджеты CRM в «дополнениях»
В открывшемся окне вы увидите три предустановленные формы: Обратный звонок, Форма обратной связи и Контактные данные:
Следующее, что вам нужно сделать, это скопировать форму, которую нужно встроить.
Вы можете увидеть совершенно новую форму, которую вы только что скопировали из предустановленных. Нажмите кнопку «редактировать».
Далее редактируем форму. Измените имя, заголовок и текст в форме, как показано ниже. Мы также можем добавить поле «Имя» из объекта «Лид». Для этого откройте раздел «Лид» и щелкните поле «Имя»:
Цвет по умолчанию синий. Если он не совпадает с цветовой палитрой вашего сайта, вы можете выбрать более подходящий вариант в поле Цвет.
Не забудьте указать ответственного за новый лид или перезвон клиенту в поле Ответственное лицо:
Откройте раздел «Еще». Он содержит множество полезных настроек для нашей формы, которые позволяют задать правила заполнения поля лида и задать метрики для оценки рекламной кампании маркетологами:
Сохраните форму.
После того, как вы сохранили новую форму, вы увидите ее в списке. Не забудьте включить его:
Теперь вы можете разместить форму на любой из ваших веб-страниц.
Для этого нажмите кнопку кода сайта и скопируйте представленный код на нужную страницу.
Однако нам нужна не просто форма на сайте, а приемник, который будет привлекать внимание, т.е. виджет. Поэтому нам нужно перейти ко второму этапу.
Установка виджета Битрикс24 на любой сайтДавайте создадим виджет и прикрепим к нему нашу новую форму обратного звонка. Для этого заходим в CRM и в меню выбираем «Виджет сайта».
Откроется окно с готовым виджетом. Он показывает несколько каналов для входящих лидов:
Нам нужно создать виджет только для заказа обратного звонка.
Выберите Создать виджет:
Введите имя виджета «Вызов заказа».
Отключите лишние каналы — откройте форму линии и CRM, выберите форму «Заказ обратного звонка».
В правой части окна находятся настройки положения виджета, цвета и времени показа страницы сайта.
Настроим наш виджет на сайт:
Сохраним виджет. Теперь у нас есть установленный виджет с прикрепленной к нему необходимой формой.
Переходим к третьему этапу — размещению виджета на сайте.
Чтобы разместить виджет Битрикс24 на сайте, добавьте скрипт, созданный Битрикс24, в html-код страницы.
Мы покажем вам, как разместить виджет на сайте, чтобы он отображался на всех страницах.
Для этого примера мы будем использовать наш тестовый сайт, созданный на Битрикс24.
В CRM Битрикс24 нажмите на пункт левого меню «CRM» -> Еще -> Виджеты моей компании
Нажмите кнопку Код сайта:
Нажмите Копировать в буфер в открывшемся окне:
Далее переходим на наш тестовый сайт.
Заходим в административный режим, где последовательно выбираем разделы Настройки-Настройки продукта-Веб-сайты-Шаблоны сайтов.
Затем мы выбираем Изменить в используемом шаблоне:
Переходим в самый низ кода шаблона и вставляем наш скрипт перед закрывающим тегом
