Как запустить интернет-магазин в Telegram

В апреле Telegram представил пакет свежих обновлений. Среди них — новые возможности чат-ботов, которые теперь могут создавать полноценные интернет-магазины с витринами. Редактор ppc.world Кирилл Щедрин показывает на примере тестового чат-бота, как это может выглядеть, и разбирается, что нужно для запуска.

Магазины в Telegram уже были давно. Как они выглядят и насколько удобны — другой вопрос. Некоторые из них — просто каналы с ссылками, которые ведут на сайт, где уже можно сделать заказ.

Другие — боты, которые принимают оплату через мессенджер и могут в интерактивном режиме провести по каталогу. Но приятного и удобного интерфейса нет и у них.

В апреле 2022 года команда Telegram заявила, что теперь в мессенджере можно создать настоящий интернет-магазин. И что это «революционный переворот» и «выход в новое измерение».

В чем суть? Теперь разработчики Telegram-ботов могут встроить в них полноценные веб-приложения на JavaScript. Например, интернет-магазин с всплывающим интерактивным меню, по которому удобно перемещаться, добавлять товары, настраивать их количество, оформлять заказ — и всё это с адаптивным дизайном, который симпатично встроится в мессенджер.

Как это выглядит и как это реализовать — давайте разбираться.

Чтобы показать возможности встроенных веб-приложений, Telegram создал бота и предложил «заказать» через него обед.

Попробуем. Находим бота Durger King и нажимаем /start.

Вызвать приложение, которое разработчики встроили в бота, можно через любую из кнопок Order Food. Создатели расположили их в двух местах — в чате и рядом с полем для сообщений. Разработчики могут разместить кнопку вызова приложения еще на клавиатуру пользователя и в меню вложений.

Нажимаем на кнопку Order Food. Открывается окно, в котором нас предупреждают, что мы запускаем приложение. Мы согласны.

Теперь можно изучить меню магазина.

Так-так, что тут у нас: сочный тако за $4, пицца (кажется, это «Пепперони») за $8, шоколадный донат за $2. Неплохо!

Меню можно листать и сворачивать, количество выбранного товара — настраивать.

Давайте посмотрим, что мы положили в корзину — нажимаем на кнопку View Order.

К заказу можно написать комментарий. Это поле пригодится, если у клиента есть дополнительные пожелания к заказу или доставке. Мы ничего сюда вводить не будем. Еще раз пробежимся по корзине.

То, что нужно! Подтверждаем заказ — после этого он сформируется и отобразится в ленте.

Теперь можно переходить к оплате.

Что можно сказать по первому впечатлению? Интерфейс выглядит лаконичным и удобным для пользователя. Хотя дизайн разработан индивидуально, он встраивается в цветовую тему Telegram, которая стоит в профиле.

Но по одному боту сложно оценить возможности, которые в целом открываются перед разработкой для бизнеса. Они шире — ограничиваются только требованиями, которые Telegram предъявляет к приложениям, и потенциалом HTML5 и Bot API.

В 2021 году Telegram запустил тестовый канал Demo Store. На его примере можно посмотреть, как работают платежи, и заодно увидеть, как до последнего обновления можно было реализовать магазин без встроенных веб-приложений.

Товары в Demo Store отображаются в ленте как обычные посты. Под описанием и изображением товара находится кнопка для оплаты. Каталога с товарами или корзины нет.

Такой каталог и корзину, правда, можно реализовать и без веб-приложений. Вот пример из 2020 года — @GHop_Bot.

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

Минус таких ботов — магазины получаются несимпатичные. И все одинаковые.

Страдает и удобство. Например, если вызвать каталог и выбрать категории, товары отобразятся опять-таки в несколько постов, которые не поместятся на один экран.

Такие боты несложные в реализации, и рынок все еще предлагает несколько конструкторов ботов для ecommerce, которые можно настроить без знаний в программировании.

Но со свежими обновлениями такие магазины будут выглядеть уже слишком олдскульно — в плохом смысле.

В 2022 году это актуальный вопрос из-за проблем с зарубежными компаниями. Но Telegram сам по себе не платежная система, он предоставляет только платформу — как посредник между пользователями и платежными системами.

С 2021 года в мессенджере работает платформа «Платежи 2.0». Она не берет комиссии за переводы и не хранит платежные данные.

Telegram поддерживает 15 провайдеров, среди них три российских — ПСБ, Сбер и ЮMoney.

Чтобы подключить платежи, нужно создать бота. Для этого понадобится помощь разработчика. Можно попробовать создать бота самостоятельно — по инструкции Telegram.

После оформления заказа покупателю предложат выбрать способ доставки (если вы его настроите) и ввести данные своей карты или другие реквизиты. Этот алгоритм — общий для старых и новых магазинов.

Для создания бота-магазина понадобится разработчик. Это должен быть специалист со знанием JavaScript, ему также придется разобраться с документацией Telegram Bot API. Если обратиться во внешнюю команду разработки, приложение можно будет реализовать за пару месяцев.