# Как создать кнопку "Меню" в боте Telegram

В этой инструкции мы подробно разберем, как создать кнопку "**Меню"** в боте Telegram и настроить её так, чтобы пользователи могли быстро получать доступ к основным разделам и функциям бота.

Прежде чем настраивать кнопку "**Меню"** в Telegram-боте, необходимо создать самого бота и получить его API-токен, для подключения к вашей кампании в **LeadConverter**.

{% hint style="info" %}
Если вы еще не создавали вашего бота в **Telegram**, воспользуйтесь, инструкцией **ниже** для настройки, а после возвращайтесь к этой статье.
{% endhint %}

{% content-ref url="telegram" %}
[telegram](https://docs.leadconverter.su/new_page/materialy/telegram)
{% endcontent-ref %}

## Настраиваем команды "Меню" в Botfather

1. Переходим в @BotFather и нажимаем на кнопку "**Open**", рядом со строкой ввода.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2F4i1cnYsQP8YTabyLyCFZ%2Fimage.png?alt=media&#x26;token=01a385b0-62c2-4f1e-a93f-96f0c9d19686" alt=""><figcaption></figcaption></figure>

2. В открывшемся окне выбираем бота, в котором вы хотите создать кнопку "**Меню**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FTpH4J65oaBVOqhu2WsxB%2Fimage.png?alt=media&#x26;token=446cd63a-68b8-43f2-998e-45fa434f842d" alt=""><figcaption></figcaption></figure>

3. В разделе "**Settings**" выбираем пункт "**Commands**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2F0o92Q6BQ5WLmAXXdDJ5Q%2Fimage.png?alt=media&#x26;token=68376b7a-43e9-44bc-afde-39aff672d41f" alt=""><figcaption></figcaption></figure>

4. Нажимаем на кнопку "**Add a Command**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FfgJEdkeHYXUKQtVWY9Xs%2Fimage.png?alt=media&#x26;token=77137568-a54e-4db2-a55c-a9ca692e6404" alt=""><figcaption></figcaption></figure>

5. Указываем **название** новой команды.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2F1VQRXpL4NqKwTdXPbh2a%2Fimage.png?alt=media&#x26;token=eac8a702-2a26-4617-a9da-f49acb69180e" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Обратите внимание! Название команды указывается **только** на английском языке со **слешем** впереди.
{% endhint %}

6. Добавляем описание команды, для того чтобы пользователь понимал, за что отвечает этот пункт меню.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FbUui4Ld65lkEPtvzlzpg%2Fimage.png?alt=media&#x26;token=c47f57e5-6ff8-4e17-8d93-98719d4b6464" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Описание команды может быть как на английском, так и на русском языке.
{% endhint %}

7. Нажимаем на кнопку "**Add**", чтобы добавить следующую команду в функциональное меню.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FAPMjq57RVQpoJ1kk6m4R%2Fimage.png?alt=media&#x26;token=cde02c40-63a0-4fc5-8414-26e8cd1adf05" alt=""><figcaption></figcaption></figure>

8. Нажимаем на кнопку "**Add a Command**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FDbfeotSsaKg9VuFqHPQa%2Fimage.png?alt=media&#x26;token=7a252bf7-89d4-4d9d-85e6-e28fc7cd4407" alt=""><figcaption></figcaption></figure>

9. Аналогичным образом заполняем поля для новой команды.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2F8Qq25Vrcha2lsJLQ6f4v%2Fimage.png?alt=media&#x26;token=72e98e33-1a48-4b2b-a9fc-5560a9b938bf" alt=""><figcaption></figcaption></figure>

10. Нажимаем на кнопку "**Add**" для сохранения новой команды.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FFfYTIWaMF68ygxwDFdWd%2Fimage.png?alt=media&#x26;token=6a1f50d3-8def-4064-ae66-c56be1e56424" alt=""><figcaption></figcaption></figure>

Меню для вашего бота **успешно** создано!<br>

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FlYhMWXDUXAVCfxiWMilp%2Fimage.png?alt=media&#x26;token=330a458f-eede-477f-a3d3-731350977039" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2Fq3aY7l6ybCn7w8K9y3Px%2Fimage.png?alt=media&#x26;token=babf7f77-9da3-452b-9e6e-2bec5fcf2b37" alt=""><figcaption></figcaption></figure>

## Подготавливаем сценарии ботов для тестирования

1. Переходим в раздел "**Боты**", и нажав на кнопку "**+**" создаем 3 сценария ботов для тестирования.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FPZD0Y5hZANBHdqt5amfj%2Fimage.png?alt=media&#x26;token=696c5834-8188-42a6-8324-d26355983632" alt=""><figcaption></figcaption></figure>

2. Обязательно **активируем** созданные сценарии.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FaOCHiXSMZaVpRMqeleuR%2Fimage.png?alt=media&#x26;token=6092d73b-c2b0-4962-a85d-b531efb6f9a6" alt=""><figcaption></figcaption></figure>

3. Самое важно! **Указать стартовые слова** для запуска ваших сценариев в боте Telegram.&#x20;

Для первого сценария "**Основной бот**" мы указываем стартовое слово `/start`

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FOZzIM2JxKqUGosn2JS5B%2Fimage.png?alt=media&#x26;token=18ab3e9b-2e1a-456f-af97-5f086c8ad453" alt=""><figcaption></figcaption></figure>

Для сценария "**Главное меню**" мы указываем стартовое слово `/menu`

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FnYNcdKD1XWbqlZDjyIA2%2Fimage.png?alt=media&#x26;token=c4e952fb-0373-4b64-855a-b8fb1267c2bb" alt=""><figcaption></figcaption></figure>

Для сценария "**Поддержка**" мы указываем стартовое слово `/help`

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2Fhlu35I0FA01bqnMi4An2%2Fimage.png?alt=media&#x26;token=06dd7421-f499-4f40-b777-6c2421c448bb" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Обратите внимание! Стартовые слова должны **ПОЛНОСТЬЮ** соответствовать вашим командам в "**Mеню**".&#x20;
{% endhint %}

Более подробно о том, как добавить стартовые слова в сценарии ваших ботов, описано в инструкции **ниже**.

{% embed url="<https://docs.leadconverter.su/kak-zapustit-bota#start-slovo>" %}

### Настраиваем сценарий "Основной бот"

1. Переходим к редактированию сценария "**Основной бот**", нажав на кнопку "**Редактировать**". Именно он будет запускаться первым, по команде **/start.**

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2F5ojIaqwN9gFCLeOBFUrF%2Fimage.png?alt=media&#x26;token=18fe923d-db57-4c59-b1bc-8e395c588bc3" alt=""><figcaption></figcaption></figure>

2. Открываем блок "**Сообщение**" в режиме "**Редактирование**" и добавляем в него элемент "**Сообщение**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FK5xf4lxrZeY3pamjFlFJ%2Fimage.png?alt=media&#x26;token=2f116615-2005-47f4-9cda-299f1a8b290b" alt=""><figcaption></figcaption></figure>

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

Например:

```
Запустился основной сценарий бота.
```

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FkbxhSdaDsaFvwxKOosrQ%2Fimage.png?alt=media&#x26;token=fde64580-9b0c-4e5a-87f5-847869df268c" alt=""><figcaption></figcaption></figure>

### Настраиваем сценарий "Главное меню"

1. Переходим к редактированию сценария "**Главное меню**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2Ff94RFm3LxJuUBtP4QbRO%2Fimage.png?alt=media&#x26;token=0ea836e2-6c39-4f55-a13d-a41dd9a05cdf" alt=""><figcaption></figcaption></figure>

2. Открываем блок "**Сообщение**" в режиме "**Редактирование**" и добавляем в него элемент "**Сообщение**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FK5xf4lxrZeY3pamjFlFJ%2Fimage.png?alt=media&#x26;token=2f116615-2005-47f4-9cda-299f1a8b290b" alt=""><figcaption></figcaption></figure>

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

Например:

```
Вы находитесь в главном меню бота.
```

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FXrwYExrZsMJfQxjdLw2C%2Fimage.png?alt=media&#x26;token=8a6619d1-0689-41c9-90c3-6770e4c808f0" alt=""><figcaption></figcaption></figure>

### Настраиваем сценарий "Поддержка"

1. Переходим к редактированию сценария "**Поддержка**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FuMKGMansdqZOdJFkzM8N%2Fimage.png?alt=media&#x26;token=a4ad1b87-68db-4c05-ae0a-df60fc03434a" alt=""><figcaption></figcaption></figure>

2. Открываем блок "Сообщение" в режиме "**Редактирование**" и добавляем в него элемент "**Сообщение**".

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FK5xf4lxrZeY3pamjFlFJ%2Fimage.png?alt=media&#x26;token=2f116615-2005-47f4-9cda-299f1a8b290b" alt=""><figcaption></figcaption></figure>

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

Например:

```
Вы можете задать ваш вопрос технической поддержке.
```

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FVMqa2Hp61oelTBRrB7Pd%2Fimage.png?alt=media&#x26;token=4b7ae7a2-f05f-4d2b-af4a-93c981965b18" alt=""><figcaption></figcaption></figure>

Сценарии готовы к тестированию!

## Тестируем работу "Меню" в Telegram-боте

1. Переходим в вашего бота и пишем команду **/start** для запуска основного сценария.&#x20;

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FnwDbwEC0lCXjHelieLTb%2Fimage.png?alt=media&#x26;token=b2c49688-5e3f-4f1e-9b5c-e5b645a222cd" alt=""><figcaption></figcaption></figure>

2. Нажимаем на кнопку "**Меню**" и выбираем первую созданную команду **/menu.**

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FuQhhpA01oB7LmcAeITQB%2Fimage.png?alt=media&#x26;token=a9031958-2485-4014-a48f-827b3b5ddcdc" alt=""><figcaption></figcaption></figure>

3. Бот вывел эту команду в чат и запустил нужный сценарий.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FmZmKvsxJXIw3aH8fORJ9%2Fimage.png?alt=media&#x26;token=8d60bbb9-4626-4425-a7bb-d674c24e0a44" alt=""><figcaption></figcaption></figure>

4. Теперь выбираем команду **/help**.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FA9RLufDIcoSj0b7MAzsR%2Fimage.png?alt=media&#x26;token=8e8956c5-baf4-4b94-929b-fef62b589fde" alt=""><figcaption></figcaption></figure>

5. Сценарий, который прикреплен к этой кнопке так же запустился корректно.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FzxoZz9EZGLK5SO2NIcDC%2Fimage.png?alt=media&#x26;token=cc71c21e-46dd-4f2f-9f93-34c178b9580e" alt=""><figcaption></figcaption></figure>

Поздравляем! Настройка "**Меню**" завершена, теперь вашим пользователям всегда будет удобно переключаться по основным разделам чат-бота.

{% hint style="success" %}
Остались вопросы? \
\
Обязательно задавайте их нам в техническую поддержку! Будем рады вам помочь.
{% endhint %}

{% content-ref url="../../kak-zadat-vopros-v-podderzhku" %}
[kak-zadat-vopros-v-podderzhku](https://docs.leadconverter.su/kak-zadat-vopros-v-podderzhku)
{% endcontent-ref %}
