Електронна комерція,
Сторінка товару: п’ять елементів, що перетворюють відвідувачів на покупців
Сторінка товару виконує більшу частину роботи з продажу у вашому магазині. Ось від чого залежить, чи продасть вона, — на основі понад 200 A/B-тестів.
Маєте таку саму проблему?
Надішліть посилання на одну сторінку товару. У відповідь назвемо три речі, які виправили б першими.
Надіслати показникиБільшість людей, які відкривають сторінку товару, залишають її без жодної дії. Ось як покупці поводяться на пересічній сторінці:
- ідуть до конкурента без жодної дії
- 40%
- середній час на сторінці, 3 с — якщо не зацікавило
- 23 s
- показник відмов, у середньому по галузі
- 45–60%
- вирішують, купувати чи ні, у перші 10 секунд
- 73%
Добра новина: якісна сторінка товару перетворює ці цифри на продажі. Ми протестували понад 200 сторінок товарів у взутті, меблях, автотоварах, спортивному одязі та електроніці — ті самі п’ять елементів визначали конверсію. Вдалі рішення підвищують її на 15–35%. Невдалі — знижують на 20–40%.
Елемент 01
Фото товару
Із п’яти елементів цей найбільше впливає на конверсію.
Фото — перший контакт із товаром. 65% людей покладаються на фото більше, ніж на опис. З одним фото «купити» натискають 34% користувачів, із кількома — 58%. Фото товару на реальних людях дають на 40% вищу конверсію, ніж студійні.
1. Покажіть щонайменше 6–8 фото
- 1–2 основні фото на нейтральному тлі
- 2–3 фото з різних ракурсів
- 2–3 фото товару на людях: ваших покупцях або з Instagram
- 1 крупний план матеріалу, швів і фактури
Результат тесту
4 фото: конверсія 2,1% до 8 фото: 2,9%
+38%
2. Дайте роздивитися товар: огляд 360° або слайдер
Статичне фото відповідає на одне запитання. Дозвольте покупцям повертати товар до покупки: на мобільних це зменшує повернення на 15–20%.
Інструменти
- Shopify: Spline, GLightbox
- WooCommerce: Product 360 Viewer
- Індивідуальна розробка: Babylon.js, Three.js
3. Чисте тло, нічого зайвого в кадрі
Слабко: неохайне фото на сірій поверхні серед пів сотні інших речей. Сильно: чисте біле тло, у фокусі лише товар. Студійна зйомка дорога; її може замінити ШІ-генерація, або зверніться до нас, щоб уникнути дорогих помилок.
4. Фото на реальних людях дають найвищу конверсію
- Просіть покупців надіслати фото в особисті повідомлення Instagram
- Замовляйте публікації у мікроблогерів від 3 000 підписників: менша аудиторія означає ближчий контакт і більше довіри
- Надішліть подарунковий набір постійним покупцям і попросіть зняти реакцію. Це приносить трафік та нові замовлення
Результат тесту
Лише студійні: 2,1% до студійні + 2–3 фото покупців: 2,75%
+31%
Чому це працює: люди бачать «саме це я купую», і сумнівів стає вдвічі менше.
5. Збільшення для деталей
Дозвольте збільшення до 200–300%. Покупці хочуть бачити шви, матеріал і якість. У Shopify це є за замовчуванням; для WooCommerce потрібен плагін.
Елемент 02
Опис товару
Фото відповідає на запитання «що це?». Опис — «чи підходить це мені?».
Скупий опис залишає сумніви, а сумніви стримують конверсію. Опис, що продає, складається із шести частин.
1. Короткий опис: перші 2–3 рядки
2. Основні переваги: 3–5 пунктів
Назвіть характеристику, а потім поясніть користь для покупця. Сама характеристика змушує людину самостійно шукати цю користь.
Результат тесту
Короткий опис: 2,28% до опис із перевагами: 2,71%
+19%
3. Матеріали та конструкція
Люди хочуть знати, що отримують за ціну, яка може бути вищою за схожий товар деінде. Деталі формують довіру.
4. Таблиця розмірів: критично важливо
Додайте таблицю й одну пораду: «між двома розмірами обирайте більший». Недостатньо фото та відсутність таблиці розмірів спричиняють половину всіх повернень.
Повернення
Без таблиці розмірів: повернуто 3,2% замовлень до з таблицею: 1,8%
−44%
5. Інструкції з догляду
Люди хочуть, щоб товар служив довго. Правильний догляд довше зберігає його стан, а поради з догляду показують, що ви розраховуєте на його довговічність.
6. Що кажуть покупці
Завершіть опис щонайменше трьома короткими цитатами покупців. Як їх обирати й показувати — в елементі 04.
Чекліст для опису
- Перші 2 рядки відповідають на запитання «для кого це?»
- 3–5 основних переваг
- Описані матеріали та конструкція
- Таблиця розмірів із порадою
- Інструкції з догляду
- Соціальні докази, щонайменше 3 цитати
- Усе зрозуміло неспеціалісту
- Без жаргону або з його поясненням
Елемент 03
Ціна та доставка
Найпоширеніша причина купити й найпоширеніша причина піти.
25% людей закривають сторінку, побачивши вартість доставки. 41% хочуть знати її до оформлення замовлення. Незрозуміла ціна змушує піти 30% користувачів.
1. Ціна залишається видимою під час прокрутки
Слабко: ціна вгорі й зникає, щойно покупець гортає сторінку. Сильно: блок додавання в кошик закріплений на екрані, тому ціна, розмір, кількість і кнопка завжди перед очима.
2. Покажіть доставку до оформлення замовлення
- Ціна, колір і комплект в одному блоці
- «Купити в 1 клік» поруч із кнопкою «У кошик»
- «Безкоштовна доставка від 5000 грн» одразу під ціною
Покупці одразу бачать реальну ціну й не залишають оформлення.
3. Покажіть економію, якщо вона є
Люди купують економію, а не лише товар.
4. Безкоштовна доставка від певної суми
Напишіть на сторінці: безкоштовна доставка від $100. Із товаром за $79 в кошику покупцеві бракує $21 — він додає ще один товар. Середній чек зростає.
5. Покажіть комплектацію
Люди мають точно розуміти, за що платять.
Елемент 05
Кнопка додавання в кошик
Останній крок перед продажем.
Невдала кнопка — і люди не купують. П’ять речей визначають, чи натиснуть її.
1. Розмір: щонайменше 50 × 50 px
На мобільному кнопка має займати щонайменше 60% ширини екрана, щоб у неї було легко влучити великим пальцем.
2. Контрастний колір
Слабко: сіра кнопка на сірому тлі, яку легко не помітити. Сильно: червона або помаранчева на білому, видима одразу.
Результат тесту
Сіра кнопка до помаранчева кнопка
+5–10%
3. Текст кнопки
«Купити» — нечітко. «У кошик» називає дію. «У кошик — $79» ще й показує вартість.
4. Кнопка слідує за прокруткою
Коли покупець гортає до опису, кнопка залишається внизу екрана. Нікому не має бути потрібно повертатися вгору, щоб додати товар у кошик.
5. Друга дія для тих, хто ще не готовий купити
- Дозвольте зберегти товар: електронна пошта поповнить вашу базу
- Дозвольте запитати: чат дасть контакт
Бонус
Чекліст для сторінки товару
Перевірте за ним одну сторінку товару. Кожен непозначений пункт — місце, де втрачаються покупці.
Фото
- Щонайменше 6–8 фото
- 3+ фото товару на людях
- Огляд 360° або слайдер
- Видимі деталі: шви, матеріал, фактура
- Збільшення до 200%
Опис
- Перші 2 рядки відповідають на запитання «для кого це?»
- 3–5 переваг, а не характеристик
- Матеріали та конструкція
- Таблиця розмірів із порадою
- Інструкції з догляду
- 3–5 справжніх відгуків
Ціна та доставка
- Ціна залишається видимою під час прокрутки
- Доставка показана до оформлення замовлення
- Варіанти доставки з цінами
- Безкоштовна доставка від певної суми, якщо можливо
- Комплектація
Соціальні докази
- Рейтинг помітний
- 3–5 найкорисніших відгуків із фото або ім’ям
- Позначка «Підтверджена покупка»
- Фото та відео покупців
- «42 людини купили цього тижня»
- Гарантії на видному місці
Кнопка додавання в кошик
- Щонайменше 50 × 50 px
- Колір, контрастний до тла
- Текст: «У кошик»
- Залишається видимою під час прокрутки
- Друга дія: «Зберегти на потім» або «Поставити запитання»
Результати
Наскільки зростає конверсія
Типові результати наших тестів з однакової початкової конверсії 2,1%.
| Сценарій | Раніше | після | Приріст |
|---|---|---|---|
| 1. Фото, зокрема фото покупців | 2.1% | +31% | |
| 2. Фото + опис | 2.1% | +35% | |
| 3. Фото + опис + доставка | 2.1% | +40% | |
| 4. Усі п’ять елементів | 2.1% | Середній чек $67 → $73. Приріст тут — місячний дохід, а не конверсія. | +28% |
Маєте таку саму проблему?
Надішліть посилання на одну сторінку товару. У відповідь назвемо три речі, які виправили б першими.
Надіслати показникиНаш проєкт: TandemShop
Ті самі п’ять елементів у справжньому магазині
До: галерея, назва, ціна та одна кнопка без вибору комплекту чи кольору й умов доставки. Після: колір і комплект у картці, «купити в 1 клік» поруч із «У кошик» та «безкоштовна доставка від 5000 грн» одразу під ціною.
Буду радий надати додаткову інформацію про рішення, розроблені нашою командою, і допомогти у виборі оптимального підходу.
Христина Дідух Бізнес-менеджерка
Резюме
Сторінка товару — головний рушій продажів магазину. Правильне опрацювання п’яти елементів дає вам:
- Більше фото: люди довіряють тому, що бачать
- Детальний опис: менше повернень
- Зрозуміла ціна й доставка: менше відмов під час оформлення
- Соціальні докази: люди купують те, що купують інші
- Правильна кнопка: легше натиснути
- вартість роботи залежно від платформи
- $1,000–5,000
- конверсія
- +20–40%
- віддача за 6–12 місяців
- 800–2000%
Елемент 04
Соціальні докази
Люди не довіряють незнайомому магазину.
72% людей довіряють оцінкам більше, ніж рекламі. Один помітний негативний відгук знижує конверсію на 30%. А рейтинг 4,8 із 5 працює краще за ідеальні 5,0: бездоганна оцінка здається підозрілою.
1. Рейтинг товару
2. Письмові відгуки: покажіть три найкорисніші
Результат тесту
Без відгуків: 2,08%→ до 3–5 відгуків: 2,62%
+26%
3. Фото й відео покупців
Галерея «Ваші фото» з реальними людьми у товарі та посилання на відео покупців у TikTok і YouTube. Де брати: просити в листі після покупки, шукати #вашмагазин в Instagram або написати в описі «Поділіться фото й отримайте знижку 5% на наступне замовлення».
4. «N людей купили цей товар»
«42 людини купили цей товар за останні 7 днів». Інші купують — отже, товар популярний і мені теж варто його купити.
5. Гарантії
Люди менше вагаються, коли знають, що товар можна повернути.