Как добавлять и наполнять блоки?

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

Чтобы добавить новый блок:

1. Наведите курсор на любой уже добавленный блок и нажмите на кнопку «Добавить блок». Откроется коллекция с шаблонами блоков.
2. Перейдите на вкладку с одним из 12 типов блоков. Блоки, уже используемые на вашем сайте, отображаются вверху списка шаблонов.
3. Выберите наиболее подходящий для вас шаблон.

Теперь вы можете приступить к наполнению блока контентом и настройке каждого контейнера и элемента блока. Подробнее о типах блоков и их отличиях читайте в статье «Какие блоки можно добавить на сайт?».

Сайт состоит из блоков, а блоки — из контейнеров, в которых располагаются элементы. Тип контента будет зависеть от выбранного типа блока. Например, блок «Список» состоит из элементов иконка, заголовок и текст.

А «Прайс-лист» — из строк и столбцов с текстом и фото.

Как добавить элемент в блок

Чтобы добавить новый элемент в блок, наведите на него курсор и нажмите на соответствующую кнопку под блоком. Например, для блока «Список» отобразится кнопка «Добавить элемент в список», «Фотогалерея» — «Добавить фото», «Слайд» — «+ Добавить кнопку», «Отзывы» — «Добавить отзыв», «Форма» — «Добавить поле в форму» и т. д.

Элементы в блоках «Список», «Страницы», «Форма», «Фотогалерея», «Прайс», «Файлы», «Вопрос-ответ» и «Контакты» можно менять местами относительно друг друга. Например, вы можете изменить порядок расположения полей формы или строк в таблице.

Как изменить порядок элементов в блоке

Чтобы изменить порядок элементов блока:

1. Наведите курсор мыши на элемент — появится меню управления.
2. Нажмите на значок стрелочки, чтобы переместить элемент вперед или назад.

Как удалить/восстановить элемент

Чтобы удалить элемент в списках и таблицах, наведите на него курсор и нажмите на x.

Удаленные элементы можно восстановить. Для этого наведите курсор мыши на блок — появится меню управления. Нажмите на кнопку корзины — в блоке отобразятся удаленные элементы. Нажмите на кнопку «Возвратить».

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

Как настраивать расположение элементов в блоках, читайте в материале «Как изменить дизайн сайта».

Заголовки

Над контентом каждого блока (кроме блока «Слайды») можно включить отображение заголовка и подзаголовка. Чтобы это сделать, перейдите в настройки блока, далее — «Заголовок, доп. текст». Передвиньте ползунок в активное положение напротив параметра «Заголовок» («Дополнительный заголовок»). Над основным контентом блока будет добавлен заголовок 2-го уровня. О заголовках H1, H2, H3 подробнее.

Тексты и ссылки

Если шаблонный текст в блоке отсутствует, нажмите на кнопку «+Текст» или «+Описание» и введите в поле свой текст.

Чтобы изменить текст, кликните по контейнеру с ним и вставьте туда свой. Обратите внимание на форматирование добавленного текста. Если нужно, используйте кнопку «Очистить форматирование» в визуальном редакторе.

С помощью визуального текстового редактора можно вставлять в текст ссылки, изменять цвет текста, добавлять маркированные и нумерованные списки, цитаты, заголовки 3-го (H3) и 4-го (H4) уровня. Также из него вы можете перейти к настройкам дизайна элемента, кликнув по кнопке палитры слева.

В блоке «Текст и фото» можно добавлять дополнительные контейнеры с текстом. Чтобы добавить еще один текст, наведите курсор мыши на блок и нажмите на кнопку «Добавить текст».

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

Вы можете настроить отображение ссылки:

• «В виде кнопки» — ссылка будет оформлена в виде кнопки. Изменить дизайн кнопки можно через дизайн элемента.
• «Всплывающая панель» — при клике по ссылке будет открыто всплывающее окно.
• «Новое окно» — при клике ссылка будет открываться в новой вкладке браузера

После добавления ссылки и дополнительных настроек нажмите на кнопку «Готово».

Колонки

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

Колонки в блоке «Колонки» добавляются иначе. Шаблон данного блока находится в блоке «Текст и фото» и выглядит следующим образом:

Перейдите в настройки блока, далее — «Расположение элементов». Выберите нужное количество колонок, максимально — 4. Если требуется, укажите боковой отступ в колонках и выравнивание.

Кнопки

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

Подробнее, как работать с блоком «Слайды», читайте тут.

Также вы можете добавить в текст ссылку и затем оформить ее как кнопку. Для этого нажмите на ссылку. В визуальном редакторе нажмите на кнопку добавления/редактирования ссылки. Активируйте опцию «Ссылка в виде кнопки».

На некоторых кнопках, добавленных из шаблона, можно изменить только текст кнопки, например в блоке «Форма». Остальные данные настраиваются через настройки блока.

Изображения и иконки

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

Формы

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

Товары

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

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

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

Например, у блока «Вопрос-ответ» есть настройка микроразметки, которая позволяет активировать микроразметку Schema.org FAQPage.

А у блока «Текст+медиа» есть дополнительная настройка «Блок как товар», которая позволяет вывести в блоке цену и кнопку с возможностью добавления товара в корзину.

Также в панели настроек вы можете изменять статус публикации (отображения) блока, включать его показ на устройствах, добавлять ссылки и якоря, а также настраивать CSS-классы.

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

Подробнее о работе с настройками блоков читайте в статье «Как изменить настройки блока?».

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

Копирование и привязка блоков

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

Как скопировать и привязать блок:

1. Чтобы скопировать блок, наведите на него курсор и нажмите на значок в виде двух прямоугольников.
2. Выберите страницу, на которую будет скопирован блок. Для этого кликните по ней один раз. Без выбора страницы вы не сможете скопировать блок.
3. Вы можете связать два блока, чтобы при редактировании одного из них изменения вносились автоматически и во второй. Для этого активируйте опцию «Создать связанный блок». Обратите внимание, что опция будет неактивна, если блок уже связан с другими. Связано может быть любое количество блоков.
4. Нажмите на кнопку «Готово». Кнопка может быть неактивна, если вы не выбрали страницу, куда необходимо скопировать блок.

Как отвязать блок:

Наведите курсор на блок — на нем отобразится соответствующая надпись: «Этот блок связан с другими». Чтобы узнать, с какими блоками и элементами он связан, нажмите на кнопку привязки. Если вы не хотите, чтобы при внесении изменений в данный блок контент также изменялся в связанных с ним блоках, нажмите на кнопку «Отвязать блок».

Порядок блоков

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

Ссылки

Вы можете проставить ссылки на страницы или файлы с элементов блоков «Список» и «Страницы». Например, с помощью них вы можете добавить на скачивание брифы и прайс-листы или добавить ссылки на каталог услуг.

Чтобы это сделать, наведите курсор на элемент и нажмите на значок цепочки. Укажите ссылку вручную или выберите страницу. Чтобы добавить ссылку на файл, нажмите на кнопку «Выбрать файл», загрузите его в хранилище и выберите. Нажмите на кнопку «Готово».