Ця стаття доступна також на мові: Русский
Наповнення сайту товарами в інтернет-магазині вимагає попередньої підготовки інформації про ці товари перед вводом в базу даних інтернет-магазину. У статті наведено список даних для заповнення товарами онлайн-магазину на основі плагіна Woocommerce та коротко описано, як їх вводити та редагувати.
Картка товару онлайн-магазину з боку відвідувача
Розглянемо зовнішній вигляд картки товару з боку відвідувача сайту. Наприклад, візьмемо картку продукту з справжнього онлайн-магазину електродвигунів. Верхня частина картки продукту онлайн-магазину може мати, наприклад, такий вигляд:
На скріншоті екрана червоні прямокутники виділяють блоки даних про товар. Розглянемо ці блоки детальніше.
- Назва продукту.
- Короткий опис продукту. Опціональний варіант: якщо він недоступний, поле буде порожнім.
- Ціна продукту. Для змінного продукту задається ціновий діапазон.
- Для змінного добутку показано вікно для вибору варіацій.
- Ціна обраного варіанту продукту.
- Додаткова інформація про продукт. На цьому сайті банер з додатковою інформацією про продукт реалізований за допомогою плагіна WooCommerce Conditional Content.
- Категорії та товарні теги.
- Основне зображення продукту. Для варіацій можна вказати окреме зображення для кожної варіації.
- Галерея зображень продуктів.
- Вкладки з повним описом продукту, параметрами, оглядами. За допомогою плагіна Custom Product Tabs for WooCommerce ви можете додати додаткові вкладки в цій області.
- Внизу картки продукту можна розмістити пов'язані товари, логічно пов'язані з пропонованим продуктом (додаткові продажі). Пов'язані продукти можуть збільшити обсяг замовлення, допомагаючи клієнту обрати додаткові товари для вирішення проблеми.
Тепер давайте подивимось «під капот» — тобто в адміністративну панель сайту для заповнення сайту товарами.
Картка товару з боку редактора магазину
Щоб заповнити сайт інтернет-магазину товарами спочатку потрібно увійти на сайт з відповідними правами та вибрати розділ «Товари» в панелі редагування сайту. У цьому розділі ви можете створити новий товар або відредагувати вже наявний.
Після вибору відкривається сторінка для вводу або редагування даних для товару. У полях зверху сторінки ви можете ввести або відредагувати назву товару, зробити опис товару, вибрати категорію для цього товару:
Товар у онлайн-магазині на Woocommerce може бути наступного типу:
- Простий товар
- Згрупований товар: множина простих товарів,
- Партнерський товар: Партнерське посилання на товар іншого магазину,
- Варіативний товар. Варіативний товар — це простий товар, але він має власні особливості (які називаються: атрибутами), від яких може змінюватися ціна продукту. Такою ознакою (атрибутом) може бути розмір, колір, тощо.
Ви можете вказати тип товару в метабоксі «Дані про товар»:
Залежно від типу товару з'являються додаткові поля для введення даних про товар. Отже, для звичайного товару з'явиться поле для введення ціни. Для партнерських товарів — окрім ціни, з'явиться поле для введення посилання на товар в іншому онлайн-магазині.
Щоб ввести варіативний товар - потрібно створити або вибрати атрибут (тобто характеристику товару), який буде діяти як варіація. Якщо існує кілька таких атрибутів - це збільшує кількість можливих варіацій.
Далі у вкладці «Варіації» ви можете вибрати необхідну варіацію продукту та вказати характеристики кожної варіації: ціну, фото, розмір, вагу тощо.
В інших метабоксах на сторінці ви можете вибрати основне зображеннятовару, створити галерею фотографій товару та заповнити короткий опис товару.
При використанні плагіна пошукової оптимізації на сайті на сторінці з'являється окреме мета-поле, куди можна вводити дані для формування сніпета для пошукових систем і соціальних мереж.
Підсумки
Отже, щоб наповнити сайт товарами для онлайн-магазину на Woocommerce, потрібно підготувати такі дані про товар:
- Назва товару.
- Описи товару (короткі та повні).
- Ціна товару. Для варіативного товару: можливі атрибути та варіації, і також ціна для кожної варіації.
- Для варативного товару — атрибути для варіацій і опис варіацій.
- Категорії товарів і теги.
- Основне зображення товару (для варіацій можна вказати зображення для кожної варіації)
Якщо ви використовуєте плагін для пошукової оптимізації на сайті, то потрібно підготувати дані для фрагмента відповідно до вимог пошукових систем і соціальних мереж.
Порядок відображення даних на картці продукту визначається шаблоном теми. Варто зазначити, що для теми Divi ви можете створити власну карту продукту в конструкторі на свій розсуд.
Олександр Коваль
