як формується цінник інтернет магазину

5 порад щодо відображення цін на продукти електронної комерції


Ціни не повинні бути таємницею. Публікація чітких, зрозумілих цін на продукти, які продає ваш інтернет-магазин, має бути важливою частиною дизайну взаємодії з користувачем сайту.

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

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

Ви захочете:

  • Чітко відображайте та оновлюйте ціну, щоб вашим відвідувачам було легко робити покупки.
  • Розмістіть ціну та її допоміжні елементи у добре видимих ​​областях незалежно від того, чи використовує ваш покупець настільний комп’ютер чи мобільний пристрій.
  • Переконайтеся, що текст ціни, який використовується для читання та доступний, містить висококонтрастні кольори.

Нижче наведено п’ять порад щодо формування ціни на ваш продукт. Зокрема, ці рекомендації стосуються того, де розмістити ціну продукту та як ціна продукту співвідноситься з іншими елементами.

Кожна з цих рекомендацій походить від широко поширених угод електронної комерції про відображення цін. Але A/B тестуйте свої макети, щоб дізнатися, що найкраще конвертує для вашого бізнесу.

Чітко вкажіть ціну продукту

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

Загальноприйнятою умовою є розміщення ціни продукту безпосередньо після назви продукту.  Цей макет надає пріоритет ціні.


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

Інші дизайни сторінок продуктів електронної комерції розміщують ціну відносно близько до заклику до дії, який зазвичай є кнопкою «Додати в кошик».

Розміщення ціни продукту біля заклику до дії створює свого роду розділ або компонент із закликом до дії.


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

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

Ціна продукту може повторюватися кілька разів на сторінці з інформацією про продукт, тому вона відносно близька як до назви, так і до заклику до дії.


Виділіть будь-яку знижку на продукт

Якщо ваш магазин виставляє товари на розпродаж, чітко вкажіть ціну розпродажу та знижку. Чудовий приклад відображення знижок на товари можна знайти на Joybird, інтернет-магазині меблів. Заклик до дії полягає в тому, щоб покупець почав налаштовувати стілець, який він бачить.

Покупцеві надається ціна розпродажу зі знижкою, звичайна ціна товару та відсоток знижки.


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

Показуйте цінові діапазони, коли це має сенс

Іноді ви не дізнаєтеся ціну продукту, доки покупець не зробить вибір.

Можливо, ви продаєте піджак і штани разом. Ціна цієї комбінації може змінюватись залежно від розміру, матеріалу чи навіть кольору. Найпоширенішим дизайнерським рішенням є показ діапазону можливих цін від найнижчої до найвищої.

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


Коли покупець зробить вибір, динамічно оновіть ціну, щоб відобразити, що покупець заплатить. Надайте видиму підказку, що ціну оновлено.

Пропозиція Оцінка доставки на сторінці

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

Ви можете знайти приклад саме такої оцінки вартості та швидкості доставки на Overstock.com. Покупець вводить свій поштовий індекс, і на сайті відображається кілька варіантів доставки разом із вартістю та орієнтовною датою доставки.

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


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

Насправді, якщо певний товар включає безкоштовну доставку або принаймні має право на безкоштовну доставку, подумайте про те, щоб додати повідомлення про безкоштовну доставку поруч із ціною продукту.