Как создать интернет-магазин
Перейдите в раздел сайтов и нажмите на «Создать» :
Нажатие на кнопку «Создать» открывает выпадающее меню с типами сайта. Оттуда выберите «Интернет-магазин»
После нажатия на кнопку «Интернет-магазин» вы перейдете в настройки сайта, где нужно открыть вкладку «Товары»:
Категория товаров
После перехода в раздел «Товары» вы увидите шаблоны карточек товаров:
Вы можете сразу перейти к настройке самих товаров, но если вы хотите сгруппировать их так, чтобы ваши клиенты могли легко находить нужное по категориям на сайте, мы рекомендуем сначала создать категории.
Для этого нажмите на значок шестеренки:
После этого справа откроется меню с настройками категории:
Нажмите на кнопку «Создать категорию»:
В открывшемся окне введите название категории и выберите цвет (он будет отображаться в таблице товаров).
Также вы можете изменить отображение колонок в настройках категории:
После настройки категории можно перейти к настройкам карточки товара.
Как импортировать товары с другой платформы
Например, мы загрузили таблицу с товарами, которые создали вручную в Таблицы разделе Mavibot.
Если вам нужно перенести интернет-магазин с одного сайта или другого сервиса в Mabibot, используйте вкладки для загрузки товаров в настройках категории:
В настройках категории есть Импорт вкладка. Нажмите на кнопку с таким же названием, чтобы загрузить таблицу с карточками товаров:
После загрузки файла с вашими карточками товаров (экспортированного с другой платформы) вам нужно будет сопоставить столбцы.
После загрузки таблицы товаров вы увидите интерфейс сопоставления с двумя ключевыми столбцами:
Первый столбец таблицы: в нем отображаются названия ваших столбцов из загруженной таблицы. Столбцы соответствуют названиям столбцов в таблице.
Второй столбец таблицы: в нем отображается пример значений, взятых из второй строки, сразу после заголовков столбцов.
Столбец товара: помогает сопоставить (или пропустить, если столбец не нужен) значения столбцов загруженной таблицы со столбцами товара.
Далее нажмите «Загрузить товары».
Готово!
Таким образом вы можете быстро загрузить товары в 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. Настройте кнопку-ссылку
В вашем блоке перейдите к Кнопки в настройках и нажмите «Добавить кнопку».
Во всплывающем окне оставьте функцию по умолчанию (обычно «Open URL»).
Вставьте URL вашего магазина в поле ссылки и назовите кнопку.
Установите тип кнопки как «Inline» или «Keyboard» и сохраните настройки блока.
Готово! Вы успешно настроили чат-бота для передачи ссылки на ваш интернет-магазин через прямую ссылку или нативный Telegram Web App.
Последнее обновление