Основне завдання кожного інтернет-магазину - перетворити потенційних клієнтів в покупців. Цьому сприяють привабливий та максимально зручний дизайн, якісні front end та back end. Одним з ключових факторів є грамотне оформлення картки товару. 

Картка товару повинна зосереджувати увагу та мотивувати користувача зробити покупку саме у Вас. Це інформаційний блок, в якому наведені найменування, основні характеристики товару, опис, його фото, ціна з можливістю покупки, дані про умови оплати, доставки та повернення, інформація про наявність товару тощо. 

Назва товару

Назва продукту повинна бути в міру лаконічною та водночас містити основні дані про товар (тип, виробник, модель). Споживачі звикли переглядати інформацію зліва направо, згідно аналогії читання книги. Тому рекомендовано розміщувати назву товару вгорі над картинкою або ж зправа від неї. Заголовок потрібно обгорнути тегом h1.

Характеристики товару 

Характеристики повинні містити головні відомості про товар: розмір, вага, комплектація, склад, гарантійний термін тощо. Якщо продукт містить значну кількість характеристик, їх можна винести в окрему вкладку, зокрема, подати у вигляді таблиці для кращого сприйняття. 

Опис

Розгорнутий опис краще розмістити нижче. Не потрібно “обтяжувати” сторінку та користувачів довгими текстами - достатньо буде стислого, зрозумілого та інформативного контенту. 

Фото

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

SEO для картинок: 

• додавання атрибуту alt;
• стиснення фото без втрати якості;
• найменування файлу повинно відповідати вмісту, який зображений на фото.

Ціна

Вартість товару повинна відразу “кидатися в очі”. Зробити це можна за допомогою кольору, величини шрифтів, фону та інших додаткових елементів. Ефективним методом є класичний маркетинговий хід -  вказувати стару та нову ціну (в місцевій валюті) для акцентування уваги. Якщо на сайті діє акція на той чи інший товар, можна додати таймер зворотного відліку часу. 

Кнопки “Купити”/”Додати в корзину”/”Замовити”

На сторінці товару обов’язковими елементами є кнопки “Купити”, “Додати в корзину” або ж “Замовити”. 

Кнопка “Купити” в основному властива для інтернет-магазинів з незначною кількістю продукції. Якщо ж асортимент товарів великий, необхідна кнопка “Додати в корзину”. Це важливо для зручності користувачів, адже, роблячи замовлення із декількома одиницями різних товарів, відвідувачам комфортніше виконати це одним замовленням, попередньо перевіривши список. 

Якщо товару немає в наявності, можна додати кнопку “Замовити” з відповідною формою для заповнення.

Дані про умови оплати, доставки та повернення

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

Для прикладу, розміщення значків платіжних систем біля ціни та кнопки “Купити” дозволить підвищити довіру покупців. 

Інформація про наявність товару

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

Також підвищенню конверсії та продажів сприяють:

• функціонал “порівняння товарів”;
• додавання товарів до списку бажаних;
• блоки з рекомендованими/переглянутими товарами;
• наявність відгуків. 

Існують загальні принципи ефективного оформлення картки товару, яких рекомендовано дотримуватися. Але потрібно розуміти, що кожен інтернет-магазин потребує індивідуального підходу, враховуючи різні категорії товарів та сферу надання послуг.