19 порад щодо оформлення картки товару в інтернет-магазині

Колонка агенції Roma.net.ua

Маркетолог агентства Roma.net.ua Олена Пустова написала стовпчик за мотивами виступу на конференції UWDC — про те, як оформити сторінку картки товару в інтернет-магазині.

Програміст скаже, що важливо не «напарювати» і не бути настирливими. «Ці жахливі спливаючі вікна, чати! Я б тут нізащо не купив».

SEO-фахівець попросить згадати частіше слова «купити» та «Москва» та розмістити SEO-текст над товарами. Тому що простирадло тексту за $3 важливіше для пошукової системи, ніж фотографії та тексти товару.

Чим відрізняється досвідчений замовник від інтернет-торгівця-початківця

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

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

І тут він почне малювати сторінку товару. Хоча це найголовніша сторінка в інтернет-магазині. Досвідчений інтернет-продавець починає з дизайну сторінки товару.

Чому сторінка товару – головна

Рішення про покупку приймається на картці товару (крім дуже знайомих товарів, типу продуктів чи канцтоварів, де з назви та ціни і так все зрозуміло). Не всі покупці потраплять на головну сторінку.

Хтось прийде на каталог, а хтось одразу на картку товару. Що можна сказати точно, всі покупці пройдуть через картку товару.

Основні блокигарної картки товару

Використовуйте фотолінзу як альтернативу збільшення фото у новому вікні або в лайтбоксі.

Яких проблем чекати під час реалізації? Фотолінза збільшує картинку у 2-3 рази. Тому важливо використовувати зображення лише високої якості. Постачальник не завжди дає якісні фотографії. Або дає, але не в тих ракурсах.

Зробіть фото товарів самостійно. Не варто фотографувати усі продукти. Вистачить і 20% товарів, що найбільше продаються.

Щоб додати фотолінзу до сайту, використовуйте спеціальний скрипт.

Ціна, економія, знижка

Покажіть користувачеві чому вигідно купувати саме у вас.

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

Тестуйте різні варіанти блоків, щоб вибирати найефективніший.

"У кошик" або "Купити"

Тут можна подумати, а яка різниця? Ми тестували кнопки «Купити» та «У кошик» у кількох проектах. Вимірювали конверсію та середній чек. Різниця є.

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

Якщо у вас магазин електроніки – користувач, швидше за все, придбає 1 товар. Для таких сайтів краще працює "Купити".

Бажаєте протестувати кнопку? Використовуйте Visual Website Optimizer. Або спробуйте своє рішення для A/B-тестів, тому що, на наш досвід, VWO не завжди коректно вважає.

Що працює однозначно? Якщо кнопка оформлена не в кольорах сайту. Якщо сайт зелений – додайте червону кнопку. Синій сайт - кнопкапомаранчевий. Виділіть кнопку, щоб привернути увагу користувачів.

Додаткова корисна дія

Це дія, яка не вимагає так багато зобов'язань. Тому користувач охоче залишить свої контакти.

Що робити з новим контактом

Наздоганяйте користувача за допомогою ремаркетингу.
Надсилайте тригер «Занедбаний кошик».
Напишіть email, що товар закінчується або на нього діє знижка.
Через 30 днів напишіть, що закінчується термін дії кошика. Якщо користувач не придбає, ми очистимо збережений список.

Ці дії схиляють користувача до покупки. І замість простого відвідувача сайту ви отримуєте нового клієнта.

«Є у наявності» або «Є на складі»

Щоб вибрати ефективніший варіант для вашого проекту, використовуйте A/B-тести. Як і з кнопкою «Купити» або «До кошика».

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

Наприклад, користувач бачить, що на складі залишилося лише три товари. Інформація свіжа. Оновили сьогодні. Бажаєш отримати товар? Поспішай оформити замовлення.

Характеристики та вигоди

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

Як це зробити?

Виділіть найчастіші характеристики товарів на сайті.
Пропишіть вигоду для кожної характеристики.
Налаштуйте автоматичну генерацію вигоди для опису товару.

Наприклад, одна з можливих характеристиктовару - "мереживна білизна". Ми один раз написали текст вигоди для мереживної білизни:

«Родзинка Вашого вигляду — мереживо. Нині воно набуло «другого дихання». Мереживо – це втілення шику та шляхетності, вишуканості та ніжності. Чи готові ловити заздрісні погляди? Підберіть одяг із мереживом».

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

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

Умови доставки, оплати, гарантії та переваги – це те, що впливає на рішення користувача купувати. Відповідайте на запитання на сторінці товару.

Створіть єдиний привабливий блок з УТП (унікальна торгова пропозиція). Ви одразу показуєте свої переваги. І відповідаєте на страхи покупця. Дізнайтесь, як підготувати хороший блок з УТП у блозі Антона Рожкова.

Додайте блок з УТП на інші сторінки сайту - на головну, в кошик. Читайте, як розміщення блоку з УТП збільшує конверсію на 25,5%.

Персоналізація

Як використовувати персоналізацію у картці товару?

Персоналізуйте сайт для різних регіонів:

З якого джерела прийшов користувач?
Це перша чи друга покупка?
Нині день чи ніч?

Також дивіться інші приклади персоналізації на сайті. З персоналізацією картка товару стає особистою. Знімає навантаження з кол-центру та менеджерів з продажу.

Ви оголосили акцію. Додали інформацію про неї на головну сторінку. Супер. Додайте інформацію та на картку акційного товару.

Суперціна, подарунок, таймер, обмеження. Додайте акцію та чекайте на покупців.

Комплекти підвищують середній чек. Івідповідно – ваш прибуток.

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

Ще в 1990 році компанія Nielsen Norman Group провела дослідження. З'ясували, що лише 16% інтернет-користувачів вчитуються у тексти. Решта – просто сканують сайт. Дивляться заголовки, виділені слова, графічні символи. Тому використовуйте яскраві блямби замість текстів переваг компанії.