Перейти к основному содержимому

Как создать магазин, запись на услуги с web app Телеграм

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

Web App 1

Сначала вам потребуется перейти на страницу Списки/WebApp, перейти на вкладку WebApp Telegram и создать приложение нужного типа.

Web App 2

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

Web App 3

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

Web App 4

Ссылку приложения вы можете разместить в трех местах: кнопка меню слева (настраивается в @BotFather), кнопка клавиатуры и кнопка под сообщением. Для кнопки меню вам также потребуется ввести токен бота, где работает приложение.

Важный момент: при возврате из приложения текущему шагу сценария присваивается ответ webapp:catalog для каталога и webapp:calendar для календаря. Вы должны это использовать в условиях блоков для переадресации на блок обработки данных приложения. В случае каталога вам вернутся данные по заказу, в случае календаря вернутся дата и время записи.

Для обработки данных в блоке обработки вы должны использовать сценарий действий с действием WebApp Telegram. Выберите нужную операцию и сохраняйте нужные данные в переменные или производите предложенные в списке операции.

Web App 5

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

к сведению

Магазин позволяет учитывать и списывать остатки для товаров (по размерам отдельно и для товаров без размеров). Для списания остатков вам необходимо передать в платежную ссылку параметр ItemsID со значением #{ItemsID}. При поступлении платежа, вы должны принять платеж в сценарии действий и, после этого, товары будут списаны.

Также вы можете вызвать тестовое списание. Для этого, перед действием приема платежа присвойте переменной ItemsIDtest переменную #{ItemsID}. Вы можете искусственно вызвать блок с ожиданием платежа, чтобы протестировать списание остатков.

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

Youtube: Создание чат-бота службы доставки еды с Web App Telegram
RuTube: Создание чат-бота службы доставки еды с Web App Telegram

Импортируйте готовый чат-бот доставки еды в свой аккаунт

Скачать

Youtube: Как создать чат-бот магазина одежды в Телеграме с Web App
RuTube: Как создать чат-бот магазина одежды в Телеграме с Web App

Импортируйте готовый чат-бот магазина одежды в свой аккаунт

Скачать

Youtube: Web App Telegram чат-бот записи на услуги маникюра
RuTube: Web App Telegram чат-бот записи на услуги маникюра

Импортируйте готовый чат-бот записи на маникюр в свой аккаунт

Скачать