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

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

<figure><img src="/files/RFs8l3KvPddKxGtaF9ht" alt=""><figcaption></figcaption></figure>

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

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

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

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

<figure><img src="/files/iSlGGZZY6R8egNplYNex" alt="" width="444"><figcaption></figcaption></figure>

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

<figure><img src="/files/BuvwYVPl9UwqbZd3q8B1" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/HbBWjq70qVTyTqAXUPrc" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/jWZwQ38xboX1YX5nCD4F" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/elf7OSQjj57aMLXtfNHe" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/F6SiHy90e5XI5aLAp3bk" alt=""><figcaption><p>прим: все данные вымышлены, совпадения случайны</p></figcaption></figure>

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

<figure><img src="/files/sOOedR0tY8RKAsEkDlJp" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Теперь можно перейти к созданию секции и ее настройкам.
{% endhint %}

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

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

<figure><img src="/files/HzZlPXfXoerX110Tg1MX" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/qjWAXehkMZPqBrTQpsEo" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/GQ99pkPMMr8x4m4gbyiw" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/CUvgsfk5XC2XhLKexVYb" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/Ls1HSq3tX8mWLLr2hIAn" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/dnPS5QaXrbNmroLll56P" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/zp3DzaDFi3hqlzaOdALE" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/gptx72ETCEgLyCuLaC9W" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/HHoCHsbbFI5SKHLVzMqE" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/H1oVM5GbaQxPyzYJGxEY" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Готово! Теперь вы знаете, как добавить логотип в футер.
{% endhint %}

{% hint style="info" %}
Необязательно добавлять логотип в футер.&#x20;
{% endhint %}

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

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

<figure><img src="/files/CE8p8wwff4Q15ZhLgtyv" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/nouRrfVzf3M97JmN90Dz" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/nh3fOZfdPAaQtOlQ5tsF" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/vdZBhwoK4Vz53qXJPRtK" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/LPwZL892vwHTbnm9A0QS" alt="" width="563"><figcaption></figcaption></figure>

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

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

<figure><img src="/files/GeyrBeKJwerja3cvl9Qe" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/3wdpM7D9TRoUeS51RMMc" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/ZTMjLGUQFBApXE5bn7o5" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/B9HyKjDV4DwYh8mAO5rf" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/LOSeqww85FbPeNaGnx51" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/wxzzh8hD3Xz5miguxJyf" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/k7goGKE6yi02ggVUXyup" alt=""><figcaption></figcaption></figure>

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

{% hint style="success" %}
Важно!

Цвет текста единый для всей секции в целом.
{% endhint %}

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

<figure><img src="/files/zVnOtING3RbIRw4peUDX" alt=""><figcaption></figcaption></figure>

## Настройки

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

<figure><img src="/files/5Kkvgz9nTcp1WPe1X8T1" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/Uo9mNaCGmtWRyNc3vtOL" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/8YvVyyWvs2PfRIlSMSy7" alt=""><figcaption></figcaption></figure>

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

1. Загрузить изображение для фона уведомления;
2. Выбрать цвет фона, в том числе сделать градиент:

<figure><img src="/files/p742qIQzizoRHdc4jOBN" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/2maQkbCM2SzZ9sBlUzic" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/GBKbRePAKNH8fixwKTtn" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/Nq81sk6jLrecGQ9obiOI" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/kitjrUYNsO0l443mtH7x" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
Настройки заднего фона относятся к универсальным настройкам секции — это значит, что такие настройки схожи для всех секций страницы.&#x20;

Подробнее о настройках заднего фона рассказали в статье "[Настройки фона](broken://pages/Kzz11oGy5x3cKdOCKJdq)".
{% endhint %}

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

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

1. размер секции;
2. скругление границ секций;
3. видимость на устройствах и многое другое:

<figure><img src="/files/5WFrlb1mLaFIiZ0KIb8A" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Настройки отображения относятся к универсальным настройкам секции — это значит, что такие настройки схожи для всех секций страницы.&#x20;

Подробнее о настройках отображения [рассказали в одноименной статье.](#nastroiki-otobrazheniya)
{% endhint %}

{% hint style="success" %}
Готово!

Теперь вы знаете, как создавать и редактировать секцию "Уведомление" (cookie).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.salebot.pro/websites/builder/sekcii-bloki/sekciya-futer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.