Про головні кнопки в інтернет-магазині новини форум для веб-майстрів

Що краще писати на кнопці «Купити»?

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

Більшість людей вже давно в інтернеті. Вони розуміють що «Купити» їх ні до чого не зобов'язує, а «Покласти в кошик» не має відношення до кошику для сміття. Вони знають, що при кліці на «купити» з їх карти гроші автоматично НЕ спишуться, а при «покласти в кошик» товар не зникне назавжди. Тому не потрібно втрачати час і шукати відповіді на запитання, навіть самий правильну відповідь на який нічого суттєво у не поліпшить у вас в магазині.

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

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

Є думка, що кнопка «Купити» менш конверсійна ніж кнопка «Додати в корзину», оскільки «Купити» - це вже прийняте рішення, а «Додати в корзину» - поки що тільки процес, що не вимагає рішення прямо зараз. Сперечатися немає сенсу, можливо, це так. Але потрібно визначитися, що вважати в даному випадку конверсією. Якщо додавання товару в кошик - це бажана конверсія, то кнопку потрібно називати саме так, але потім не дивуватися кинутим кошиках. Якщо за конверсію вважати оформлене замовлення, то не потрібно боятися писати «Купити».

Кнопка «Додати в корзину» за змістом має на увазі покупку декількох товарів, коли вони спочатку все додаються в корзину і вже там робиться замовлення.

Можна писати просто «В кошик», прибравши слово «додати». Знайдуться противники такого спрощення, скажуть, що без дієслова гірше call to action (заклик до дії). Вибір за вами.

Кнопка «Замовити», не викликатиме питань, якщо в інтернет-магазині товари є як в наявності, так і під замовлення. Тоді на товарах «в наявності», ставимо кнопку «Купити», а на тих що тільки під замовлення - «Замовити».

Ще ця кнопка підійде для сайтів замовлення їжі. Раз вже прийнято говорити «давай замовимо піцу» то на відповідному сайті цілком можна використовувати кнопку «Замовити» замість «Купити». Але і кнопки «Купити» і «В кошик» теж будуть працювати не гірше.

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

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

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

«Покласти в кошик», «Додати в корзину», «Відправити в кошик», просто «В кошик», «Купити», «Замовити» - один хрін (рослина сімейства Капустяні).

З текстом кнопки розібралися, переходимо до кольору.

Ідеальний колір кнопки «Купити»

Можна піти ще далі і почати тестувати не тільки колір але і текстуру кнопок. Кнопки під дерево - краще продають натуральні продукти, ніж блискучі пластмасові. Брутальні металеві кнопки добре підходять для чоловічих товарів, а м'які рожеві кнопочки на 5% частіше клацають няшная тян.

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

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

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

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

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

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

Сіра кнопка, виглядає як ніби не активна

До слова, сірі кнопки з сірим текстом - частий косяк інтернет-магазинів. На щастя основну кнопку «купити» зазвичай такий не роблять, але допоміжні кнопки ( «В обране», «Швидке замовлення», «Порівняти») - дуже часто. Дизайнер намагається зробити красиво, правильно розставити акценти, але забуває про стандарт до якого всі звикли, працюючи з ОС - сірі кнопки з сірим текстом (так само як чекбокси і радіобокси) - це елементи недоступні для натискання і вибору.

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

Якщо хочете щоб кнопки натискали, не робіть таких кнопок в інтернет-магазині:

Якщо кнопка «Купити» досить велика і контрастна, то її колір майже не важливий. Майже бо є виключення, два таких я привів вище. Напевно можна навести ще.

Тому коли магазини проводять А-Б тестування у них виходять різні результати. У одних краще тиснуть червону кнопку, у інших зелену і т. Д. Справа не в товар, що продається, не в аудиторії, а в дизайні магазину і контексті навколо кнопки.
Коли потрібна кнопка «Замовлення в один клік» або «Швидке замовлення»?

Чи варто робити таку кнопку? Кнопка корисна, робити варто. Але, як і в багатьох інших справах, тут теж є свої нюанси (анекдот про нюанс знайдіть самі).

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

Тому, якщо швидке замовлення хочеться реалізувати і не отримати з ним зайвих складнощів, потрібно не забути в дизайні сайту розставити акценти таким чином, щоб в пріоритеті була основна кнопка «В кошик», а «Замовити в 1 клік» була менш помітною.

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

Коли кнопка «В кошик» потрібна тільки на картці товару, а коли ще й в списку товарів?

Це ще один популярний питання про кнопку «купити» .Тут приблизно так само як у випадку з кнопкою «Швидке замовлення» - залежить від товарів, які продає магазин. Якщо перед покупкою, у товару потрібно вибирати кілька параметрів, які не виходить виводити в списку товарів (розмір, колір, вага і т. П.), То кнопку «В кошик» в список товарів не додають.

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

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

Кнопка «Оформлення замовлення» в кошику

Раз почали про головні кнопки інтернет-магазину, давайте торкнемося і кошик.

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

Так ось, бажано щоб в малій кошику, кнопка переходу в великий кошик не називалося так само як кнопка на картці товару. Це може викликати невелику, але непотрібну плутанину. Тобто якщо в картці товару у вас кнопка називається «В кошик» то в малій кошику кнопка не повинна називатися так само.

Непотрібно щоб кнопка в малій кошику і в картці товару були однаковими

Різні по функціоналу кнопки називаються однаково - це неправильно.

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

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

Зараз корзина зазвичай складається всього з однієї сторінки, на якій і список товарів в кошику, і поля для оформлення замовлення. Наприклад, в стандартній реалізації магазину в 1С-Бітрікс зроблено саме так.

Правило тут той же, що і в прикладі вище. Напис на кнопці повинна повідомляти про дії, яке буде здійснено за її натисканні. Якщо раптом у вас кожна кнопка називається «Далі», то під нею обов'язково повинна бути підказка, куди ця кнопка веде.

Якщо в магазині, утворять єдиний кошик, то кнопка в ній повинна називатися або «Відправити замовлення», (якщо у вас є проміжна сторінка Thank you page) або «Перейти до оплати», якщо немає Thank you page.