Магазин в Telegram-боте (Мини-приложение)

Инструкция создания интернет-магазина MiniApp для чат-бота в телеграме.

Перед созданием магазина подключите мессенджер к чат-боту - см. Подключение Telegram

Активируйте магазин

Зайдите в конструктор бота и перейдите в раздел "Интернет-магазин (MiniApp)".

Активируйте переключатели "Активировать магазин" и "Активировать кнопку запуска MiniApp".

В чат-боте появится кнопка перехода в магазин.

Кнопка может появиться в приложении с задержкой со стороны Telegram (около 5 минут).

Если кнопка не появилась в чате, попробуйте переключится между чатами или перезапустить приложение Telegram.

Вы можете скопировать ссылку на магазин, чтобы использовать запуск магазина по ссылке в сценарии бота.

Создайте категорию

Перейдите в раздел "Категории" и нажмите "Добавить категорию".

Заполните поле "Название" и загрузите изображение категории. Дождитесь загрузки изображения и после нажмите "Создать".

Чтобы изменить порядок отображения категорий, укажите значение сортировки. Категории отображаются от большего значения сортировки к меньшему. Чем больше значение сортировки, тем раньше (выше/левее) отображается категория.

Создайте опции для товаров

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

Перейдите в раздел "Опции" и нажмите "Добавить опцию".

Заполните название опции и добавьте варианты.

Чтобы изменить порядок отображения опций, укажите значение сортировки. Опции отображаются от большего значения сортировки к меньшему. Чем больше значение сортировки, тем раньше (выше/левее) отображается опция.

Нажмите кнопку "Создать".

Добавьте товары

Перейдите в раздел "Товары" и нажмите "Добавить товар".

На вкладке "Основное" заполните название, категорию, цену и описание товара.

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

Перейдите на вкладку "Изображения и видео" и загрузите изображение. Опционально вы можете загрузить дополнительные изображения и видео.

Перейдите на вкладку "Характеристики" и нажмите кнопку "Добавить". Введите название характеристики и ее значение.

Перейдите на вкладку "Опции" и выберите необходимые опции (см. п. "Создайте опции для товаров").

Нажмите кнопку "Создать".

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

Отредактируйте основные тексты

Перейдите в раздел "Настройки".

На вкладке "Основное" настраиваются тексты, которые будут отображаться пользователям. Вы можете оставить значения по умолчанию или отредактировать их.

После изменения текстов нажмите кнопку "Сохранить".

Чтобы увидеть изменения, обновите страницу приложения.

Изменение текстов может появиться в приложении с задержкой со стороны Telegram (около 5 минут).

Настройте способы доставки и оплаты

Перейдите в раздел "Настройки" и затем нажмите на вкладку "Оплата и доставка".

Выберите валюту магазина. Стоимость всех товаров будет отображаться в магазине в этой валюте.

Онлайн-платежи доступны только для валюты "RUB".

Оплата

Если вы планируете использовать онлайн-оплату, то сначала подключите платежные системы. Для этого перейдите в раздел "Настройки" на вкладку "Интеграции". Подробнее о подключении платежных систем смотрите Платежные системы.

После добавления платежных систем вернитесь в раздел "Интернет-магазин (MiniApp) -> Настройки" и продолжите настройку оплаты.

Для MiniApp доступны 3 платежные системы: Robokassa, Юkassa и Т-Банк.

Выберите способ оплаты.

Оплата наличными (при получении) доступна только при выборе доставки самовывозом.

При выборе способа доставки магазином принудительно устанавливается способ оплаты "Онлайн-платеж".

Доставка

Выберите способ доставки.

Если вы выбрали способ доставки "Доставка магазином", то выберите способ расчета стоимости доставки:

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

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

Если вы выбрали способ доставки "Самовывоз", то добавьте адреса пунктов выдачи.

Увеличьте порядок сортировки, чтобы адрес пункта выдачи отображался выше в списке.

После изменения настроек доставки и оплаты не забудьте сохранить изменения.

Настройте дизайн магазина

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

Выберите шаблон:

Две карточки: в строке будет отображаться две категории или два товара
Одна карточка: в строке будет отображаться одна категория или один товар

Выберите цветовую схему:

Цвета из настроек Telegram: применяться цвета из темы Telegram, которую клиент выбрал в настройках своего приложения в разделе "Настройка чатов"
Пользовательская тема: выберите цвета из палитр. Чтобы задать произвольный цвет, выберите первый кружок в палитре.
Готовые темы (темная, светлая и т.д.): темы с предустановленными цветами. Вы можете изменить готовую тему и сохранить — ваши изменения сохранятся в "Пользовательскую тему".

Загрузите баннер

Опционально вы можете добавить баннеры.

Баннер отображается в верхней части магазина.

Перейдите в раздел "Баннеры" и нажмите на "Добавить баннер".

Заполните поле "Название", загрузите изображение и выберите станицу, на которую должен вести баннер.

Вы можете настроить, на каких страницах показывать баннер, например, можно показывать баннер только на главной странице ("Список категорий").

Настройте уведомления

Перейдите в раздел "Настройки" и укажите email, на который хотите получить уведомления о заказах.

PreviousВиджет NextУведомления

Last updated 5 days ago

Was this helpful?