Наполнение сайта товарами в интернет-магазине подразумевает, что заранее нужно подготовить для ввода данные об этих товарах. В статье приведен перечень данных для наполнения товарми интернет-магазина на базе плагина Woocommerce и кратко описано как их вводить и редактировать.
Карточка товара интернет-магазина со стороны посетителя
Рассмотрим вид карточки товара со стороны посетителя сайта. Для примера возьмем карточку товара из реального интернет-магазина электродвигателей. Верхняя часть карточки товара интернет-магазина может иметь, например, такой вид:
На скрине экрана красными прямоугольниками выделены блоки данных о товаре. Рассмотрим их подробнее.
- Название товара.
- Краткое описание товара. Не обязательная опция: если его нет — поле будет пустое.
- Цена товара. Для вариативного товара приведен диапазон цен..
- Для вариативного товара показано окно выбора вариаций.
- Цена выбраной вариации товара.
- Дополнительная информация о товаре. На данном сайте баннер с дополнительной информацией о товаре реализован с помощью плагина WooCommerce Conditional Content.
- Категории та метки товара.
- Главное изображение товара. Для вариаций можно указывать отдельное изображение для каждой вариации.
- Галерея изображений товара.
- Вкладки с полным описанием товара, параметрами товара, отзывами. С помощью плагина Custom Product Tabs for WooCommerce в этой области можно добавлять дополнительные вкладки.
- В нижние части карточки товара могут быть размещены сопутствующие товары, связанные по логике с предлагаемым товаром (up-sells). Сопутствующие товары могут увеличивать сумму заказа помогая покупателю выбрать дополнительные товары для решения его задачи.
Теперь заглянем «под капот» — то есть в административную панель сайта для наполнения сайта товарами.
к оглавлению ↑Карточка товара со стороны редактора магазина
Для наполнения сайта товарами нужно войти в систему с соответствующими правами и в панели редактирования выбрать раздел «Товары». В разделе можно создать новый товар или редактировать уже ранее введенный.
После выбора открывается страница для ввода или редактирования данных для товара. В поля в начале страницы можно ввести или отредактировать название товара, сделать описание товара, выбрать категорию для товара:
Товар в интернет-магазине на Woocommerce может быть следующего типа:
- простой товар
- сгруппированный товар: набор простых товаров,
- партнерский товар: партнерская ссылка на товар другого магазина,
- вариативный товар. Вариативный товар — это простой товар, но он имеет свои особенности (называються: атрибуты), от которых может меняться цена товара. Такой особенносью (атрибутом) может быть размер, цвет и тому подобное.
Указать тип товара можно в метабоксе «Данные товара»:
В зависимости от типа товара появляются дополнительные поля для ввода данных о товаре. Так для обычного товара — появится поле для ввода цены. Для партерского товара — кроме цены дополнительно появится поле для ввода ссылки на товар в другом интернет-магазине.
Для ввода вариативного товара нужно создать или выбрать атрибут (то есть характеристику товара), который будет выступать в качестве вариации. Таких атрибутов может быть несколько что увеличивает количество вариаций.
Далее во вкладке «Вариации» можно выбрать вариацию для товара и указать особенности каждой вариации: цену, фото, размеры, вес и т.д.
В других метабоксах на странице можно выбрать главное изображение товара, создать галерею фото товара, заполнить краткое описание товара.
При использовании на сайте плагина для поисковой оптимизации на странице будет показан отдельный метабокс, куда можно будет ввести данные для формирования сниппета поисковых систем и социальных сетей.
к оглавлению ↑Итоги
Итак, наполнение сайта товарами для интернет-магазина на Woocommerce требует подготовки следующих данных о товаре:
- Названия товара.
- Описания товара (краткое и полное).
- Цена товара. Для вариативного товара — цена для каждой вариации.
- Для вариативного товара — атрибуты для вариаций.
- Категории и метки товара.
- Главное изображение товара (для вариаций можно указать изображение для каждой вариации)
Если на сайте используете плагин для поисковой оптимизации — то нужно подготовить данные для сниппета согласно требованиям поисковых систем и социальных сетей.
Порядок вывода данных на карточке товара определяется шаблоном темы. Следует отметить что для темы Divi вы можете самостоятельно построить карточку товара в конструкторе на свое усмотрение.
Александр Коваль
