# Секция "Меню"

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

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

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

Чтобы добавить секцию на вновь созданной странице нажимаем на кнопку “+”

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

После того как вы нажмете на значок «+», справа откроется меню. В нём выберите пункт «Меню» и затем нажмите на базовый шаблон.

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

Справа вам откроется меню настроек секции:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcUUAt6VhLbxVbY1atASZc_SADDj-LBDgQLraYiiVv_8WEAXqGvdmRmiqOtz0XMQp7aBQ33-WaPHpgJ9Yh0t5Dg0oyLLXnMsFGeyx-CjOdTTJw_OZJ6rbZ4fwsdai-Aov14iwFk?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

### Как добавить и редактировать кнопки меню

По умолчанию предлагается пять кнопок: «Услуги», «О нас», «Контакты», «Кнопка» и «Заявка».Также вы можете добавить свою кнопку.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdCVyKj85l4JWYgBSwfVt-6Qsn2PXj5MD7B6PJ7LfgvMfabA8jZxkVxf3taxdlWHe_xZE0icynCBWBycn0nXaikGFajgdryrrEbTurT8iZlQcGMXPnocW5wNDvVUraeNokF2ZSQ?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcy-vRyR6bzG5VuCfVOdTGfk63o4-poYFQ44DzyP4dc2VxkL5-XnDejKz4KYjGxyPtW7AEcWssIIsTlunI6qzGuaJNYP3cJ3CW54PnNSS39rOufJvFgia_VRmdOzbUNBNJ6xeo5mg?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

Для активации кнопки необходимо добавить ссылку:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcErNRuB_PtYecoxusp2dMLppc5y5Iy-HbjFrn3eKm7XXWfFJF9kj4dg9VETctfL5BoTnYOxh1jjfjtPWjCxC6sY2qZhgUsxXLekNz1rrc6kEHfXux78nAOKqSauQRp2Jg6zOQQOA?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

Затем определяем, какое действие должно выполняться при нажатии на кнопку. Открыть страницу можно как в Текущем окне, так и в Новом окне.&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfquBMUrZUvpJ4XSXrw6z7r40G1Nen9yCHRT3gxFCBALR9_PV4EWzbNbbtvzFvh0l6Uw-w6RbtU6jznHyIHcz5m89034QFU6lQx3DWpphdsrodpMgCpuRQI17_7ldUYia8n6gtcyQ?key=Au1JVEypV75k6SAhtWfTHmhC" alt="" width="563"><figcaption></figcaption></figure>

Затем мы задаем отступы для кнопок и их размеры. По умолчанию отступ слева составляет 100, но вы можете изменить его по своему усмотрению.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdGG8iv_MsSHzlrfbCLpfihH8Z-AilD9rReP8EgjVFMLtICiR9IChVbYn2CdzDjk7s0AYkpSuF03OmRp07y2SP6VjXKPJaPSQQOrfkOOoEcdkKFQVeurC-QGU96HZ5hPtgMO82X?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

Далее выбираем цвет текста кнопки, цвет фона, цвет текста и фона при наведении на кнопку:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeTQnN3LYWrEDsaV786Vut-it6ISEPVrBHq5lBqxz6JzBihmyjrCSoEIB3_Y0QXocCSOT755wwIK1xF0Dgd2nTA-NUM1j9QLRhMm9OJaeU1ricaJsMnlvpU417x_eokHpCKGhAE9g?key=Au1JVEypV75k6SAhtWfTHmhC" alt="" width="375"><figcaption></figcaption></figure>

Сохраняем и проверяем в режиме предварительного просмотра сайта

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc7P_u2bkEcShDiDxJG7Cpql1bCWChk14SbLzaLYQfxFnFuN2jBJUIiMhRxJ9agCQi-SE1G_U9CUvCI3lgkELyqiGKQX7fGiCNa_txDdgE1ZwprW0UZy7i11n20QUlsZuOj8a808Q?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

### Как добавить логотип

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfHv6V-nW3mAAzeQyD2qarvxSXhsud_H1kMrgNrFOkgQsZrTdjbBdpzegHSIfOP8XDe2DhpAaOhC4C_l3rz8zF2a-fSvN0h6X1ajVP75SGHebXZbMJkcvDb0yDAtMT-Z1h3B6kgKg?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

По умолчанию логотип располагается в левой части секции. Вы можете добавить ссылку на изображение, чтобы при наведении на логотип происходил переход по ссылке. Также вы можете выбрать, где будет открываться ссылка: в новой вкладке, в новом окне или на текущей странице.&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeJ7gBVFzH6dtWgvv0-mck2sk8svAjTqorJ5LcwKRezDmPsV3iEvCabulcAAZ9_49gUJa-_KyZngEgpF57Q9Puy9FYrAbXwNdAHXsF0s9K6gFWsfPc-iATFxe_fn2nDtagBuymu?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

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

### Кастомные настройки

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfDDWXGvwnFp9VTHgL9Lcbdl_nN7PI29kA8qXaB69nozia97bfUCXlSHiRQ62QGGMQ-1P2Mxtx9UqD2tksNudPEwbDJ_4QYPuUhtL3IcZ1_KCEtSAd1E8BgB14yq5TOtng4Lto8zw?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdVLQSYDIAQcN6Q9A-fyim5Fxyxtwp4bJRqvzIJBz9CYlYsaS-yw1OOXx8Vlo4SWCE3jvKaPYj65xPfZyuGuhTvHxGxM15ZWtCRIYwy1lBKaYQy3x9rycW6zTT1W2pMCFbSxwKaQg?key=Au1JVEypV75k6SAhtWfTHmhC" alt="" width="375"><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeQi0C-wxdMm3t0yh-tCl6sc1JSdFQEP2aSgx-xnbx9XRu9N47FtIUGL2g2pjxEbKWOTfz0xwWjEFtrPfNwj4SDqH3Aj8tIS8lJaKsh5nKmk2mCceN6r6QZ8Z7pOJGjvfO3S7dQyQ?key=Au1JVEypV75k6SAhtWfTHmhC" alt="" width="375"><figcaption></figcaption></figure>

Корректируем размеры логотипа, чтобы он выглядел гармонично:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcK_0eDNKPaIzIlq6hxrMRM-DzOImmsgs4KIdCKM2SIlnYlPFZMoQfWjkxYcaIqRgw9MUAYhF0IurQ1m8BdXLuKTAhRYQ1-yb92p13o6xVAeYAsg2CWcbJuxENy07OLvWArIIbgGw?key=Au1JVEypV75k6SAhtWfTHmhC" alt=""><figcaption></figcaption></figure>

Не забывайте сохранять изменения.

В каждом блоке (секции) существуют идентичные настройки фона, шрифтов и отображения:

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

{% hint style="info" %}
Подробнее об универсальных настройках, читайте в статье "[Универсальные настройки секций](broken://pages/3znyClBeT2ARaTjeA1OU)".&#x20;
{% endhint %}

{% embed url="<https://youtu.be/KntK4js028s>" %}


---

# 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-menyu.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.