> For the complete documentation index, see [llms.txt](https://docs.leadconverter.su/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.leadconverter.su/bots/blok-soobshenie/knopki.md).

# Кнопки

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

К каждому элементу синего блока "**Сообщение**" можно добавить кнопки.

{% hint style="warning" %}
Кнопка, кнопка-ссылка, запрос локации и контакта - это элементы, которые ожидают нажатия. **Кнопки ждут реакции от пользователя, и если её нет - сценарий не идёт дальше.** \
\
Чтобы подписчики не остались навсегда в блоке с кнопкой - используй [реакцию на бездействие](/bots/blok-soobshenie/reakciya-na-bezdeistvie.md).&#x20;
{% endhint %}

### Добавление кнопок

Чтобы добавить кнопку, нужно нажать на кнопку "**Добавить кнопку**" или на значок "**+**" справа от строки

<div align="left"><img src="/files/4hzy9OdtGzJa2Txe5c3X" alt=""></div>

<div align="left"><img src="/files/HEkwEuu3OPtscSMBlWQq" alt=""></div>

### Перемещение кнопок

Если добавить 2 кнопки и более - появится возможность перемещать кнопки. Для того, чтобы переместить - нужно навести курсор мыши на кнопку, зажать **левую кнопку мыши** и перенести кнопку на нужную стоку или столбец.

<div align="left"><img src="/files/oSnFcuXiYQ4e87doi1ET" alt=""></div>

Если нужно перенести строку, надо навести на значок ![](/files/Ifoz7zsjsOKPp3glcdgO) слева от строки, зажать **левую кнопку мыши** и перетащить строку в нужное место.&#x20;

<div align="left"><img src="/files/E9yhYrl7xuvTu4UlkQ0z" alt=""></div>

### Редактирование кнопок

В каждой кнопке можно настроить "**Текст кнопки**", "**Тип кнопки**" и "**Цвет кнопки**"

Для редактирования кнопки, нужно навести курсор мыши на кнопку и **нажать левую кнопку мыши.**

**Текст кнопки:**

Можно написать текст на любом языке. Ограничение 40 символов на кнопку.

{% hint style="success" %}
В кнопку можно добавить эмодзи
{% endhint %}

**Цвет кнопки:**

Доступные цвета в кнопках:

Белый\
Зеленый\
Красный\
Синий\
Произвольный

{% hint style="info" %}
Произвольный цвет можно выбрать только для **Viber.** С помощью цветовой палитры можно выбрать любой цвет из 16 000 000 оттенков.&#x20;
{% endhint %}

{% hint style="warning" %}
Цвет кнопок, после отправки, будет отображаться только во **ВКонтакте** и **Viber.**\
\
**Telegram**, **Instagram**, **Facebook** цветные кнопки не поддерживают, поэтому в данных мессенджерах  кнопки будут иметь базовые цвета.
{% endhint %}

**Тип кнопок:**

В каждой кнопке можно выбрать тип кнопки:

Кнопка\
Ссылка\
Ссылка без отслеживания\
Запрос контакта\
Запрос локации

Чтобы настроить тип кнопки, нужно навести курсор мыши на выпадающий список выбора типа кнопки. Нажать левую кнопку мыши и выбрать нужный тип кнопки.

<div align="left"><img src="/files/oHOxiIaas8wjWvM0lZCu" alt=""></div>

Подробно о типах кнопок - в следующем уроке. Переходи :relaxed::point\_down:

{% embed url="<https://docs.leadconverter.su/tipy-dannykh/page-1/tipy-knopok>" %}

Забегая вперёд, можешь сразу ознакомиться с интересующей темой :point\_down:

{% embed url="<https://docs.leadconverter.su/tipy-dannykh/page-1/rezhim-knopok>" %}

{% embed url="<https://docs.leadconverter.su/tipy-dannykh/page-1/rezhim-sovmestimosti>" %}

{% embed url="<https://docs.leadconverter.su/tipy-dannykh/page-1/skryvat-posle-nazhatiya>" %}

{% embed url="<https://docs.leadconverter.su/tipy-dannykh/page-1/zapret-povtornogo-nazhatiya>" %}

{% embed url="<https://docs.leadconverter.su/tipy-dannykh/page-1/tipy-knopok>" %}

Если остались вопросы - смело пиши о своих сложностях в техподдержку или в чат взаимопомощи. Наша команда и дружное комьюнити всегда придёт на помощь :heart\_decoration:

{% content-ref url="/pages/-MasAPNcg291uNezFqb4" %}
[Как задать вопрос в поддержку?](/kak-zadat-vopros-v-podderzhku.md)
{% endcontent-ref %}