1.Telegram mini app

1.⠀Нажмите по ссылке или скопируйте URL-адрес https://t.me/@BotFather или воспользуйтесь поиском чатов в Telegram и найдите @BotFather.

2.⠀Чтобы начать переписку c @BotFather введите команду /start.
Рисунок 1. Начало работы Telegram бота
3.⠀Создайте нового бота, выбирая команду /newbot
Рисунок 2. Команда для создания нового бота
4.⠀Прописывайте название нашего заведения
Рисунок 3. Ввод названия нового бота
Прописанное название клиенты увидят в информации о боте :
Рисунок 4. Информация о Telegram боте
5.⠀Придумайте уникальное имя пользователя
Данное “имя” клиент увидит в рамках ссылки на ваше заведение (рис. 4.1).

  1. Придумайте уникальное имя пользователя для бота на латинице — оно обязательно должно закончиться на «bot».
  2. Старайтесь не использовать длинные конструкции.
  3. Изменить адрес бота Telegram после создания будет невозможно.
  4. Если отправленное имя уже занято, бот отправит Вам сообщение: Извините, это имя пользователя уже занято. Пожалуйста, попробуйте что-нибудь другое. (рис. 4.2)
  5. В таком случае заполните его, например: в графах с символом «_.», укажите ваш регион/код региона и т.п.
Рисунок 5. Уникальное имя пользователя
Рисунок 6. Проверка на уникальность имени пользователя
6.Получите и установите токен в административную панель

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

  1. После выполнения всех шагов @BotFather отправляет вам токен API(рис 6.1)
  2. Токен имеет следующий формат: 123456789:ABCdefGhijkl.MnoPGrstuWXyz
  3. Скопируйте токен, нажав на него в чате c @BotFather .
  4. Перейдите в админ. панель (рис. 6.2)
  5. Вставьте полученный токен в поле Токен (рис. 6.2) и нажмите “подключить”
Рисунок 7. Токен API Telegram бота
Рисунок 8. Поле ввода токена в админ панели
7.⠀Установите логотип заведения
1. Отправляем @BotFather команду /setuserpic

2. Далее @BotFather попросит нас выбрать бота, в которым мы хотим поменять фото, выбираем нужный под клавиатурой

3. Вставляем картинку
Рисунок 9. Установка логотипа
Прописанное название клиенты увидят в информации о боте :
Рисунок 10. Отображение логотипа в информации о боте
8.⠀Установите описание бота
1. Возвращаемся в @BotFather и направляем команду /setabouttext

2. Далее @BotFather попросит нас выбрать бота, в которым мы хотим поменять описание, выбираем под клавиатурой нужный (сноска №2, рис. 8.1)

3. Вставляем краткое описание заведения
@BotFather предупредит вас о том, что Вы сможете ознакомиться с изменениями в течение нескольких минут
Рисунок 11. Установка описания Telegram бота
Клиент увидит описание бота в информации о боте
Рисунок 12. Отображение описания в информации о боте
9.⠀Установите приветственное сообщение нашего бота
1. Возвращаемся в @BotFather и направляем команду /setdescription

2. Далее @BotFather попросит нас выбрать бота, в которым мы хотим поменять описание, выбираем под клавиатурой нужный

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

@BotFather предупредит вас о том, что Вы сможете ознакомиться с изменениями в течение нескольких минут
Рисунок 13. Установка приветственного сообщения
Клиент увидит эту команду в виде приветственного сообщения:
Рисунок 14. Отображение приветственного сообщения
10.⠀Установить картинку/логотип на приветственное сообщение
@BotFather хранит список наших ботов, если их несколько, в отдельном мини приложении

Для того чтобы его посмотреть нажимаете на @BotFather сверху страницы (рис.15)
Рисунок 15. Функция перехода к информации о боте
Далее открываете приложение (рис.16)
Рисунок 16. Функция перехода в приложение
Выбираете нужного бота (рис.17):
Рисунок 17. Список ботов
Выбираете “edit info” (редактировать информацию) (рис.18)
Рисунок 18. Функция редактирования информации бота
Далее - “Set Welcome Picture” (установите приветственное изображение) (рис.19)
Рисунок 19. Установка приветственного сообщения
Что увидит Ваш клиент, при использовании бота и как сможет им воспользоваться?
  1. Для того чтобы клиент зарегистрировался, бот в первую очередь, попросит его предоставить доступ к своему номеру телефона (рис.20)

(Это безопасно. Бот запрашивает только номер, без которого клиент не сможет оформить заказ)
Рисунок 20. Предоставление номера телефона
2.⠀Далее клиент открывает мини-приложение для просмотра меню и своего будущего заказа (рис.21)
Рисунок 21. Кнопка запуска мини-приложения
3.⠀Клиент стандартно формирует корзину для заказа и оформляет его (рис 22, 23)
Рисунок 22. Каталог блюд
Рисунок 23. Оформление заказа
4.⠀Далее клиент отслеживает статус своего заказа (рис.24)
Рисунок 24. Оповещения в мини-приложении
5.⠀Тем временем заведение может изменить статус заказа клиента в CRM-системе (рис. 25)
Рисунок 24. Управление статусами заказа в CRM