Секция "Футер"

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

Например, в футер можно добавить лого, добавить важные ссылки или иную информацию.

Как добавить секцию

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

  1. Перейдите в раздел "Сайты":

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

а) если многостраничный сайт, то вы перейдете в настройки сайта в раздел с отображением всех существующих страниц сайта:

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

Тогда вы перейдете в режим редактирования главной страницы:

б) если сайт одностраничный (лендинг, форма, квиз, опрос), то при клике на плашку сайта:

Вы перейдете в раздел общей информации о лендинге (форме, квизе, опросе), где отображается информация о заявках. В свою очередь, вам нужно найти кнопку "Редактировать" и кликнуть по ней:

прим: все данные вымышлены, совпадения случайны

Тогда вы перейдете в режим редактирования страницы лендинга (квиза, формы, опроса):

Создание секции на странице сайта

Пролистните в самый конец страницы и наведите на рабочую область, чтобы появилась кнопка "+". Нажмите на кнопку: тогда откроется правый бар со списком секций, где вы увидите блок "Футер":

Нажмите на секцию "Футер" в правом баре, чтобы добавить ее на страницу сайта.

После того как вы добавили секцию, откроется правый бар с редактированием контента секции.

Контент секции построен на блочном принципе, где один блок — это одна колонка футера.

Как добавить логотип в футер

В меню редактирования контента нажмите "Создать блок":

Будет добавлен первый блок без предустановленных настроек:

Далее выберите тип "Логотип":

Тогда для логотипа откроются настройки для загрузки изображения, отступов и т.п.:

Можно загрузить изображение прямо с вашего ПК, а можно оставить на него ссылку в поле "Ссылка на изображение":

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

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

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

Необязательно добавлять логотип в футер.

Текстовый блок в футере

Кликните на "Создать блок", чтобы добавить текстовый блок в футер:

В контент будет добавлен новый блок:

Здесь нужно оставить тип блока "Текст":

Далее нажмите на "+ добавить текст":

Тогда откроются поля для ввода текста и ссылки:

Пропишите текст блока и добавьте ссылку, которая будет открываться при клике.

Чтобы добавить следующую ссылку в футер, нажмите на "+добавить текст" ниже первой ссылки:

Таким образом можно добавить любое количество гиперссылок в футер, а также заголовок блока:

Тогда футер будет выглядет следующим образом:

Далее можно добавить следующие текстовые блоки:

В примере мы добавили один блок с логотипом и три текстовых блока:

И у нас получился футер со всей необходимой информацией для пользователя:

Как изменить цвет текста для футера?

Из обширной цветовой палитры можно выбрать любой понравившийся цвет.

После того, как вы настроили контент футера с блоками, нажмите "Сохранить и закрыть", чтобы перейти к настройкам фона и отображения:

Настройки

Чтобы перейти в настройки секции, наведите на секцию "Футер" и кликните на кнопку "Настройки":

Вам откроется правый бар для настроек фона и отображения:

Настройки фона

Чтобы изменить фон футера, перейдите в настройки заднего фона:

Разверните вкладку с настройками заднего фона, где вы можете:

  1. Загрузить изображение для фона уведомления;

  2. Выбрать цвет фона, в том числе сделать градиент:

Для этого нажмите на плитку с цветом:

Вам откроется палитра цветов:

Далее в выпадающем списке выберите тип градиента (linear или radial):

Затем подберите цвета для градиента:

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

Подробнее о настройках заднего фона рассказали в статье "Настройки фона".

Настройки отображения

С помощью настроек отображения можно регулировать:

  1. размер секции;

  2. скругление границ секций;

  3. видимость на устройствах и многое другое:

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

Подробнее о настройках отображения рассказали в одноименной статье.

Last updated

Was this helpful?