Оформлення картки товарів woocommerce простий товар

вступ

Продовжуємо вивчати інтернет магазин WooCommerce на платформі CMS WordPress. Тут, детально подивимося, як оформляти картку товару магазину.

Що зроблено

Картка товару

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

текстова і візуальна інформація про товар,
кнопка додати товар в корзину,
кнопка оформити товар відразу,
інша потрібна і корисна інформація покупцеві для здійснення швидкої покупки або продовжити навігацію по магазину, включаючи модулі таксономії, типу «схожі товари», «з ці купують» і т.п.

завдання уроку

У цьому уроці я не буду переробляти шаблон картки, яку можна зробити за замовчуванням. Не буду випилювати або додавати, щось із стандартної (за замовчуванням) картки товарів WooCommerce. Просто докладно заповнимо стандартну картку простого товару.

Картка товарів оформляється при додаванні товару в магазин. Для WooCommerce це вкладка в групі консолі «Товари», на вкладці Товари >>> Додати товар.

Для початку на вкладці «Додати товар» зайдемо в спойлер «Налаштування екрану» і відзначимо всі видимі чекбокси. Тим самим ми покажемо на сторінці все блоки і максимально розширимо можливості оформлення картки.

Для створення картки на товар, потрібно виконати підготовчі роботи, про які докладно я писав в статті: Підготовка для якісного заповнення картки товарів.

Для кожного товару потрібно зробити і мати під рукою:

Читати ще: Що потрібно знати перед відкриттям інтернет магазину

Артикул. Артикул товару це унікальний ідентифікатор товару, у вигляді групи цифр і / або букв. Потрібен артикул для каталогізації товарів, складання звітності, зв'язку з базами даних. Детально про артикул.

Атрибути товарів. Потрібно створити або вибрати з раніше створених. Атрибути WooCommerce схожі на мітки системи, але має більш цікаву підпорядкованість. Атрибути дозволяють більш різноманітно групувати товари за якісними або візуальними ознаками. наприклад:

Створюються атрибути на вкладці Товари >>> Атрибути, а як це робити читаємо окремо тут.

Для прикладу візьму Шапку. Для неї:

Не забуваємо про ціну. Цін повинно бути три, для картки потрібні дві:

Нормальна;
Зі знижкою;
Резервна (мінімальна ціна для себе).

Нагадую, в настройках ціни на товар (загальні налаштування магазину), виставляємо зовнішній вигляд ціни. Я ставлю ціну без показу ПДВ покупцеві.

Оформлення картки товарів WooCommerce

Дані на товар є, опису готові, пора заповнити картку товарів. Йдемо на вкладку: Товари >>> Додати товар. Нагадую, все блоки картки включені для заповнення.

оформлення картки товарів WooCommerce ДО заповнення

-Даємо товару назва. Воно повинно бути в межах магазину унікальним. Довжину назви товару краще вмістити в 5 слів або 120 знаків.

-В поле опис пишемо заготовлене унікальне, опис. Краще 300 слів. Повний опис буде видно на картці нижче фото товару під заголовком «Опис»

-В поле короткий опис, пишемо заготовлене унікальне, короткий опис товару. 50 слів буде достатньо. Короткий опис буде видно поруч з фото товару, за замовчуванням праворуч.

Читати ще: Практична оптимізація Інтернет магазину

-Вибираємо або задаємо мітки товару. Є можливість відкрити хмара міток.

-Додаємо основне фото товару (Зображення товару).

-Якщо є, додаємо 2-3-4 додаткових фото товару. Вони будуть показані під основним фото у вигляді галереї.

-Заповнюємо дані по товару. Тут, потрібно детально.

Як заповнити картку товаровWooCommerce

Заповнення даних по товару

Дані по товару блок з вигляду маленький, але важливий, можна сказати, основний. Для роботи блок має верхнє меню, що випадає для вибору типу товару і вертикальне меню з вкладками:

Тип товару

Для нашого прикладу виберемо тип товару «Простий товар». Про інших типах товару WooCommerce читаємо Типи товарів WooCommerce: ...

Заповнення даних по товару WooCommerce

Дані по товару

Послідовно рухаємося по вкладках даних про товар і заповнюємо потрібні поля.

Статус податку та податковий клас на свій товар ви повинні були визначити ще на етапах настройки. Я ставлю «Оподатковуваний» і «Стандартний».

Запаси. Це настройка управління складськими запасами.

Артикул. потрібно заповнити. Він повинен бути унікальний для кожного товар і логічно все артикули товару створити заздалегідь. Можна піти іншим шляхом і встановити плагін: «WooCommerce Product SKU Generetor» він автоматом буде створювати артикули на все додаються товари.

Засада. З артикулом є проблема. Якщо нічого не зробити, він (артикул) буде видно в картки товару. Як прибрати артикул з картки товару, читаємо тут (26-06).

Я нічого не забираю, а додаю артикул шапки: 001.

Доставка. Тут каверз немає. Вказуєте клас доставки, який ви створили в налаштуваннях. Або не створили?

Апселли. Своєрідна мітка товарів, які будуть показані на картці товару внизу під заголовком «Можливо Вас також зацікавить ...». Детально про Апселли і Кроссели.

Читати ще: Способи просування інтернет магазину

Я додаю: окуляри від сонця, ремінь.

Кроссели. Це просування товари, які система покаже покупцеві в кошику товарів при оформленні товару зліва від картинки.

Я додаю: Футболка.

Атрибути. Атрибути у вас повинні бути створені, для кожного атрибута при його створенні на вкладці Товари >>> атрибути, повинні бути створені значення.

Наприклад, до товару додаю спочатку атрибут «Розмір» вибираю значення «XXL», потім атрибут «Колір», вибираю значення «Бордо». Кількість атрибутів не обмежена. Всі атрибути будуть показані в картці.

Додатково. Тут, можете написати, що-небудь покупцеві, щоб система відправила йому після його покупки.

Пункт «Меню замовлення». просуне цей товар в списку декількох замовлень.

Чек бокс «Відгуки». дозволить покупцеві, вам що-небудь написати.

Майже все готово. Залишився блок «Довільні поля». Його залишимо в спокої, до кращих часів, він вимагає серйозного опису.