Магазины в Telegram уже были давно. Как они выглядят и насколько удобны — другой вопрос. Некоторые из них — просто каналы с ссылками, которые ведут на сайт, где уже можно сделать заказ.
Другие — боты, которые принимают оплату через мессенджер и могут в интерактивном режиме провести по каталогу. Но приятного и удобного интерфейса нет и у них.
В апреле 2022 года команда Telegram заявила, что теперь в мессенджере можно создать настоящий интернет-магазин. И что это «революционный переворот» и «выход в новое измерение».
В чем суть? Теперь разработчики Telegram-ботов могут встроить в них полноценные веб-приложения на JavaScript. Например, интернет-магазин с всплывающим интерактивным меню, по которому удобно перемещаться, добавлять товары, настраивать их количество, оформлять заказ — и всё это с адаптивным дизайном, который симпатично встроится в мессенджер.
Как это выглядит и как это реализовать — давайте разбираться.
Как могут выглядеть Telegram-магазины сейчас
Чтобы показать возможности встроенных веб-приложений, Telegram создал бота и предложил «заказать» через него обед.
Попробуем. Находим бота Durger King и нажимаем /start.
Вызвать приложение, которое разработчики встроили в бота, можно через любую из кнопок Order Food. Создатели расположили их в двух местах — в чате и рядом с полем для сообщений. Разработчики могут разместить кнопку вызова приложения еще на клавиатуру пользователя и в меню вложений.
Нажимаем на кнопку Order Food. Открывается окно, в котором нас предупреждают, что мы запускаем приложение. Мы согласны.
Теперь можно изучить меню магазина.
Так-так, что тут у нас: сочный тако за $4, пицца (кажется, это «Пепперони») за $8, шоколадный донат за $2. Неплохо!
Меню можно листать и сворачивать, количество выбранного товара — настраивать.
Давайте посмотрим, что мы положили в корзину — нажимаем на кнопку View Order.
К заказу можно написать комментарий. Это поле пригодится, если у клиента есть дополнительные пожелания к заказу или доставке. Мы ничего сюда вводить не будем. Еще раз пробежимся по корзине.
То, что нужно! Подтверждаем заказ — после этого он сформируется и отобразится в ленте.
Теперь можно переходить к оплате.
Что можно сказать по первому впечатлению? Интерфейс выглядит лаконичным и удобным для пользователя. Хотя дизайн разработан индивидуально, он встраивается в цветовую тему Telegram, которая стоит в профиле.
Но по одному боту сложно оценить возможности, которые в целом открываются перед разработкой для бизнеса. Они шире — ограничиваются только требованиями, которые Telegram предъявляет к приложениям, и потенциалом HTML5 и Bot API.
Обновление меняет всю сущность Telegram-ботов: теперь они смогут заменить большую часть приложений. Боты в Telegram и до этого были достаточно мощным инструментом коммуникации с клиентами, но сейчас они станут еще мощнее. Их можно применять в ecommerce, сфере услуг, системе опросов или квизов, использовать различные методики геймификации — мы можем использовать нового Telegram-бота практически везде, где применяются приложения.
В условиях введения все новых ограничений в AppStore и Play Market новая технология получит сильное ускорение для своего развития. Разработчики будут как можно быстрее осваивать новое направление и заменять им классические приложения. Новый вид ботов также поможет более точно отслеживать действия аудитории за счет встраивания кода Яндекс Метрики в тело веб-приложения. Это, в свою очередь, открывает новые возможности для сбора статистики и построения рекламных кампаний на основе собранных данных, включая ремаркетинг.
Какие магазины в Telegram теперь стыдно показывать
В 2021 году Telegram запустил тестовый канал Demo Store. На его примере можно посмотреть, как работают платежи, и заодно увидеть, как до последнего обновления можно было реализовать магазин без встроенных веб-приложений.
Товары в Demo Store отображаются в ленте как обычные посты. Под описанием и изображением товара находится кнопка для оплаты. Каталога с товарами или корзины нет.
Такой каталог и корзину, правда, можно реализовать и без веб-приложений. Вот пример из 2020 года — @GHop_Bot.
Все меню с каталогом, историей заказов и корзиной построено как кастомное меню. Нажатие на кнопку отправляет команду боту в диалоге, тот обрабатывает информацию и дает ответ. Такие боты могут запоминать пользовательскую историю, поэтому хранят сведения о корзине и прошлых заказах, переводят платежи.
Минус таких ботов — магазины получаются страшненькие. И все одинаковые.
Бот @GHop_Bot в веб-версии Telegram: одно меню наползает на другой
Страдает и удобство. Например, если вызвать каталог и выбрать категории, товары отобразятся опять-таки в несколько постов, которые не поместятся на один экран.
Такие боты несложные в реализации, и рынок все еще предлагает несколько конструкторов ботов для ecommerce, которые можно настроить без знаний в программировании.
Но со свежими обновлениями такие магазины будут выглядеть уже слишком олдскульно — в плохом смысле.
Всё ли в порядке с платежами через Telegram
В 2022 году это актуальный вопрос из-за проблем с зарубежными компаниями. Но Telegram сам по себе не платежная система, он предоставляет только платформу — как посредник между пользователями и платежными системами.
С 2021 года в мессенджере работает платформа «Платежи 2.0». Она не берет комиссии за переводы и не хранит платежные данные.
Telegram поддерживает 15 провайдеров, среди них три российских — ПСБ, Сбер и ЮMoney.
Чтобы подключить платежи, нужно создать бота. Для этого понадобится помощь разработчика. Можно попробовать создать бота самостоятельно — по инструкции Telegram.
После оформления заказа покупателю предложат выбрать способ доставки (если вы его настроите) и ввести данные своей карты или другие реквизиты. Этот алгоритм — общий для старых и новых магазинов.
Что нужно для запуска
Для создания бота-магазина понадобится разработчик. Это должен быть специалист со знанием JavaScript, ему также придется разобраться с документацией Telegram Bot API. Если обратиться во внешнюю команду разработки, приложение можно будет реализовать за пару месяцев.
Чтобы разработать такой магазин и запустить простое MVP, потребуется около 2–4 недель. Дальнейшая отладка также потребует около месяца работ в связи с тем, что это новый формат, и Front-end-разработчикам придется изучать тонкости разметки для Telegram. В остальном же специалисты агентства смогут без труда реализовать подобный магазин.