Блоки «Информационные»

Раздел «Информационный блок» предназначен для настройки визуальных и текстовых элементов на странице сайта. В зависимости от выбранного шаблона блока, редактирование может включать загрузку изображений, изменение заголовков, описаний, карточек, кнопок и управление отображением самого блока.

Что можно редактировать в информационных блоках

В показанных вариантах блока доступны следующие элементы:

1. изображения;
2. заголовки;
3. описания и основной текст;
4. карточки с отдельными пунктами;
5. кнопки действия;
6. состав элементов внутри блока;
7. видимость блока на сайте.

Как управлять отображением блока

В правом верхнем углу расположен переключатель «Скрыть блок “Информационный”». Эта кнопка позволяет быстро скрыть или отключить отображение блока на сайте. Если блок нужно временно убрать со страницы, используйте этот переключатель. Если блок должен оставаться видимым, убедитесь, что он не отключен.

Как редактировать изображения

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

Чтобы изменить изображение:

1. наведите курсор на нужную область с фото;
2. нажмите на круглую иконку с изображением картинки;
3. выберите файл на устройстве;
4. подтвердите загрузку;
5. проверьте, что новое изображение корректно отобразилось в блоке.

Если в блоке отображается надпись «Нет Фото», это значит, что изображение еще не загружено. В этом случае достаточно нажать на иконку загрузки и добавить нужный файл.

Как редактировать первый тип информационного блока

На первом экране показан блок, состоящий из двух изображений слева и текстовой части справа.

В этом варианте можно изменить:

1. первое изображение;
2. второе изображение;
3. заголовок блока;
4. текст описания;
5. текст кнопки.

Порядок редактирования:

1. Сначала загрузите или замените изображения в двух карточках слева. Для этого нажмите на иконку редактирования в правом верхнем углу каждой карточки.
2. После этого перейдите к текстовой части справа.
3. В поле заголовка введите основной заголовок блока. На экране он показан как строка «Введите заголовок блока».
4. Ниже измените основной текст описания. Это информационный абзац, который объясняет содержание блока.
5. Проверьте кнопку под текстом. При необходимости измените ее название, например на «Получить консультацию», «Подробнее», «Оставить заявку» или другой подходящий вариант.
6. После внесения изменений проверьте, чтобы изображения и текст сочетались между собой по смыслу.
 

Как редактировать второй тип информационного блока с карточками

На втором экране показан блок, состоящий из большого изображения слева и четырех информационных карточек справа.

В этом варианте редактируются:

1. большое основное изображение;
2. изображения в каждой карточке;
3. заголовки карточек;
4. описания внутри карточек.

Как работать с этим блоком:

1. В левой части загрузите или замените большое изображение. Оно является основным визуальным элементом блока.
2. В правой части расположены четыре карточки. Каждая карточка редактируется отдельно.
3. Для замены изображения в карточке нажмите на маленькую иконку изображения в верхней части нужной карточки.
4. В строке заголовка укажите название карточки, например «Заголовок номер 1».
5. Ниже в текстовом поле измените описание карточки. На скриншоте это текстовый абзац, выделенный рамкой.
6. Повторите эти действия для всех карточек, которые должны отображаться в блоке.
7. Следите за тем, чтобы заголовки карточек были короткими и понятными, а описания — информативными и не слишком длинными.

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

Как редактировать третий тип информационного блока со списком и детальным содержанием

На третьем экране показан блок с навигацией слева и подробным содержанием справа.

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

В этом варианте можно редактировать:

1. список элементов слева;
2. изображения у пунктов;
3. названия пунктов;
4. основной заголовок справа;
5. подзаголовок;
6. большое изображение;
7. основной текст;
8. кнопку действия;
9. количество пунктов в списке.

Как работать с этим блоком:

1. В левой колонке отредактируйте существующие пункты списка. У каждого пункта есть миниатюра, заголовок и кнопка перехода со стрелкой.
2. Чтобы изменить миниатюру, нажмите на иконку изображения рядом с нужным элементом.
3. Измените название пункта, например «Заголовок 1» или «Заголовок 2».
4. Если необходимо добавить новый пункт, нажмите на круглую кнопку с плюсом внизу списка слева.
5. После выбора нужного пункта слева настройте его подробное содержание в правой части.
6. Укажите основной заголовок блока.
7. Ниже заполните информативный подзаголовок.
8. Загрузите или замените крупное изображение в центральной области.
9. Отредактируйте основной текст под изображением. На скриншоте видно два текстовых абзаца — их можно использовать для подробного описания услуги, направления или предложения.
10. При необходимости измените подпись кнопки внизу справа, например «Отправить заявку».
11. Проверьте, чтобы содержимое справа соответствовало выбранному пункту слева.

Что означают элементы интерфейса

Круглая иконка с изображением картинки означает загрузку или замену изображения.
Кнопка со стрелкой в списке слева открывает или переключает соответствующий информационный элемент.
Кнопка с плюсом внизу списка добавляет новый пункт в блок.
Кнопка «Скрыть блок “Информационный”» управляет отображением блока на сайте.

Рекомендации по заполнению информационных блоков

Используйте короткие и понятные заголовки. Они должны сразу объяснять пользователю, о чем идет речь.
В описаниях размещайте только важную информацию. Не перегружайте блок слишком длинными текстами.
Подбирайте изображения, которые соответствуют содержанию блока и хорошо смотрятся в общем дизайне страницы.
Если в блоке есть несколько карточек, оформляйте их в едином стиле: одинаковая длина заголовков, похожая структура текста, схожая подача информации.
Текст на кнопках должен побуждать к действию: «Подробнее», «Получить консультацию», «Оставить заявку», «Связаться с нами».

Краткий порядок редактирования любого информационного блока

1. Откройте нужный информационный блок.
2. Проверьте, включено ли его отображение.
3. Загрузите или замените изображения.
4. Отредактируйте заголовки.
5. Заполните описания и основной текст.
6. Настройте карточки или пункты списка, если они есть.
7. Измените текст кнопок.
8. Проверьте итоговый вид блока на странице.
9. Сохраните изменения.