> 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="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FGChtDIOXUjWCx1WmlQoR%2Fimage.png?alt=media&amp;token=f6a326aa-686d-4f54-9265-eadb2ad87404" alt=""></div>

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2F4hL6LhSkPAb6ClIkQijb%2Fimage.png?alt=media&amp;token=0c880951-e4e5-413e-abfc-1f75e1c741cb" alt=""></div>

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

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

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FePvFhFn0CQxbU0RrfgkB%2Fimage.png?alt=media&amp;token=e04034d8-b82d-4e97-bbc0-9676f8b1364d" alt=""></div>

Если нужно перенести строку, надо навести на значок ![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2Fu28HDNpGgzA0P6aihCe8%2Fimage.png?alt=media\&token=2b6a5c74-3d27-4fea-ae14-96bdbd0cc29b) слева от строки, зажать **левую кнопку мыши** и перетащить строку в нужное место.&#x20;

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FbLPziBRxGusZCzgAXCQX%2Fimage.png?alt=media&amp;token=cf22e02a-a51f-4860-ab35-f8ad6972318c" 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="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FOmYRpeZBROwIFlulaWeo%2Fimage.png?alt=media&amp;token=22dac5bf-d704-450a-a09f-53fea0a50344" 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 %}