UnionCreated using FigmalectureCreated using Figma
new

Скидка 40% на все курсы ppc.world и 50% на пакетные предложения Подробнее

8299 https://ppc.world/uploads/images/4c/66/628ba17a1c9f7-ppc-14.png 2022-05-24 Стратегия ppc.world 160 31

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

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

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

Telegram

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

Магазин

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

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

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

Как могут выглядеть Telegram-магазины сейчас

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

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

Бот

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

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

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

Магазин

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

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

Магазин

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

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

Магазин

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

Оплата

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

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

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

Алексей Гальченко

Алексей Гальченко технический директор MediaNation

Обновление меняет всю сущность 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. Если обратиться во внешнюю команду разработки, приложение можно будет реализовать за пару месяцев.

Алексей Гальченко

Алексей Гальченко технический директор MediaNation

Чтобы разработать такой магазин и запустить простое MVP, потребуется около 2–4 недель. Дальнейшая отладка также потребует около месяца работ в связи с тем, что это новый формат, и Front-end-разработчикам придется изучать тонкости разметки для Telegram. В остальном же специалисты агентства смогут без труда реализовать подобный магазин.

Последние комментарии

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: