Магазин в боте

• Магазин
• Товары
• Слайдер, соцсети и боты

Магазин

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

Подробнее изучить работу бота вы можете с помощью нашего примера — бота в Telegram: @ShopinbotMetabot

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

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

В настройки магазина можно попасть из раздела Магазин в верхнем меню бота, нажав в выпадающем списке на Настройки магазина.

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

• Активный — если магазин не активен, то магазин и подпункт открыть магазин не будут работать;
• Тип заявки — выпадающий список с выбором вида заявки существующего в боте;
• Начальный статус для заказа — выпадающий список с выбором статуса заявки существующего в боте (при создании корзины);
• Начальный статус для размещения заказа — выпадающий список с выбором статуса заявки существующего в боте (превращение корзины в заказ);
• Cтатус заказа после успешной оплаты счета — выпадающий список с выбором статуса заявки существующего в боте;
• Cтатус заказа при отмене счета — выпадающий список с выбором статуса заявки существующего в боте;
• Cтатус заказа при возникновении ошибки оплаты — выпадающий список с выбором статуса заявки существующего в боте;
• Наименование — название магазина;
• slug — настройка конечного url, который будет иметь магазин test.metabot.dev/store/{SLUG}, задать можно только SLUG все остальное формируется автоматически.

Подробнее о видах и статусах заявок вы можете узнать на страницы Виды и статусы заявок

• Описание — описание магазина;
• Телефон — телефон магазина, который может начинаться с + и должен содержать только цифры;
• Телефон, приведённый к формату — телефон магазина, приведённый к формату;
• E-mail — электронная почта магазина;
• Логотип заголовка — картинка, которая будет высвечиваться в левом верхнем углу магазина;
• Логотип подвала — картинка, которая будет высвечиваться в нижней части магазина.

• Показывать слайдер на главной — отображает в меню магазина слайдер;
• Показывать каталог на главной — отображает в меню магазина каталог товаров:

• Показывать товары со скидкой на главной — отображает в меню магазина товары со скидкой:

• Показывать лидеры продаж на главной — отображает в меню магазина лидеры продаж:

• Показывать "Как это работает" на главной — отображает в меню магазина инструкцию для пользователя:

• Показывать отзывы на главной — отображает в меню магазина отзывы;
• HTML в шапке витрины
• HTML в подвале витрины

• Отображать выбор способа оплаты — позволяет выбрать способ оплаты в форме оформления заказа;
• Наличные — разрешает оплату наличными;
• Робокасса — разрешает оплату Робокассой;
• Яндекс.Касса — разрешает оплату Яндекс.Кассой;
• Минимальная сумма заказа — минимальная сумма заказа при оформлении.

• Показывать дату доставки — позволяет ввести дату доставки в форме оформления заказа;
• Дата доставки обязательна для ввода — делает дату доставки обязательной для ввода;
• Дни недели для доставки — номера дней в которые возможна доставка через запятую;
• Время на доставку — Время требуемое для подготовки и доставки заказа;
• Время заказа для обработки в этот же день — время в которое заказ будет обработан в тот же день;
• Максимум дней от текущего времени для выбора даты доставки.

• Показывать имя — позволяет ввести имя в форме оформления заказа;
• Имя обязательно для ввода — делает имя обязательным для ввода;
• Показывать фамилию — позволяет ввести фамилию в форме оформления заказа;
• Фамилия обязательна для ввода — делает фамилию обязательной для ввода;
• Показывать телефон — позволяет ввести телефон в форме оформления заказа;
• Телефон обязательный для ввода — делает телефон обязательным для ввода;
• Показывать e-mail — позволяет ввести почту в форме оформления заказа;
• E-mail обязателен для ввода — делает почту обязательной для ввода.

• Использовать страну в адресе — позволяет ввести страну доставки в форме оформления заказа;
• Использовать регион в адресе — позволяет ввести регион доставки в форме оформления заказа;
• Использовать город в адресе — позволяет ввести город доставки в форме оформления заказа;
• Использовать почтовый индекс в адресе — позволяет ввести индекс в форме оформления заказа;
• Использовать адрес — позволяет ввести адрес доставки в форме оформления заказа;
• Заголовок адреса — название первого адреса в форме оформления заказа;
• Использовать адрес 2 — позволяет ввести второй адрес доставки в форме оформления заказа;
• Заголовок адреса 2 — название второго адреса в форме оформления заказа.

• Использовать подробный адрес — позволяет ввести подробный адрес доставки в форме оформления заказа;
• Использовать улицу в адресе — позволяет ввести улицу доставки в форме оформления заказа;
• Использовать номер дома в адресе — позволяет ввести номер дома доставки в форме оформления заказа;
• Использовать жилой комплекс в адресе — позволяет ввести жилой комплекс доставки в форме оформления заказа;
• Подпись жилого комплекса — название жилого комплекса в форме оформления заказа.

• Настройки оплаты
• Дополнительно

После заполнения всех необходимых полей, следует нажать на кнопку Сохранить. В дальнейшем, если потребуется изменить настройки, нужно нажать на кнопку Изменить.

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

Товары

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

Медиагалерея 

Медиагалерея находится в верхнем меню бота на вкладке Магазин.

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

Кнопка Создать откроет перед вами окно загрузки медиа со следующими полями:

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

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

Далее можно перейти к созданию категорий товаров.

Категории

Меню категорий находится в верхнем меню бота на вкладке Магазин.

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

Кнопка Создать откроет перед вами окно создания категории со следующими полями:

• Активна -  если категория не активна, то она не будет отображаться в магазине;
• Родительская категория — выпадающий список с уже созданными категориями;
• Наименование — название категории;
• slug — настройка конечного url для категории;
• Изображение — ?
• Описание — комментарий к категории;
• Порядковый номер — задает порядок в котором будут располагаться категории в магазине.

После создания категорий можно переходить к наполнению магазина товарами.

Товары

Меню товаров находится в верхнем меню бота на вкладке Магазин.

После перехода в него, перед вами откроется меню товаров. Здесь, при помощи кнопки Создать, вы можете добавить товары в магазин.

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

• Активный — если товар не активен, то он не будет отображен в магазине;
• В наличии — если товара нет в наличии то его нельзя добавить в корзину, при наведении на товар будет выведен что его нет в наличии;
• Наименование — название товара;
• Наименование товара в фискальном чеке — обязательно только для тех магазинов, которые используют онлайн способы оплаты (например Robokassa или Яндекс.Касса);
• Маркировка товара в фискальном чеке — обязательно только для тех магазинов, которые продают товары подлежащие обязательной маркировке. В соответствии с распоряжением правительства РФ №792-р;
• Главное медиа — отображается в списке товаров и как мини изображение товара в корзине;
• Дополнительное медиа — дополнительные изображения (количество дополнительных изображений не ограничено);
• Основная категория — используется для формирования URL, если мы перейдем в товар из дополнительной категории то в URL увидим все равно SLUG основной категории;
• Дополнительные категории — для дополнительного отображения товара в других категориях, помимо основной;
• slug — настройка конечного url для товара;
• Артикул — артикул товара;
• Описание — выводится в карточке товара, может быть в виде html;
• Ссылка на YouTube — формирует виджет для просмотра видео на основе ссылки;
• Цена — цена товара;
• Базовая цена — заполняется если это товар со скидкой — будет отображена как зачёркнутая цена;
• Скидка — для отображения товара в разделе товаров со скидками;
• Хит — для отображения товара в разделе товаров с хитами;
• Порядковый номер — влияет на порядок отображения товара в категории.

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

Созданные товары и категории будут отображаться в самом магазине:

Слайдер, соцсети и боты

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

Слайдер магазина

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

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

Рекомендуем ознакомиться с документацией Настройки магазина

Затем, для отображения всех медиа, их нужно добавить в меню Медиа слайдера. Оно расположено в верхнем меню бота на вкладке Магазин.

После перехода в меню медиа слайдера, можно добавить необходимые фото при помощи кнопки Создать.

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

• Медиа — фото, отображаемое в слайдере;
• HTML-код — задает внешний вид слайдеру (в котором обязательно должна быть макропеременная {slider_image}). Можно заполнить образцом HTML-кода приведенным ниже в качестве примера.

После создания, слайдер появится в главном меню магазина.

Боты для авторизации

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

Указать боты для авторизации можно в соответствующем меню. Оно находится в верхнем меню бота в разделе Магазин.

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

Создание включает в себя следующие поля:

• Тип — выпадающий список с выбором типа бота;
• Включена — активирует ссылку;
• URL — ссылка на бот;
• Описание — комментарий к боту.

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

Для этого переходим в меню Ссылки в разделе Настройки бота.

Здесь создаем ссылку с именем и типом Магазин - Главная:

Чтобы отправить ссылку лиду в бот, создайте скрипт с командой Отправить текст, в которой будет содержаться макрос ссылки: {{^*имя ссылки*}}.

Социальные сети

Ссылки на социальные сети будут отображаться внизу магазина.

Создать их можно в соответствующем меню. Оно находится в верхнем меню бота в разделе Магазин.

В данном меню, при помощи кнопки Создать, можно указать ссылки на соцсети магазина.

Создание включает в себя следующие поля:

• Тип — выпадающий список с выбором соцсети;
• Включена — активирует ссылку;
• URL — ссылка на соцсеть;
• Описание — комментарий к соцсети.