Создание телеграм бота или мини-магазина в Telegram

Что известно на данный момент:

16 марта 2022 года команда Телеграм выпустила обновление Web Apps для разработчиков телеграм ботов. Данное обновление ориентировано на создание мини-магазинов в самом телеграм. На примере тестового бота "Durger King" @DurgerKingBot можно увидеть и постестировать, как происходят следующие этапы организации мини-магазина в Телеграм, коротко пройдемся по ним:

1. Название, логотип и описание компании.
2. Ассортимент (каталог) продукции с изображениями, ценой и кнопкой "добавить", а также возможностью добавить количество позиций товара.
3. Посмотреть заказа и оставить к нему комментарий в строке.
4. Номер и сумма заказа - кнопка "Оплатить".
5. Указывается полный физичиеский адрес, имя и телефон заказчика.

Далее уже идет форма оформления самого заказа с указанием всех необходимых реквизитов:

• Способы оплаты
• Информация о доставке
• Имя
• Номер телефона
• Внизу кнопка "Оплатить".

Команда телеграм не дает четкого ответа на вопрос, где и как создать аналогичные магазин с последующим его внедрением в экосистему (среду) самого Telegram. Они лишь приводят в качестве мануала инструкцию.

Детальный разбор основного функционала телеграм бота мини-магазина в Telegram

Первое что мы видим, это "приветствие" с поясненим того, "Что умеет этот бот?". Здесь при создании бота необходимо указать какие конкретно функциональные услуги предоставляет бот, например:

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

Далее пользователю предоставляется на выбор следующие активные "кнопки" запуска бота:

1. "Меню" (каталог продукции): здесь представлены все категории или конкретные товары/услуги магазина.
2. "Скрепка" (прикрепить файл): например, фото продукции, которая вас интересует.
3. "Поле для сообщения": можно сразу написать свое пожелание, которое увидет менеджер.
4. "Голосовое сообщение": можно оставить звуковое сообщение для обработки менеджером.

Меню магазина в телеграм боте. Реализация "кнопки" идет 2-мя дублирующими способами: нижняя слева "кнопка синего цвета", а также "полупрозрачная кнопка" в самом диалоговом окне бота. Собственно, перед самой возможностью кликнуть по кнопке "Меню", выводится сообщение с предложением запуска бота (/start). Текстовое оформление: "Пожалуйста, нажмите по кнопке "Меню" для выбора и заказа желаемого товара или услуги."

В появившемся Меню представлен полный каталог продукции, напрмиер, 12 и более категорий товаров и услуг со следующими значениями:

• Изображение товара или услуги.
• Название товара/услуги - "Цена" (слово цена не упоминается, а сразу идет значение в грн. Здесь также важно учесть, что значение цены может идти с приставкой "от .....". Например: "Ворота - от 10000 грн", где перенос строки ниже также приемлем. Кроме того, в разделах услуг, например, кран-манипулятор, к значению цены может добавлять и "суфикс": Кран-манипулятор (или просто "манипулятор") - 800 грн/час.
• Кнопка "Заказать" и выбор количества позиций (-/+)

Важно отметить, что над каталогом, представленного в Меню, в само верху окна есть 3 значения: "Отмена" вывода Меню с его последующим "свертыванием", Название самого бота (Короткое название, а не TITLE бота в целом) и кнопка "Обновить".

После выбора позиций и их количества, необходимо кликнуть на кнопку "Просмотр заказа". Далее мы видим "Чек", где указано количество и общая сумма заказа. Здесь есть возможность его отредактировать (изменить заказ), а также, что особенно важно, - область "Добавить комментарий к заказу". Именно такой понятной формулировкой в полупрозначном сером цвете должна быть подсказка для пользователя, где он пишет все детали к заказу. После составления "пожеланий в комментариях" пользователь нажимает на кнопку "Оплатить", но зачастую, данная функция будет выражена в виде "Подтвердить заказ". Возвращаясь к полю "Добавить комментарий", важно отметить, что внизу под ним есть небольшое описание в тестовом боте, так вот, в нем необходимо расположить ссылку на сайт с полным каталогом продукции, чтобы, в открывшемся окне телеграм по ссылке человек смог выбрать интересующий его заказ, - вернуться снова в телеграм бот и указать в комментарии к заказу конкретный вид (наименование) выбранного товара или услуги. Также здесь можно расположить номера телефонов в виде активных ссылок и ссылку на телеграм чат с представителем компании.

Функционал подтверждения и оплаты заказа

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

• В диалоговом окне телеграм появляется сообщение с чеком заказа: иконка, количество позиций, сумма заказа и комментарий к нему.
• Далее, ниже, идет статическое сообщение, которое повествует о способах заказа. Здесь мы пишем следующий текст: "Вы можете оплатить свой заказ на номер банковской карты 2121 2121 2121 2121 или наличными при получении заказа."
• Ниже уже выводится изображение (одно стандартное по тематике магазина, например, рекламный баннер или логотип магазина), на котором выведена сумма (счет), а ниже номер заказа, например, #2077085
• И в само низу, кнопка подтвердить заказ, коорая ведет к форме заполнения.

В появившейся "форме подтверждения заказа" указано стандартное изображение магазина, номер заказа, краткое описание в таком виде: "После заполнения контактов с подтверждением заказа, с вами свяжется наш менеджер". Далее в этом же окне, - описание товаров в заказе (перечень наименований) с ценами по отдельным категориям товаров и суммой в целом. Здесь же идет знаечение "Доставка", расчет которой (значение суммы) осуществляется путем перехода по ссылке на официальный сайт компании. В будущем, при более активной разработке данная функция расчтета доставки заказа будет исходить от географических констант и тарификационных переменных из одной общей таблицы. То же самое, касается и создания калькулятора расчета количества или объема заказа по категориям строительство.

После выше перечисленного в этом же окне "Формы заказа", идут 3 строки контактов:

• Способ оплаты (вместо Apple Pay) - здесь идет на выбор 2 способа: оплатить с карты на карту или наличными при получении заказа с учетом аванса.
• Информация о доставке: заполняется согласно форме тестовго телеграм бота, за исключением, индекса, а также "Страна", где по умолчанию стоит Украина.
• Имя и телефон заказчика.

Далее пользователь кликает на "Подтвердить заказа", после чего идет перенаправление на окно с иконкой Телеграм и внизу подпись: "Спасибо за заказа! В ближайшее время с вами свяжется наш менеджер!"

P.S.: в данном описании телеграм бота для интернет-магазина не указан один важный момент - расположение ссылок на страницы товара официального сайта компании, для получения более точной информации о товаре. Предлагается обсудить данный вопрос в виде комментариев в данном обзоре.