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

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

Оглавление

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

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

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

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

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

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

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

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

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

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

К оглавлению

Главное меню

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

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

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

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

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

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

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

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

К оглавлению

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

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

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

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

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

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

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

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

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

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

Обычная" и "Inline

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

Контакт

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

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

Опрос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Продолжим

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Но это не всё.

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

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

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

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

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

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

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

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

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

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

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

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

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

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