Магазин в Телеграм-канале вместо бота. Инструкция: как настроить

Недавно мы стали свидетелями эволюции мессенджера Дурова. Магазины и сайты могут открываться в канале и чате, а не в боте. Кирилл Струк, основатель TGShop, рассказал, как запустить веб-приложение в Телеграм-канале за 10 минут на примере магазина клиента.

<i>Пример магазина клиента</i>
Пример магазина клиента

Телеграм выпустил обновление и анонсировал возможность открывать WebApp по ссылке внутри каналов и чатов. Теперь вы можете закреплять сайты, игры, приложения и магазины, сделанные в WebApp, прямо внутри каналов и чатов. Покупки в Телеграме стали быстрыми и удобными – клиентам не нужно постоянно переходить в бот, чтобы просмотреть каталог и оформить заказ.

*Web app – это дословно веб-приложение, которое открывается внутри мессенджера.

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

Прежде всего, у вас уже должен быть магазин – на базе TGShop (настройка 10 минут) или другой платформы, где есть возможность скопировать ссылку на ваш WebApp. Магазин так же создается на базе бота – этого не избежать. Далее вы сможете выводить каталог в канал. В этом примере я взял магазин косметики.

Когда вы создали магазин, следуйте шагам:

1. Копируем ссылку на WebApp (ваш готовый магазин, приложение внутри Телеграма). Не перепутайте с юзернеймом бота в самом Телеграме. На скрине ниже показано, как это сделать на платформе TGShop. На других может быть иначе.

<i>Ссылка будет в таком виде: <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwebapp.tgshop.io%2Fshops%2Ffac075ba-6a75-4393-8f45-f516ffef30f7&postId=705725" rel="nofollow noreferrer noopener" target="_blank">https://webapp.tgshop.io/shops/fac075ba-6a75-4393-8f45-f516ffef30f7</a></i>
Ссылка будет в таком виде: https://webapp.tgshop.io/shops/fac075ba-6a75-4393-8f45-f516ffef30f7

2. Переходим в BotFather в Телеграме. Выбираем команду /newapp и бота, в котором есть ваш магазин в WebApp.

Магазин в Телеграм-канале вместо бота. Инструкция: как настроить

3. Придумайте название и краткое описание для вашего WebApp, загрузите фото, следуя инструкциям BotFather. Описания могут быть такими же, когда вы создавали бот для магазина. Всё, что вы вводите на этом этапе, будет отображаться в предпросмотре ссылки ↓

Магазин в Телеграм-канале вместо бота. Инструкция: как настроить

4. Введите Web App URL (ссылку, которую вы скопировали в админке) и название для вашей ссылки (shop/menu/catalog или свой вариант) .

Магазин в Телеграм-канале вместо бота. Инструкция: как настроить

5. Скопируйте готовую ссылку и закрепите в канале, чтобы ваши подписчики могли сразу перейти в магазин, а не в бота.

Этот способ уменьшит количество шагов, которые должен совершить потенциальный клиент. Меньше действий → выше конверсия → больше продаж. Новая функция все еще не совершенная, магазин остался прикрепленным к боту, но это большой шаг к социальной коммерции.

Если у вас остались вопросы, пишите в комментариях. Будем рады, если поставите лайк на инструкцию.

1717
4 комментария

Очень круто! Искала способ, как это сделать, нигде не нашла ничего вразумительного.

2
Ответить

А можно подключить к разным карточкам товара разные реквизиты?

Ответить