Перейдите в раздел сайтов и нажмите на кнопку "Создать":
При нажатии на кнопку "Создать" открывается выпадающее меню с типами сайтов. Выберите "Интернет-магазин":
После нажатия на кнопку "Интернет-магазин" вы перейдете в настройки сайта, где нужно открыть вкладку "Товары":
Категория товаров
Перейдя в раздел "Товары", вы увидите шаблоны карточек товаров:
Вы можете сразу перейти к настройке товаров, но если хотите распределить их по категориям, чтобы покупатели могли легко находить нужное на сайте, рекомендуем сначала создать категории.
Для этого нажмите на значок шестеренки:
После этого откроется правое меню с настройками категории:
Нажмите на кнопку "Создать категорию":
В открывшемся окне введите название категории и выберите цвет (он будет отображаться в таблице товаров).
Также в настройках категории можно изменить отображение столбцов:
После настройки категории можно перейти к настройке карточек товаров.
Как импортировать товары с другой платформы
Например, мы загрузили таблицу с товарами, которую создали вручную в разделе Таблицы Mavibot.
Если вам нужно перенести интернет-магазин с другого сайта или сервиса в Mavibot, используйте вкладки для загрузки товаров в настройках категории:
В настройках категории есть вкладка Импорт. Нажмите на одноименную кнопку, чтобы загрузить таблицу с карточками товаров:
После загрузки файла с карточками товаров (экспортированного с другой платформы) вам нужно будет сопоставить столбцы.
После загрузки таблицы с товарами вы увидите интерфейс сопоставления с двумя ключевыми столбцами:
- Первый столбец таблицы: отображает названия ваших столбцов из загруженной таблицы. Столбцы соответствуют названиям столбцов в таблице.
- Второй столбец таблицы: отображает пример значений, взятых из второй строки, сразу после заголовков столбцов.
- Столбец товара: помогает сопоставить (или пропустить, если столбец не нужен) значения столбцов загруженной таблицы со столбцами товара.
Затем нажмите "Загрузить товары".
Готово!
Таким образом вы можете быстро загрузить товары в MaviBot и запустить свой интернет-магазин.
При необходимости вы можете отредактировать карточку товара, нажав на значок лупы в строке товара.
Как экспортировать карточки товаров
Чтобы экспортировать созданные карточки товаров с одного сайта на другой, используйте вкладку экспорта в настройках категории.
В настройках категории есть вкладка "Экспорт товаров".
Экспорт товаров: здесь вы можете настроить, какие столбцы из таблицы карточек товаров вы хотите экспортировать (скачать на устройство) и перенести в другой проект.
Чтобы удалить ненужные столбцы, достаточно снять галочку в строке с названием столбца.
Затем нажмите "Экспорт товаров" — карточки товаров будут скачаны на ваше устройство в формате таблицы:
Вы можете экспортировать карточки товаров в формате cvs с любой платформы, что позволяет быстро настроить и запустить интернет-магазин.
Карточка товара
Чтобы создать новую карточку, нажмите на круглую кнопку "+".
Откроется окно настроек товара.
Чтобы отредактировать существующую карточку товара, нажмите на лупу в строке товара.
Здесь нужно добавить название, загрузить изображение (одно или несколько) и добавить описание.
Затем укажите цену товара и другие детали:
a) Категория товара
b) Цена (например, текущая и старая цена — полезно для отображения скидок)
c) Артикул (номер)
d) Количество (можно указать, сколько единиц товара есть в наличии)
e) Краткое описание
Внимание!
Сначала создайте хотя бы один товар, прежде чем добавлять категории товаров
Затем, при необходимости, добавьте характеристики товара и нажмите "Сохранить".
После этого карточка товара появится в таблице на вкладке "Товары".
Чтобы добавить больше товаров, нажмите на круглую кнопку "+":
Настройки сайта
После создания необходимых категорий и заполнения карточек товаров перейдите к настройкам сайта. Для этого нажмите на название вашего сайта в верхней панели навигации.
Затем вы вернетесь к настройкам сайта, где нужно нажать на страницу, чтобы перейти к настройкам раздела.
Вы переключитесь в режим редактирования страницы, нажав на кнопку "+":
В правом меню выберите раздел "Каталог товаров":
Карточки товаров из вкладки "Товары", включая все детали, цены и изображения, автоматически появятся в настройках раздела:
Осталось всего несколько шагов:
- Теперь выберите, какие категории товаров вы хотите отображать в разделе:
- Затем выберите количество столбцов:
- Укажите, сколько товаров отображать в начале (до нажатия на кнопку "Показать еще"):
- Затем включите переключатели, если хотите, чтобы покупатели могли сортировать товары по категориям и фильтрам, а также отображать краткое описание товара:
Теперь нажмите "Сохранить".
Теперь наведите курсор на раздел и нажмите "Настройки", чтобы настроить его.
Теперь наведите курсор на раздел и нажмите на значок "Настройки", чтобы настроить его.
В настройках раздела вы можете:
- Настроить типографику: Выберите шрифт и настройте его размер для раздела.
- Оформить фон: Загрузите изображение или выберите сплошной цвет или градиент.
- Настроить макет: Отрегулируйте ширину, видимость, общий размер и выравнивание.
Узнать больше о глобальных настройках раздела можно здесь.
Теперь перейдите в предпросмотр.
Здесь вы можете посмотреть, как сайт отображает товары, протестировать работу фильтров и поиска по категориям, а также просмотреть корзину и процесс оформления заказа.
Вы можете добавить любое количество разделов для вашего интернет-магазина — например, чтобы отображать определенные категории товаров в каждом разделе или разместить разделы на разных страницах сайта.
Все, что вам нужно сделать, это заполнить карточки товаров, а настройки разделов минимальны для быстрого запуска.
Как изменить адрес сайта
Чтобы дать вашему сайту чистый, лаконичный адрес вместо автоматически сгенерированного URL (например, как показано ниже), вы можете настроить ссылку на страницу. Перейдите в настройки сайта, чтобы внести это изменение.
Затем в основных настройках обновите поля, как показано на изображении ниже.
- Название сайта. Это имя, отображаемое в разделе Сайты. Его изменение помогает легче идентифицировать и находить сайт в вашем списке в будущем.
- Заголовок вкладки браузера. Заголовок, отображаемый во вкладке браузера и адресной строке.
- URL. Адрес сайта.
Ваш полностью функциональный интернет-магазин готов!
Как поделиться ссылкой в чат-боте
Вы можете поделиться ссылкой на ваш интернет-магазин в чат-боте. Например, вы можете отправить прямую ссылку (совместимую с большинством мессенджеров) или использовать специальную кнопку Web App в Telegram.
Telegram Web-app
Вы можете поделиться своим интернет-магазином в чат-боте через кнопку Telegram Web App или как стандартную ссылку (для других мессенджеров).
Метод 1: Кнопка Telegram Web App
Этот метод открывает ваш магазин в нативном интерфейсе Telegram.
Шаг 1. Скопируйте адрес магазина
Скопируйте URL из адресной строки браузера или из карточки магазина в разделе "Сайты".
Шаг 2. Создайте или отредактируйте блок
Создайте новый блок в конструкторе или встройте его в существующий поток бота.
Шаг 3. Настройте кнопку Telegram Web App
- В вашем блоке перейдите к Кнопкам в настройках и нажмите "Добавить кнопку".
- В модальном окне выберите функцию "Telegram Web Application".
- Вставьте URL вашего магазина в поле ссылки.
- Назовите кнопку (например, "Перейти на сайт") и нажмите "Добавить".
- Установите тип кнопки "Inline" или "Keyboard" по необходимости, затем сохраните настройки блока.
Шаг 4. Протестируйте бота
Запустите блок (например, отправив слово "Магазин"). Бот ответит сообщением с кнопкой. Нажатие на нее откроет ваш магазин как Telegram Web App.
Метод 2: Кнопка со стандартной ссылкой (для других мессенджеров)
Этот метод создает стандартную кнопку, которая открывает магазин в веб-браузере.
Шаг 1. Скопируйте адрес магазина
Скопируйте URL из адресной строки браузера или из карточки магазина в разделе "Сайты".
Шаг 2. Создайте или отредактируйте блок
Создайте новый блок в конструкторе или встройте его в существующий поток бота.
Шаг 3. Настройте кнопку со ссылкой
- В вашем блоке перейдите к Кнопкам в настройках и нажмите "Добавить кнопку".
- В модальном окне оставьте функцию по умолчанию (обычно "Открыть URL").
- Вставьте URL вашего магазина в поле ссылки и назовите кнопку.
- Установите тип кнопки "Inline" или "Keyboard" и сохраните настройки блока.
Готово!
Вы успешно настроили чат-бота для публикации вашего интернет-магазина через прямую ссылку или нативный Telegram Web App.