# Кнопки

{% 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 %}


---

# 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.leadconverter.su/bots/blok-soobshenie/knopki.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.