Контент - наполнение блока


Чтобы блок на странице был информативным — его нужно наполнить контентом. Создавать и редактировать информацию в блоках можно в разделе «‎Контент». 

В каждом блоке поля для контента могут отличаться, но принцип заполнения у них один. 

Пример контента в блоке с видео

Наведите на область блока и нажмите кнопку «‎Контент». 

Откроется попап-окно. В разделе «‎Контент» вы можете редактировать:

  1. Заголовок для меню. 
  2. Шапку блока. 
  3. Видео.
  4. Первую кнопку.
  5. Вторую кнопку. 

Если вы не хотите выводить какую-то информацию, например, заголовок для меню, шапку или кнопку — используйте чекбокс рядом с названием поля. Вы можете заполнить поле и отключить чекбокс. Чтобы применить изменения, нажмите кнопку «‎Применить» в правом верхнем углу. 

Заголовок для меню. В этом поле вы можете вписать название для быстрой навигации — так блок будет отображаться в меню якорей. 

Шапка блока. Здесь вы можете ввести:

  1. Надзаголовок.
  2. Заголовок.
  3. Подзаголовок.
  4. Описание. 

В полях «‎Подзаголовок» и «‎Описание» реализован визуальный редактор от 1С-Битрикс. Он по умолчанию выключен. Включить его можно в настройках раздела «‎Для разработчиков» из административной части сайта. 

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

В шапке блока вы также можете загрузить превью — приветственную картинку к видео. 

Если мы заполним все поля в шапке сайта, блок будет выглядеть так: 

  1. Надзаголовок. 
  2. Заголовок.
  3. Подзаголовок.
  4. Описание
  5. Превью. 

Видео. В этом поле вы можете:

  1. Вставить ссылку на видео с YouTube.
  2. Активировать функцию «‎Показывать видео во всплывающем окне». Тогда при нажатии на видео — оно будет открываться в попап-окне. 
  3. Добавить подпись. Она будет располагаться под видео. 

Кнопки. Вы можете добавить в блоке кнопки. Они будут располагаться под видео. 

Рассмотрим их настройки.

  1. Укажите тип кнопки: цвета темы сайта, прозрачная, белая. 
  2. Укажите размер кнопки: по умолчанию, маленькая, мини, большая. 
  3. Добавьте текст для кнопки. 
  4. Выберите тип ссылки, куда будет переходить пользователь по клику на эту кнопку. Ссылка может быть внутренняя — по сайту, внешняя — открывается в новой вкладке, блочная — переводит на якорь на сайте, ссылка на форму — показывает всплывающее окно с формой или переводить на форму на сайте.  
  5. Для типов ссылки «‎Внешняя» и «‎Внутренняя» необходимо вставить ссылку, для ссылок «‎Блок» и «‎Форма» — выбрать ссылку из предложенных. 

Кнопки в блоке с видео выглядят так: 

Контент в блоке с видео добавлен. 

Пример контента в блоке с формой обратной связи

Для редактирования информации переходим в раздел «‎Контент». 


В разделе «‎помимо стандартных полей — заголовок для меню (1) и шапка сайта (2) — появилось новое поле «‎Форма» (3). Рассмотрим особенности поля  «‎Форма». 

Вы можете выбрать ту форму обратной связи, которая подходит вашей компании. Есть 4 типа формы. 

1 тип — Не выбрано. В блоке с обратной связью вы можете оставлять только свои контакты и не выводить форму. 

2 тип — Заказать звонок. В этой форме ваши клиенты смогут оставить свое имя и контактный телефон, чтобы менеджер им перезвонил. 

3 тип — Оставить заявку. Это более подробная форма. Здесь ваши клиенты смогут указать имя, телефон, email, указать тему обращения и ввести текст с запросом. 

4 тип — Стать партнером. В этой форме ваши будущие партнеры смогут оставить свои данные: имя, телефон, email, сайт и карточку партнера на сайте 1С-Битрикс.

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

Пример контента в текстовом блоке

Для редактирования информации переходим в раздел «‎Контент». 



В разделе ‎помимо стандартных полей появилось новое поле «‎Карточки». Рассмотрим его особенности.

Карточки — основные элементы блока, его главный контент. Например, в текстовом блоке с преимуществами карточки — это те самые преимущества. 

 

Вы можете выключать (1), удалять (2), перемещать вверх/вниз (3) и добавлять новый элемент (4)

Названия элементов кликабельные. По клику вы попадаете в редактор самого элемента. Разберем настройки элемента. Вы можете:

  1. Прописать заголовок элемента. 
  2. Добавить описание. 
  3. Загрузить изображение. 

Также есть блоки, в элементах которых можно загружать ссылки.