Как сделать кнопки в Телеграм-боте без навыков программирования

Большинство ботов в Телеграме оснащаются кнопками, расширяющими их функционал и упрощающими взаимодействие с подписчиками. Ниже мы разберемся, как сделать кнопки в ТГ боте через сервис и узнаем, какие задачи они способны выполнять.

Какие функции могут выполнять в Телеграм-боте кнопки

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

Как сделать кнопки в Телеграм-боте без навыков программирования

Бот может иметь только одну кнопку или сразу несколько: во втором случае из них образуется меню бота. Оно может быть многоуровневым: после вашего нажатия на одну из кнопок бот пришлет вам сообщение, где будет еще несколько кнопок и т.д.

Всего боту можно добавить до ста кнопок, но лучше ими не злоупотреблять: это усложнит взаимодействие человека и приложения. Лучше начать с минимального количества кнопок, при этом бот должен присылать человеку сообщение с их описанием, если это непонятно из их названия. Постепенно можно добавлять новые кнопки с дополнительными возможностями, предварительно уведомляя об этом пользователей и рассказывая о предназначении новых кнопок.

Кнопки могут выполнять разные функции, в зависимости от задач, которые решает бот. Вот лишь некоторые варианты:

· перевод на другой ресурс, в том числе и внешний, например, в личные сообщения к администратору бота, на сайт компании, подписную страницу и т.д.;

· запуск нового сценария бота;

· перевод на интегрированную внешнюю систему, например, для приема платежей;

· предоставление какой-либо информации, например, о вашей компании или описание товара/услуги;

· открытие дополнительное меню следующего уровня;

· сбор информации о клиенте и т.д.

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

Как сделать кнопки в боте в Телеграм на примере сервиса Botman

Ниже в конструкторе ботов Botman.pro мы разберемся, как создать кнопки в боте в Телеграм. Для этого мы сначала сделаем бота и скопируем его токен, затем подключим приложение к сервису и создадим сценарий его работы, а затем в нем добавим кнопку.

Получаем токен бота в Ботфазер

1 этап – это создание бота и получение его токена.

Инструкция:

1. В Telegram через поисковую строку нужно найти «отца всех ботов» - приложение BotFather, где создаются, запускаются все приложения-боты, которые только есть в мессенджере и осуществляется управление ими. Нажмите «Запустить», чтобы начать работать с ним.

Как сделать кнопки в Телеграм-боте без навыков программирования

2. В строке для ввода команд наберите «/newbot» или выберите эту команду и кликните по ней в списке, которые пришлет BotFather.

Как сделать кнопки в Телеграм-боте без навыков программирования

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

Как сделать кнопки в Телеграм-боте без навыков программирования

4. Теперь нужно придумать username: используя его, пользователи смогут впоследствии через строку для поиска найти вашего бота. Ввести его нужно латиницей, а в конце добавить «_bot», как на представленном изображении.

Как сделать кнопки в Телеграм-боте без навыков программирования

5. BotFather пришлет уведомление, сообщающее об успешном создании бота. В нем же находится токен. Кликните на него и скопируйте.

Как сделать кнопки в Телеграм-боте без навыков программирования

Если у вас уже есть бот, вам нужно только скопировать токен. Сделать это можно также через BotFather:

1. Откройте BotFather, нажмите «Меню» и выберите «/mybots».

Как сделать кнопки в Телеграм-боте без навыков программирования

2. Нажмите на бота.

Как сделать кнопки в Телеграм-боте без навыков программирования

3. Выберите «API Token».

Как сделать кнопки в Телеграм-боте без навыков программирования

4. Нажмите на токен, чтобы скопировать.

Как сделать кнопки в Телеграм-боте без навыков программирования

Теперь можно закрыть мессенджер и перейти в браузер, к Botman.pro.

Добавляем бота в Botman

Чтобы приступить к работе с ботом в конструкторе Botman.pro, следуйте инструкции:

1. Создайте аккаунт в Botman. Для этого можно авторизоваться через ВК, Google или Яндекс или зарегистрировать учетную запись, используя e-mail.

Как сделать кнопки в Телеграм-боте без навыков программирования

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

Как сделать кнопки в Телеграм-боте без навыков программирования

3. Введите токен в пустое поле и кликните «Подключить».

Как сделать кнопки в Телеграм-боте без навыков программирования

4. На экране отобразится уведомление об успешном подключении бота. Кликните по кнопке «Готово».

Как сделать кнопки в Телеграм-боте без навыков программирования

Вы перейдете на страницу разработки сценария бота.

Создаем сценарий и делаем кнопки в боте

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

1. Первый блок сценария – это выбор условий, по которым станет срабатывать бот. По умолчанию он начинает работу при нажатии на кнопку «Запустить». Не удаляйте галочку напротив одноименного поля, иначе приложение не включится. Нажав на «Добавить триггер», вы сможете выбрать другие варианты его запуска: по ключевому слову, меткам и др. Наш бот начнет срабатывать по самому простому условию – при нажатии на кнопку «Запустить».

Как сделать кнопки в Телеграм-боте без навыков программирования

2. Кликните на кружок в правом нижнем углу первого блока. Выберите «Сообщение/Контент».

Как сделать кнопки в Телеграм-боте без навыков программирования

3. Укажите тип контента – «Текст».

Как сделать кнопки в Телеграм-боте без навыков программирования

4. Далее для примера мы продемонстрируем, как сделать бота, который пришлет приветствие человеку и предложит перейти на официальный сайт BotMan. В поле «Текст» наберите текстовое сообщение. Его можно отформатировать: выделить жирным шрифтом, курсивом, подчеркнуть.

Как сделать кнопки в Телеграм-боте без навыков программирования

5. Теперь сделаем кнопку, а в нее добавим ссылку на сайт. Кликните «Добавить кнопку».

Как сделать кнопки в Телеграм-боте без навыков программирования

6. Укажите название кнопки. В поле «Тип» отметьте «URL-адрес». В поле ниже пропишите ссылку на сайт. Кликните «Добавить».

Как сделать кнопки в Телеграм-боте без навыков программирования

7. Кнопка с url-ссылкой готова. Чтобы проверить ее работу, кликните «Тестировать».

Как сделать кнопки в Телеграм-боте без навыков программирования

8. Если все выполнено правильно, приложение пришлет вам сообщение с кнопкой. При нажатии на нее будет предложено перейти в браузер, чтобы зайти на сайт.

Как сделать кнопки в Телеграм-боте без навыков программирования

9. Повторяя шаг 5, вы сможете прикрепить до 100 дополнительных кнопок, чтобы получилось многофункциональное меню.

Как сделать кнопки в Телеграм-боте без навыков программирования

10. Кнопки можно перемещать по вертикали и горизонтали, чтобы группировать их так, как вам нужно. Для этого наведите курсор на кнопку. Вы увидите, как на ней сбоку отобразится значок с 8 маленькими белыми точками. Наведите на него курсор, нажмите и, зафиксировав его, перетащите кнопку вверх, вниз или в сторону.

Как сделать кнопки в Телеграм-боте без навыков программирования

11. Кнопку можно настроить так, чтобы вместо ссылки она присылала человеку сообщение с текстом. Нажмите «Добавить кнопку» и введите ее название, а затем в поле «Тип кнопки» выберите «Переход к шагу». Кликните «Добавить».

Как сделать кнопки в Телеграм-боте без навыков программирования

12. В блоке с кнопками рядом с новой кнопкой кликните по серому кружку, выберите «Сообщение/Контент», далее «Текст».

Как сделать кнопки в Телеграм-боте без навыков программирования

13. Наберите текст сообщения.

Как сделать кнопки в Телеграм-боте без навыков программирования

14. Кликните «Тестировать» для проверки.

Как сделать кнопки в Телеграм-боте без навыков программирования

15. Кнопку можно настроить так, чтобы при ее нажатии пользователю пришло сообщение с дополнительными кнопками. Чтобы это сделать, нажмем на кнопку, которую мы сделали в шагах 11-13, откроем ее редактирование и поочередным нажатием на «Добавить кнопку» добавим столько кнопок, сколько нам нужно. По примеру выше вы можете писать для них ссылку или текст, еще ряд дополнительных кнопок – все зависит от того, какие возможности вы хотите назначить вашему боту.

Как сделать кнопки в Телеграм-боте без навыков программирования

16. На скриншоте при нажатии на кнопку «Информация о нас» бот выводит сообщение с текстом и меню с кнопками. Нажимая на последние, вы сможете открыть официальный сайт или перейти к обучающему боту.

Как сделать кнопки в Телеграм-боте без навыков программирования

17. При разработке кнопки разрешается выбрать не «URL-адрес», а «WebApp»: в таком случае при нажатии на кнопку url-ссылка будет открываться не во внутреннем браузере в Telegram, а во внешнем, установленном на ваш смартфон или компьютер.

Как сделать кнопки в Телеграм-боте без навыков программирования

По ссылке можно посмотреть подробное обучение по созданию кнопок.

Что еще кроме кнопок можно сделать

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

· запускаться по разнообразным сценариям (наличие метки, реферальной ссылки, ввод ключевого слова, также, если бот назначен администратором в группу, то он может принимать приглашения и т.д.);

· продвигать товары и услуги, присылать каталоги с ними;

· отправлять текстовые сообщения, картинки, серии изображений, видео, голосовые сообщения и кружки, товары;

· опрашивать клиентов, собирать информацию о них и отправлять администратору или сохранять в файл;

· ставить или удалять метки пользователям, блокировать людей или исключать из канала и группы, закреплять и откреплять сообщения;

· срабатывать по условию: в определенный день, час, дате подписки, метке и т.д.

Познакомиться со всеми возможностями, которые доступны при настройке ботов, поможет обучающий бот или текстовые инструкции (вкладка «База знаний») в конструкторе ботов в категории «Помощь».

Другие возможности сервиса Botman.pro:

· диалоги со всеми клиентами доступны через интерфейс сервиса: вы можете смотреть, с кем из клиентов разговаривал бот, просматривать там же информацию о людях и с ее учетом включаться в разговор от своего лица через бота;

· работа с подписчиками: можно просматривать людей, подписанных на бота, экспортировать и импортировать базы, группировать людей и т.д,;

· рассылки: через ботов можно создавать рассылки в личные сообщения, каналы и группы в Телеграм;

· подписные страницы: это одностраничные сайты для подписки пользователей на бота, обучающие курсы и т.п.;

· интеграции с внешними сервисами: к BotMan разрешается подключить платформы для обучающих курсов, платежные страницы для приема оплаты, выдачи кредитов и рассрочек, CRM-системы, рекламные сервисы и телефонию и т.д.;

· в BotMan предусмотрен большой выбор шаблонов ботов: чтобы не тратить время на создание и разработку бота с нуля, вы можете посмотреть готовые варианты, выбрать подходящий и подправить его под свои задачи;

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

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

1