Меню. Создаём меню с кнопками в telegram-боте конструктора Fleep.Бизнес


Fleep.бизнес - конструктор ботов для тех, кто хочет зарабатывать больше.
Если перейти по ссылке
t.me/FleepBot, то можно создать свой первый бот бесплатно.

Меню в ботах Fleep.Бизнес даёт нам огромные возможности. Более того, без меню бизнес-бот практически теряет свою актуальность. Давайте глянем, как это работает начиная с простых меню и заканчивая сложными. И посмотрим, как их создать и привязать к сообщениям бота, как связывать с товарами, если у вас интернет-магазин. И узнаем, где ещё можно использовать меню с кнопками, для заработка.


Оглавление


Что такое "Меню" и какие они бывают


Меню - это набор кнопок, которые ведут в другие меню с кнопками, или присылают в ответ на нажатие контент (сообщение, фото, видео, стикер и т.д.), или отправляют по ссылке внутри бота (UTM-метки) или за его пределы (в каналы и чаты, на сайты в интернете).


Меню с обычными кнопками

В первую очередь это может быть простое меню, которое ведёт пользователя по вашему боту и отвечает на его вопросы. Такой пример я показал на картинке в заголовке этой статьи. Мой бот t.me/culturenetbot при старте выдаёт именно это меню. Кнопки такого меню называются: "обычные". Обычные кнопки находятся внизу экрана под строкой для ввода сообщений.


Меню с inline-кнопками

Кнопки в меню, которые прикрепляются к сообщениям бота - называются inline-кнопки. Они выглядят вот так:

В меню может быть минимум одна кнопка и максимум 99 кнопок

Вложенное меню

Меню могут быть "вложенным". Это когда при нажатии какой-то из кнопок в меню бот показывает новое меню. С помощью вложенных меню создают интернет магазины и воронки продаж, примерно как на картинке ниже:

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

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


Главное меню


Итак, мы увидели, что меню - это набор кнопок, которые мы в него добавляем. Таких наборов мы можем сделать около сотни. В каждый набор можно добавить до 100 кнопок, если это нам нужно, конечно.

Любое меню, которое вы создадите существует само по себе и поначалу ни к чему не прикреплено. Оно просто существует в разделе "Меню" пока вы сами не укажете, где его показать.

Но "Главного меню" уже есть по умолчанию в боте. В "Главном меню" со старта нет кнопок. Как только вы добавите кнопки в "Главное меню" - это меню будет прикрепляться к первому сообщению, которое получит пользователь.

Давайте глянем как это выглядит в боте для вас, как творца бота, отправляем боту команду - /start:

После старта своего бизнес-бота получаем кнопку "Настройки": жмём её

Видим по умолчанию только
"Главное меню"

"Главное меню" есть всегда. Его нельзя переименовать или удалить. Оно просто есть. Как пустой кувшин для компота. Пока мы кувшин не наполним, то разливать из него нечего. Он просто стоит и ждёт когда его наполнят, чтоб появится на столе.

Так и меню - пока в нём нет кнопок, то оно не может нигде появиться. Оно ждёт, пока вы его наполните кнопками и прикрепите куда вам нужно. Это касается любого меню, не только "главного меню".

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

Собственно, это то самое место, где мы уже можем создать кнопки в "Главном меню". Но перед тем, как создать кнопки давайте посмотрим как создать наше новое меню, которое понадобится позже.


Создание меню


Представьте, что вы хотите пить и у вас есть компот. Компот не может быть сам по себе, он всегда где-то хранится. Вы хотите пить - наливаете из кувшина. Но перед тем как налить компот в стакан из кувшина вы наполнили этот кувшин. Согласитесь, трудно наливать компот из пустого кувшина, как и без кувшина налить компот в стакан.

С кнопками такая же ситуация. Кнопки это наш компот и есть.

Перед тем как привязать какую-то кнопку к нужному сообщению или товару (налить компот), вам всегда понадобится создать меню (взять пустой кувшин), потом в меню создать кнопку (наполнить кувшин компотом) и только уже после привязать это меню к нужному сообщению или товару (налить из кувшина в стакан).

Вообще, когда собираешь бот, лучше продумать заранее структуру бота и записать всё это отдельно. После чего легко увидеть сколько меню понадобиться, какие в них будут кнопки и как они должны быть расположены (обычные - снизу или inline - под сообщением или под товарами).

Но сейчас мы хотели увидеть процесс рождения меню. И начнём, как обычно: /start -> Настройки -> Меню -> ➕:

Первым делом просят ввести название меню, что я и сделаю

Меню создано и я его назвал "Новое первое меню". А теперь просят его настроить. Помним, что если в меню нет кнопок, то его невозможно использовать (это просто пустой кувшин), то есть прикрепить его никуда не выйдет. Для этого нужно добавить в меню кнопки (наполнить кувшин). Кстати, это меню можно удалять - кнопка с корзиной. Но мы добавим кнопки.

Добавляем кнопки в меню (виды кнопок)

Нажимаем ➕ и получаем сообщение:

В любое меню можно добавить пять видов кнопок.


Обычная" и "Inline

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


Контакт

- эта кнопка попросит пользователя отправить боту его номер телефона. Человеку не нужно будет вписывать цифры. Нужно просто нажать кнопку, которую вы создадите и telegram отправит номер телефона, на который зарегистрирован аккаунт. Вот пример того, как это будет выглядеть для самого пользователя:

После отправки номера телефона пользователь увидит, примерно, такое сообщение 👆🏻

С помощью такой кнопки вы сможете собирать базу номеров телефонов покупателей и пользователей бота. Их можно использовать с пользой, например, для настройки адресной рекламы в кабинете Фейсбук.

Опрос

- кнопка, которая отправит опрос. Пока не очень ясно насколько полезна такая функция, возможно она изменится или вообще, пропадёт из конструктора. Я не нашёл ей применения. Если вы знаете, как её использовать, то напишите мне и я добавлю эту информацию сюда.

Местоположение

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

При старте бот просит прислать местоположение.


В ответ на нажатие кнопки бот пришлёт карту где находится пользователь.

Пользователь отправил своё местоположение. После чего, курьер нажимает на эту карту и прокладывает маршрут к потерпевшему.

После того как вы добавили все нужные кнопки - ваше меню готово. Теперь можно прикрепить меню к сообщению для пользователя.


Прикрепляем меню (делаем своего бота с услугами)


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

У вас пять направлений:

  1. Продажа рекламы в сети своих каналов.

  2. Написание рекламных постов - копирайтинг.

  3. Закупка трафика в telegram - закупщик.

  4. Сопровождение канала - контентщик.

  5. Рекламный менеджер - продажник.

Мы сделаем такого бота, который после старта будет показывать какие услуги мы оказываем, поэтому нам нужно добавить кнопки к главному меню и изменим "Приветствие".

Вообще, я заранее сделал такого бота и его можно посмотреть, только давайте договоримся, возвращайтесь назад, чтоб продолжить делать такой же, но свой - @tlgrmasterbot.

Продолжим

Глянули? Теперь давайте распишем схему нашего бота.

Кроме кнопок пяти услуг, которые видно при старте бота, сделаем ещё пару кнопок, которые ведут на прайс в нашей сети каналов и в личку админа - он живой и с ним легко договориться, потому что он человек. Вот эти кнопки мы и прикрепим к сообщениям бота.

То есть, всего у нас будет три меню. Почему три?

Вспомним, что кнопка не может быть сама по себе, она живёт только в меню (вот тут прочтите, если забыли). И к сообщениям бота мы крепим не сами кнопки, а меню, внутри которых мы создаём сколько нам нужно кнопок. Сейчас нам нужно по одной в каждом меню. Итого, у нас будет:

  1. Главное меню с услугами (5 кнопок).

  2. Меню с кнопкой, которая ведёт на прайс сети каналов.

  3. Меню с кнопкой, которая ведёт в личку админа.


Добавим новое меню (подробно)

Заходите в свой бот (как сделать бот, если забыли) и первым делом сделаем эти три меню. Начнём с тех, у которых меньше кнопок: /start -> Настройки -> Меню -> ➕:

Название меню видите только вы. Это чтоб понимать, что содержится внутри меню и к чему оно относится. Поэтому называйте, как хотите, этого никто не увидит. Но так, чтоб потом не запутаться. Я назову по смыслу, который я в него вложил: "Прайс сети каналов". Отправляем.

Тут жмём ➕, чтоб добавить кнопку. И получаем уже знакомый нам конструктор кнопок.

Так как кнопки ведущие на прайс и к админу мы будем крепить к сообщениям снизу, то создаём inline кнопку. Жмём "Inline" и получаем:

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

Я выбрал первое: "Переход по ссылке", потому что мне нужно увести пользователя в сторонку и показать ему цены в сети каналов.

Тут я уже пишу название, которое будет на кнопке и его увидит пользователь. Поэтому пишем приличное и понятное. Отправляем.

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

Первое наше меню "Прайс сети каналов" настроено и добавлена одна кнопка. Больше нам пока не нужно. Но если, что, то жмём ➕ и снова добавляем кнопку в это меню.

Суть в том, что когда вы прикрепите меню к какому-то сообщению, то пользователь увидит все кнопки, которые содержит меню.

Нам нужно в этом меню одна кнопка. Поэтому продолжим и сделаем второе меню с кнопкой, которая ведёт к админу.

Добавим второе меню (сжато, с иллюстрациями)

Жмём уже знакомые: Настройки -> Меню.

Как видно, теперь в списке меню у нас появилось второе - "Прайс сети каналов", кроме главного. Но нам нужно ещё одно, поэтому жмём -> ➕.

Я не буду расписывать каждый шаг, чтоб не повторяться, но проиллюстрирую 👇🏻:

Второе меню готово. Давайте посмотрим что мы имеем в списке меню: Настройки (кнопка внизу под полем для ввода сообщений) -> Меню.

У нас уже три меню:

  • Главное меню;

  • Прайс сети каналов;

  • Личка админа.


Главное меню (редактируем)

И вот теперь настроим "Главное меню". Жмём кнопку "Главное меню":

Я решил "Главное меню" сделать с "обычными кнопками". Выбираем "Обычная":

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

Тут надо отправить текст, который увидит пользователь когда нажмёт на кнопку "Реклама в сети наших каналов":

"Мудрые админы знают: "Очень дешёвый трафик опасен для здоровья". А если хотите, чтоб ваш канал получил настоящих живых подписчиков, то гляньте нашу "Сеть Культурных Каналов": t.me/culturenetbot. Переходите по ссылке или жмите кнопку снизу 👇🏻" - и я его отправил.

Для начала я уберу превью от ссылки, которая в сообщении. Это делает кнопка "Превью: вкл."
Которая меняется на
"Превью: откл." и превью отключается.

Раз мы предлагаем нажать кнопку, то к этому сообщению прикрепим эту кнопку, которую мы подготовили заранее в меню "Прайс сети каналов".

Жмите: "Прикрепить меню" и в новом сообщении выбирайте меню "Прайс сети каналов", чтоб прикрепить:

После этого видим настройки, где меню уже прикреплено:

Здесь просто жмём "Готово" и первая кнопка в меню добавлена.

Вот так сейчас всё выглядит в наших настройках "Главного меню":

Сделаем вторую кнопку. Для этого снова жмём ➕. Выбираем тип кнопки "Обычная". А назовём её: "Заказать рекламный пост".
Текст для пользователя сделаем такой:

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

Чтоб написать такой текст надо понимать в психологию и другие технологии текстов. Не буду раскрывать всех секретов, просто напишите мне @neznayca и я сделаю отличный рекламный текст.

Да, стоит это 5000 рублей, но сэкономить может в 10 раз больше. А если вы купите рекламу в нашей "Сети Культурных Каналов", то текст вам обойдётся всего в 1500 рублей.

Для переговоров нажмите кнопку ниже и напишите мне 👇🏻
"

После отправки этого текста получаем от бота сообщение, в котором выбираем "Прикрепить меню":

Если мы просим написать админу, то выбираем наше меню "Личка админа"

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

Не забываем нажать "Готово", чтоб всё сохранилось. И наблюдаем уже две готовых кнопки.

Надеюсь, что процесс понятен, поэтому я накидаю кнопок за кадром, а вы сходите посмотрите, что получилось: t.me/tlgrmasterbot.

Но это не всё.

В конце нам нужно отредактировать приветствие пользователя, который зашёл в первый раз и нажал /start. Потому что по умолчанию оно выглядит вот так:

Согласитесь, это не совсем отвечает теме нашего бота об услугах в telegram. Поэтому его надо заменить.

Вот тут я опишу процесс смены привета пользователю: www.telega.su/fleep-business, чтоб не скидывать всё (и меню, и приветы, и прочее) в одну кучу. Всё-таки этот обзор создания меню.


Вложенное меню


Этот обзор получился настолько большой и информативный, что разбор вложенных меню я вынес в отдельную статью. Там, кстати, мы будем продавать яйца динозавра, так что Добро Пожаловать: "Как делают вложенные меню в конструкторе ботов Fleep.Бот"


Редактируем меню


Чтоб отредактировать созданное меню нужно выбрать его в разделе настоек "Меню". Например, я хочу отредактировать "Главное меню". Передо мной список кнопок, которые я уже создал в нём.

Жмите настройки:

Выбирайте любую кнопку для редактирования и нажимайте её. Она должна отметиться вот так:

Теперь вы можете перетаскивать кнопки и менять их местоположение. Сделать в один столбик или по несколько кнопок в ряд. Для этого после выделения одной кнопки нажмите ➕ там, куда хотите перетащить кнопку. Положение кнопок тут же сменится:

Чтоб продолжить менять положение кнопок - нажмите на ту, которую хотите перетащить и выбирайте ➕ там, куда нужно переставить. Если хотите поменять кнопки местами, то выбирайте не ➕, а ту кнопку, с которой нужно поменяться местами.

Кроме местоположения кнопок в меню вы можете изменить сами кнопки. Как их названия так и их содержание. Для этого после выделения кнопки нажмите "Изменить":

После этого вы получите сообщение как на следующем скрине.

Здесь сверху вы увидите сообщение, которое получает пользователь после нажатия на эту кнопку.

В нашем случае это сообщение с кнопкой "Показать условия размещения", которую мы прикрепили.


Ниже будут инструменты редактирования:

  • первая кнопка показывает какое меню мы прикрепили. У нас - "Прайс сети каналов", там одна кнопка "Показать условия размещения".

  • Изменить название - меняет название на кнопке.

  • Изменить содержание - меняет текст сообщения пользователю. К этому сообщению и прикреплена кнопка.

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

На этом закончим с простым меню и переходите ко вложенным меню: Вложенное меню или жмите кнопку "Следующая статья"

Fleep.бизнес - конструктор ботов для тех, кто хочет зарабатывать больше.
Если перейти по ссылке
t.me/FleepBot, то можно создать свой первый бот бесплатно.