Как создать интернет-магазин

Перейдите в раздел сайты и нажмите на кнопку "Создать":

При клике на кнопку "Создать" откроется выпадающее меню с типами сайта, где нужно выбрать "Интернет-магазин":

После клика по кнопке "Интернет-магазин" вы перейдете в настройки сайта, где нужно открыть вкладку "Товары":

Категория товаров

При переходе в раздел "Товары" вы увидите шаблоны карточек товаров:

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

Для этого нажмите на шестеренку:

После чего откроется меню справа с настройками категорий:

Нажмите на кнопку "Создать категорию":

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

Также в настройках категории вы можете менять отображение столбцов:

После настройки категории можно перейти к настройкам карточек товаров.

Как перенести товары из другой платформы?

Для примера мы выгрузили таблицу с товарами, созданную вручную в разделе "Таблицы" в Сейлбот:

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

В настройках категории существуют вкладка "Загрузить". Нажмите на одноименную кнопку для загрузки таблицы с карточками товаров:

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

После загрузки таблицы с товарами вы увидите:

1. Первая колонка таблицы: в ней отображаются наименования ваших столбцов из загружаемой таблицы.

Столбцы соответствуют названиям колонки в таблице:

1. Во второй колонке таблицы приводятся примеры значений, которые лежат в во второй строке после наименований столбцов:

1. Колонка товара: поможет сопоставить (или пропустить, если колонка не нужна) значения столбцов загружаемой таблицы с колонками товара:

Далее нажмите "Загрузить товары":

Готово!

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

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

Как скачать карточки товаров?

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

В настройках категории существует вкладка "Выгрузить товары".

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

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

Далее нажмите на "Выгрузить товары" — тогда карточки товаров в формате таблицы будут скачаны на ваше устройство:

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

Чтобы создать новую карточку, нажмите на круглую кнопку "+":

Вам откроется окно настроек товара:

Чтобы отредактировать существующую карточку товара, нажмите на лупу в строке товара:

Здесь вам необходимо заполнить заголовок, загрузить фото (одно или несколько) и добавить описание:

Далее укажите стоимость товара и иные его характеристики: а) категория товара; б) цена (например, нынешняя и старая — для отображения скидок для товаров); в) артикул товара; г) количество товара (можно прописать доступное (оставшееся) количество товара в вашем магазине); д) краткое описание и др.:

Далее при необходимости добавьте характеристики товара и нажмите "Сохранить":

После чего карточка товара появится в таблице во вкладке "Товары".

Чтобы добавить еще товары, нажмите на круглую кнопку "+":

Быстрый запуск

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

Чтобы найти ссылку на каталог товаров, перейдите в настройки — для этого нажмите на шестеренку:

Откроется меню справа, где нужно перейти во вкладку "Настройки каталога":

В настройках каталога вы увидите ссылку на каталог:

Важно!

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

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

Чтобы для карточки товара была создана отдельная страница, нужно активировать переключатель "Карточка товара на отдельной странице":

Если нужно отображение карточки товара в виде pop-up без перехода на отдельную страницу товара, то переключатель должен быть в неактивном положении.

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

Футер и шапка каталога

Важно!

Футер для каталога настраивается отдельно. Для этого перейдите обратно во вкладку со страницами интернет-магазина.

Далее нажмите на создать страницу:

И выберите пустой шаблон:

В открывшейся странице нажмите "+" и выберите в правом списке секцию "Меню":

Тогда секция будет добавлена на новую страницу и откроются настройки контента:

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

О подробных настройках секции рассказали в статье "Секция меню"

После заполнения контентом секции "Меню" перейдите в настройки страницы:

Далее во вкладку "Основная информация":

И в настройках основной информации измените название в списке — это поможет в дальнейшем быстрее найти меню для каталога:

Далее сохраните настройки основной информации о странице:

А затем нажмите "Сохранить и выйти":

Аналогично создайте страницу для настройки футера.

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

Теперь перейдите во вкладку "Товары":

Затем перейдите в "Настройки каталога" в настройке товаров:

Теперь выберите в поле "Назначить шапку" и "Назначить подвал" страницы с шапкой и футером.

Готово!

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

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

Работа с переменными

Можно указывать количество товаров, используя переменные из настроек проекта. Для этого в таблицах с товарами существует колонка "Переменная количества":

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

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

Чтобы найти (создать) необходимые переменные, перейдите в настройки проекта:

Скопируйте название переменной, кликнув по ней левой кнопкой мыши:

Если у вас еще нет нужной переменной, нажмите на иконку карандаша:

Далее кликните на "Добавить переменную":

Затем пропишите название переменной и ее значение:

И нажмите "Готово", после чего кликните по переменной левой кнопкой мыши, чтобы скопировать ее:

Теперь перейдите обратно к товарам в интернет-магазине и вставьте переменную в строке с товаром в колонке "Переменные количества":

В колонке "Количество" автоматически подтянутся данные из переменной.

Как добавить товары на сайт без каталога

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

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

# order:Название товара=1000 или # order:Название товара=1000:::ссылка на картинку(без пробела)

Пример готовой ссылки:

#order:iPhone 17 Pro Max=99999:::https://files.salebot.pro/uploads/file_item/file/499288/vmgi22f3pbc14eyvfvg7n2aq1761sgvs-Photoroom.png

Как работать с универсальным блоком, рассказали в одноименной статье.

Настройки

Шаг 1. Перейдите в раздел "Сайты" и нажмите на ваш сайт:

Шаг 2. Нажмите на страницу, где хотите показывать свой товар:

Шаг 3. Создайте универсальный блок (или нажмите "Редактировать", если у вас уже есть готовый универсальный блок):

Шаг 4. Нажмите "Контент" или "Редактировать":

Шаг 5. Добавьте элемент "Кнопка":

Шаг 6. Добавьте в поле URL ссылку вида

#order:iPhone 17 Pro Max=99999:::https://files.salebot.pro/uploads/file_item/file/379092/lzx66ri48d3sxf0k60az3m6nof9ob687-Photoroom.png

Шаг 7. Нажмите "Сохранить":

На этом настройка закончена.

Теперь можно добавить текстовые элементы и картинки:

Теперь сохраните настройки универсального блока:

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