Интернет-магазин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настройки сайта

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

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

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

Нажмите на кнопку "Редактировать", чтобы открылось правое меню для настройки контента:

Теперь вам осталось сделать всего несколько шагов.

1. Выберите какие категории товаров отображать в секции:

1. Далее выберите количество колонок:

1. Укажите сколько товаров отображать на старте (до клика на кнопку "Показать еще")

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

Теперь нажмите "Сохранить":

Теперь наведите на секцию и нажмите "Настройки", чтобы кастомизировать секцию:

В настройках секции вы сможете:

1. выбрать подходящий шрифт, размер шрифтов в секции;

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

3. настроить отображение секции: ширину секции, видимость, размер и ширину.

Теперь перейдите в предпросмотр:

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

Как поменять адрес сайта?

Чтобы адрес сайта был с красивой и лаконичной ссылкой, а не автоматически сгенерированной, как на примере ниже

Вы можете изменить URL страницы. Для этого перейдите в настройки сайта:

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

1. Название сайта — отображается в разделе Сайты (изменив его название, вы сможете легко находить сайт в списке уже имеющихся в будущем):

1. Название вкладки в браузере — отображается в адресной строке:

1. URL — адрес сайта:

Выдача ссылки в чат-боте

Ссылку на интернет-магазин можно выдавать в чат-боте: например, простой ссылкой (для других мессенджеров) или с помощью кнопки web-app в Telegram.

Как это сделать?

Telegram Web-app

Шаг 1. Копируем адрес интернет-магазина в адресной строке в бразуере:

Или на плашке интернет-магазина в разделе "Сайты":

Шаг 2. Создаем блок в конструкторе.

Шаг 3. Кнопка Telegram Web-app

В блоке создаем кнопку (для этого нажмите на "Кнопки" в настройках блока) и кликните "Добавить кнопку". Откроется модальное окно с настройками кнопки:

Выберите функцию 'Telegram Web Application' и вставьте ссылку на ваш сайт:

Далее пропишите название кнопки, например, "Перейти на сайт" и нажмите "Добавить":

Далее кнопка будет добавлена в блок. Выберите также тип кнопки "В тексте":

И сохраните настройки блока:

Далее протестируем бота Telegram. Напишем боту слово "Магазин", которое указано в условии блока:

Бот отправил в сообщении кнопку с сайтом. При клике на кнопку, открывается web-app с вашим магазином:

Кнопка с ссылкой на интернет-магазин (для др. мессенджеров)

Шаг 1. Копируем адрес интернет-магазина в адресной строке в бразуере:

Или на плашке интернет-магазина в разделе "Сайты":

Шаг 2. Создаем блок в конструкторе.

Шаг 3. Кнопка с ссылкой на интернет-магазин

В блоке создаем кнопку (для этого нажмите на "Кнопки" в настройках блока) и кликните "Добавить кнопку". Откроется модальное окно с настройками кнопки:

Укажите ссылку и название кнопки, при этом функция остается той же — по умолчанию:

Далее кнопка будет добавлена в блок. Выберите тип кнопки "В тексте" или "Клавиатура" (для Вконтакте кнопка должна быть типа "Клавиатура"):

И сохраните настройки блока:

Далее протестируем работу кнопки Вконтакте:

Бот отправил в сообщении кнопку с сайтом. При клике на кнопку открывается web-app с вашим магазином.