Новый модуль "Магазин" - Веб Интерфейс ботов

Июль 1, 2022

Чтение статьи займет 15 минут

Привет, ботмейкеры!

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

Нас очень долго просили реализовать корзину, но мы понимали, что её реализация в рамках отсутствия web-интерфеса - это заведомо неудобный способ создания онлайн магазина внутри Telegram.

Потому, что самое ключевое для нас это идеальное исполнение любого решения, которое будет являться лучшем на рынке. Мы прогнозировли выход нового web интерфеса в Telegram и снова попали в точку со своими прогнозами.

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

PS: Представьте чат-бот с визуальным оформлением как в приложении… Бомба!

Кому?

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

Зачем?

Данный модуль подойдёт огромному количеству бизнесов! После блокировки в России сами знаете чего, многие предприниматели уходят в Telegram. А это тысячи компаний. Будь то интернет магазины, доставки еды, продажа одежды или продуктов питания и любой другой бизнес, где нужна корзина, оплата и доставка! Также важно, что в одном боте вы сможете использовать, как и обычный функционал нашей платформы, так и web! А именно дополнять одно другим, что сильно увеличит ценность ваших ботов на рынке!

Ниже мы в деталях разберём данный модуль и все его функции! А поработали мы над ними на славу!

Дисклеймер

На территории Российской Федерации и Botmaker запрещено продавать дистанционно товары следующих категорий:

  • табачная и никотиносодержащая продукция;
  • алкогольная и спиртосодержащая продукция;
  • технически устройства для негласного получения информации (микронаушники, очки и часы со встроенной камерой и тд);
  • вооружение, боеприпасы к нему, взрывчатые вещества, средства взрывания, порох;
  • наркотические средства, психотропные вещества и их прекурсоры;
  • пиротехника выше III класса опасности;
  • яды;
  • и прочие товары предусмотренные законами Российской Федерации.

В случае несоблюдения требований закона предусмотрена уголовная ответственность с максимальным сроком лишения свободы до 4 лет.

Информацию о законодательстве в сфере (дистанционной) торговли можно найти на профильных ресурсах.

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

Как это работает?

Общие настройки

В этом блоке вы можете задать название вашего магазина.

Общие настройки

Тип оформления

В этом блоке вы можете задать тип оформлено заявки: обычная заявка или оплата заказа.

Заявка

Данный тип подразумевает, что пользователь просто формирует корзину и отправляет заявку, которую вы, как администратор/владелец бота, рассматриваете и принимаете решение о её дальнейшей судьбе.

В этом случае вы:

  • выбираете валюту магазина, чтобы пользователи видели сколько стоят товары;
  • выбираете группу администраторов ответственных за эти заявки. Если вы не выберете группу администраторов или в выбранной группе не будет ни одного администратора, оповещения будут получать абсолютно все администраторы бота, чтобы вы не пропустили ни одной заявки, если забыли добавить администраторов в группу. Если боте нет администраторов или они вышли из бота, все заявки останутся необработанными, а пользователи недовольными;
  • выбираете группу, в которую попадут пользователи после совершения заявки - это может помочь вам распределить клиентов для дальнейшей работы над ними.
Заявка

Оплата

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

В этом случае вы:

  • выбираете платёжный сервис. От него будет зависеть куда поступают средства от оплат и валюта, в которой работает магазин;
  • выбираете группу, куда будут попадать пользователи после совершения удачной оплаты;
  • выбираете группу, куда будут попадать пользователи в случае неудачной оплаты;
  • выбираете группу администраторов, ответственных за эти заказы;
  • выбираете Digital-воронку, которая будет начинаться после каждой успешной оплаты (каждый раз начинаясь заново, поэтому не рекомендуем тут строит большие цепочки с таймерами).
Оплата

Форма захвата

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

  • имя;
  • телефон;
  • электронная почта;
  • комментарий;
  • адрес.

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

А так же активировать:

  • возможность сохранять данные пользователя. После успешного оформления заявки (или успешной оплаты) данные, указанные в форме, будут сохранены в карточку пользователя в блоке "Настоящие данные";
  • возможность предварительно заполнять данные пользователя в форму корзины - данные будут браться из карточки пользователи (блок "Настоящие данные"), если таковые будут иметься за пользователем.
Форма захвата

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

Форма захвата - Настоящие данные

Товары

В этом разделе вы можете добавлять/редактировать/клонировать и импортировать товары в ваш магазин.

Количество товаров для каждого магазина не ограничено.

Товары

Карточка товара

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

Фотографии

Вы можете добавить до 10 фотографий к каждому товару.

Максимальный объём фотографий - 10 мегабайт.

Если фотографии отображаются в каталоге не так, как вы ожидаете, попробуйте изменить их размер или пропорции в любом доступном вам редакторе изображений, например, Photoshop (есть бесплатные онлайн-версии).

Первая фотография в списке будет установлена в каталоге товаров и в корзине, то есть она своего рода основная.

Карточка товара - Фотографии

Общие настройки

В этом блоке вы можете задать:

  • название;
  • артикул;
  • большое описание - будет отображаться в карточке товара;
  • короткое описание - будет отображаться в каталоге товаров.

Ограничения:

  • название - максимальная длина 64 символа;
  • артикул - максимальная длина 64 символа;
  • большое описание - 512 символов;
  • короткое описание - 128 символов.
Карточка товара - Общие настройки

Список категорий

В этом блоке вы можете связать товар с неограниченным количеством категорий.

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

Например, iPhone 13 Pro Max вы можете поместить в категорию "Мобильные устройства", "Apple" или "iPhone 13" максимально точно распределить товары, что облегчит взаимодействие пользователя с вашим магазином.

Карточка товара - Список категорий

Доступность

Выключение этого параметры удалит товар из каталога (в интерфейсе магазина он останется для редактирования) до включения этого параметра обратно. То есть пользователи не смогут его увидеть или купить в том случае, если товар был отключён на стадии формирования корзины пользователем.

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

Карточка товара - Доступность

Цена

Здесь вы указываете основную цену за товар и старую цену. Указывая старую цену больше основной пользователи будут видеть выгоду для них - скидку.

Например, основная цена 90 рублей, а старая цена - 100 рублей. Таким образом в интерфейсе магазина пользователь увидит, что на данный товар действует скидка в размере 10%=(100 - 90) / 100%.

Если старая цена будет выше основной цены пользователь не увидит увеличения стоимости, то есть "отсутствие выгоды".

Карточка товара - Цена

Количество

В этом блоке вы можете задать измерения для конкретного товара и количество для выбора.

К выбору измерения доступны следующие варианты:

  • штуки;
  • килограммы;
  • граммы;
  • сантиметры;
  • метры.

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

Количество для выбора - это то количество, которое пользователь может добавлять в корзину. Например, вы продаёте икру и задаёте 100 (выбрав граммы), таким образом ваш клиент сможет добавлять в корзину по 100 грамм товара при каждом нажатии "+" в карточке товара.

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

Карточка товара - Количество

Уведомления

В данном разделе вы можете задать текущее количество товара на складе (опираясь на его измерение заданное в предыдущем блоке). Количество будет уменьшаться при каждой покупке пользователями данного товара, поэтому, если вам необходимо получить уведомление об уменьшении количества товара до критического значения (например, чтобы увеличив его количество или отключив из каталога), то вы можете задать значение параметра "Количество, при котором уведомить" и "Группа администраторов", которая получит уведомление о приближении количества товара к критической отметке.

Если в группе администраторов никого не будет или группа администраторов не будет задана - никто в боте не будет уведомлен об изменении количества товара.

В случаях, когда товар на складе закончится, пользователи не смогут покупать товар, а в его карточке в каталоге будет висеть надпись "Распродано".

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

Карточка товара - Уведомления Карточка товара - Уведомления - Каталог

Характеристики

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

Ограничения:

  • длина названия - 64 символа;
  • значение характеристики - 64 символа.
Карточка товара - Характеристики Карточка товара - Характеристики - Бот

Группы модификаций

На этой странице вы можете редактировать группы модификаций. Группы модификаций - это сущность, которая хранит некоторый набор модификаций, например, группа модификаций "Цвет" содержит модификации "Чёрный", "Белый", "Синий" и тд

Каждой такой группе вы можете задать следующие параметры:

  • название - будет отображено в карточке товара;
  • доступность - переключатель, определяющий отображается ли группа в карточке товара;
  • тип выбора:
    • одинарный выбор (Radio-кнопка);
    • выпадающий список (Select);
    • множественный выбор (Check).

Ограничения

  • название - максимум 64 символа;
  • количество групп модификаций не ограничено;
  • количество моликаций не ограничено.

А так же добавлять тут сами модификации.

Каждая модификация имеет следующий параметры:

  • название;
  • модификатор:
    • тип изменения:
      • увеличение ("+");
      • уменьшение ("-");
    • тип модификатора:
      • валюта ("$");
      • проценты ("%");
    • размер изменения - насколько изменится стоимость товара при его выборе.

Ограничения:

  • название - максимум 64 символа;
  • размер изменения:
    • минимум 0.00;
    • максимум - 250 000.00.
Карточка товара - Модификации

Импорт товаров

С помощью этого окна вы можете загрузить список товаров из внешней системы. При загрузке товаров необходимо придерживаться следующих правил:

  • Загружаемый документ должен быть в формате CSV;
  • Количество товаров, загружаемых за раз, ограничено 100 штуками, то есть если вам необходимо загрузить более 100 товаров - необходимо разбивать ваш файл на несколько документов и выполнять операцию импорта несколько раз;
  • Документ должен содержать колонки (7 штук) в строго определённом порядке:
    • артикул - до 64 символов;
    • название - до 64 символов;
    • описание - до 512 символов;
    • количество - до 250 000.00;
    • цена - до 250 000.00;
    • старая цена - до 250 000.00;
    • фотографии - до 10 штук через запятую.

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

Шаблон документа можно посмотреть тут - Шаблон

Импорт товаров

Категории

На странице категорий вы можете редактировать неограниченное количество категорий.

Каждая категория имеет следующий набор параметров:

  • название - будет отображена в интерфейсе магазина в случае активации отображения;
  • фотография - будет отображена в интерфейсе магазина в случае активации отображения;
  • доступность - позволяет включать/выключать категорию в интерфейсе магазина;
  • описание - будет отображено в карточке категории (при клике по ней);
  • список товаров, которые будут подключены к этой категории и отображены на странице категории в интерфейсе магазина.

Ограничения

  • название - до 64 символов;
  • описание - до 512 символов;
  • фотография - 1 штука;
  • товары - неограниченное количество.
Категории

Акции

В данном разделе вы сможете добавлять/редактировать неограниченное количество акций для вашего магазина.

Каждая акция имеет следующие параметры:

  • название - будет отображено только при переходе на страницу акции (клике по ней);
  • описание - будет отображено на странице акции (при клике по ней);
  • доступность - определяет доступна ли данная акция в интерфейсе магазина;
  • тип:
    • простое открытие - отобразится название, описание и фотографию;
    • переход к категории - позволит пользователям из карточки акции перейти в карточку категории, где загрузятся товары, подключённые к ней;
    • переход к товару - позволит пользователям из карточки акции переходить к конкретному товару для его оформления.

Ограничения:

  • название - до 64 символов;
  • фотография - 1 штука;
  • описание - до 512 символов.
Акции

Дизайн

Данный раздел позволяет настроить отображение элементов вашего магазина, для настроек доступны следующие сущности:

  • акции;
  • категории;
  • товары;
  • название кнопок:
    • добавления товара в корзину;
    • переход в корзину;
    • название кнопки в корзине для совершения заказа.

Акции

В этом подразделе вы можете изменить тип отображения акции. К выбору доступны 2 типа:

  • в 1 ряд;
  • в несколько рядов.
Дизайн - Акции

Пример как это выглядит в боте.

Дизайн - Акции - Пример 1 Дизайн - Акции - Пример 2

Сверху - "в 1 ряд", снизу - "В несколько рядов"

Товары

В это блоке вы можете настроить вид товаров в каталоге

Доступны следующие настройки:

  • Размер товаров:
    • маленькие;
    • средние;
    • большие;
  • Выравнивание текста:
    • По левому краю;
    • По правому краю;
    • По правому краю;
    • По центру;
    • По ширине;
  • Отображение информации:
    • Название товара;
    • Краткое описание;
    • Цена;
    • Артикул;
    • Кнопка "Добавить"/"Купить";
    • Изображение товаров;
    • Отображение модификаций товаров (работает только для групп модификаций с типом выбора "Множественный выбор" и "Одинарный выбор";
    • Текст кнопки "Добавить"/"Купить".
Дизайн - Товары

Пример как это может выглядеть в боте

Дизайн - Товары - Пример

Слева-направо - "Маленькие", "Средние", "Большие". Во всех трёх вариантах включены "Отображение изображения", "Отображение названия", "Отображение артикула", "Отображение краткого описание", "Отображение цены" и название кнопки задано "Добавить"

Категории

В этом блоке вы можете изменить вид категорий в каталоге товаров

Вам доступны следующие настройки категорий:

  • Расположение:
    • в 1 ряд;
    • в несколько рядов;
  • Сворачивание категорий;
  • Отображение названия;
  • Расположение названия:
    • Слева;
    • Справа;
    • Снизу по центру;
    • Поверх изображения.
Дизайн - Категории

Пример как это может выглядеть в боте Маленькие + названия поверх изображения

Дизайн - Категории - Пример 1

Большие + названия поверх изображения

Дизайн - Категории - Пример 2

Брошенные корзины

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

О каждой такой корзине вы можете узнать следующую информацию:

  • Username пользователя;
  • Количество товаров;
  • Общая стоимость;
  • Дата последнего изменения;
  • Информация о пользователе:
    • Имя;
    • Номер телефона;
    • Электронная почта;
    • Адрес;
    • Комментарий;
  • Список товаров.

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

Отправив пользователь напоминание о корзине он получит:

  • Сообщение, которое вы сформировали;
  • Кнопку для перехода в корзину своего заказа.
Брошенные корзины 1 Брошенные корзины 2

История заказов

В этом разделе магазина вы можете видеть все оформленные заказы (будь то заявки или оплаты)

Каждый заказ будет содержать следующую информацию:

  • Username пользователя;
  • Количество товаров;
  • Дата оформления;
  • Тип заказа;
  • Статус заказа;
  • Ответственного администратора;
  • Данные пользователя:
    • Имя;
    • Телефон;
    • Электронная почта;
    • Адрес;
    • Комментарий;
  • Список товаров;
  • Общая стоимость заказа.
История заказов 1 История заказов 2

Как это может выглядеть в боте

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

Здесь продемонстрированы (слева-направо):

  • каталог;
  • страница акции с возможностью перехода к конкретной категории;
  • страница категории с товарами, подключёнными к ней;
  • карточка товара х2;
  • корзина.
Как это может выглядеть в боте 1

Общие ограничения

  • Все картинки должны быть в формате PNG/JPEG;
  • Все картинки не должны превышать 10 Мб;
  • Рекомендуем загружать картинки в разрешении выше 300х300, но не выше 1920х1080;
  • Количество товаров/категорий/акций/групп модификаций/модификаций/заказов и тд не ограничено;
  • Корзина:
    • Длина имени - максимум 255 символов;
    • Длина телефона - максимум 32 символа;
    • Длина электронного адреса - максимум 255 символов;
    • Длина адреса - максимум 255 символов;
    • Длина комментария - максимум 1000 символов;
  • Интернет-магазин работает только при открытии через бота (по нажатию на кнопку), то есть даже если вы скопируете из настроек магазина его адрес, то всё, что будет доступно - это "прыгать" по страницам магазина, но функции корзины работать не будут;
  • Данный модуль доступен только для ботов на тарифе Pro;
  • Для работы данного модуля в настройках бота необходимо включить опцию "Проверка Username пользователя";
  • Интерфейс магазина можно вызвать только при подключении его к модульной кнопке типа "Магазин".

Подключение магазина

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

Ответные сообщения

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

Подключение магазина - Ответные сообщения

Название кнопки

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

Подключение магазина - Название кнопки

Как это выглядит в боте

Подключение магазина - Как это выглядит в боте

А ещё

  • Исправили некоторые проблемы в работе узла типа "Умный таймер" Digital-воронок;
  • Работаем над исправлением проблем с публикацией ботов с огромным числом кнопок. Мы в шоке от того, насколько больших и крутых ботов вы строите;
  • Исправили ряд мелких проблем, о которых вы нам сообщали;
  • Ускорение работы ботов и личного кабинета;
  • Прочие исправления и улучшения.

Оставить отзыв и рекомендацию можно через сайт или основного нашего бота @botmakercobot.

Команда Botmaker

Скачать PDF-документ статьи можно по ссылке

Последнее редактирование: 05.05.2023

Пожалуйста, выберите емодзи, который отражает ваше мнение об этом обновлении
Спасибо, за ваш отзыв
Cookie-файлы
Мы используем файлы Cookie для улучшения качества нашего сервиса
Ясно