Как добавить товар на сайт

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

Рассмотрим, как добавить и настроить карточку товара.

Добавьте виджет

Перейдите в конструктор страницы, где вы будете добавлять карточки товара. В нужном месте страницы нажмите Добавить виджет (Add Widget) и выберите Товар (Product).

Добавьте товар

В панели виджета Товар, которая открылась, выберите способ добавления товара:

Новый товар

Введите информацию про товар:

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

Добавьте изображение товара

Для показа галереи картинок товара нажмите + Добавить изображения (+ Add images) и выберите изображение из менеджера файлов или загрузите новое.

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

Добавьте характеристики товара

В блоке Характеристики (Properties) можно добавить нужные свойства товаров. Для каждого поля заполните информацию:

Для добавления нового свойства товара нажмите + Добавить атрибут (+ Add attribute).

Выберите тип продукта

К своему интернет-магазину вы можете добавить разные по типу товары:

Укажите артикул, остаток и стоимость

В поле Артикул (SKU) введите уникальный код продукта, помогающий отслеживать товар. В коде можно использовать цифры и буквы.

В поле Остаток (Stock) укажите количество товаров в наличии. После каждой покупки цифра будет уменьшаться. Если оставить поле пустым, количество товара будет неограниченным. Если поставить 0, то пользователь не сможет положить товар в корзину.

В поле Стоимость (Price) укажите цену за товар. В поле Старая стоимость (Old price) можно указать предварительную цену, если она была выше, чтобы продемонстрировать скидку. Если оставить поле пустым, то на сайте отображается только актуальная стоимость.

Если это CRM товар, к которому добавлен налог, цена будет показана на сайте с учетом этого налога.

Валюту магазина выберите в Настройка сайта > Интернет-магазин, а метод оплаты - на странице настройки корзины.

Добавьте варианты товара

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

В секции Варианты (Options) нажмите + Добавить атрибут (Add attribute). В первом поле введите название параметра, а в следующем перечислите все значения вариантов через запятую.

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

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

Чтобы скрыть или показать вариант товара, нажмите значок слева.

Когда вы заполните поля карточки товара, нажмите Сохранить (Save).

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

Товар из CRM

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

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

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

Настройте внешний вид карточки

В поле Тип карточки (Card type) выберите, как отображать товар:

Экспериментируйте с визуальными элементами и настройками карточки товара. Например, можете протестировать различные стили карточек и проанализировать, какой из них лучше конвертирует.

В секции Внешний вид карточки (Card style) выберите стиль размещения информации на карточке.

Чтобы перейти к подробным параметрам внешнего вида карточки на странице, нажмите Настроить (Customize) и измените настройки стилей:

Чтобы настроить кнопку добавления товара в корзину, вернитесь к настройке товара и в секции Кнопка нажмите на карандаш. В поле Текст введите текст кнопки, а в поле Стиль выберите размер и стиль кнопки: Основной и Вторичный наследуются из общего стиля страниц, а для Настроенный вы можете выбрать цвет текста, фона, настроить контур и эффект при наведении.

После редактирования страницы с товарами нажмите Опубликовать (Publish).

Обновлено: 23.10.2024