11 Елементи сторінки "Кошик" і "Перевірка", які підвищать переходи Вашого магазину

Зміст:

Anonim

Вітаємо! Ваша перспектива додала ваш продукт до кошика для покупок - можливо, завдяки цій зірковій сторінці продукту, яку ви запропонували. Але робота вашого сайту майже не закінчена. Дійсно, є багато миль, щоб подорожувати між "Додати в кошик" і "Купівля" CTAs; і найменші помилки, як і раніше, можуть відправити Вашого відвідувача прямо з Вашого сайту.

Простіше кажучи, відмова від кошика і відмова від перевірки не є абсолютно низькими по всьому борту. Baymard Institue задокументував середню швидкість відмови від покупки кошика онлайн майже на 70%. А з тих 30%, які переходять з кошика на сторінку замовлення? 25% з них випадають під час перевірки.

$config[code] not found

Ми дозволимо вам зробити математику на цьому.

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

1. Пропонуйте підсумок кошика з повними подробицями продукту

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

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

А коли вони вийшли з потоку? Ви ризикуєте, що вони не повернуться.

2. Покажіть загальну вартість у всі часи

Аварійний шок реальний - навіть якщо різниця між проміжною сукупністю та загальною вартістю елемента мінімальна. Справді, приховані витрати є найвищою причиною залишення кошика в більшості досліджень. Не переконайтеся, що ваші перспективи будуть обмануті. Кошик відображатиме загальну вартість (включаючи податки та витрати на доставку!) З кожним доданим новим елементом.

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

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

Насправді це питання гарантує, що ваш потенціал відповідає за весь процес оформлення замовлення. Не примушуйте їх відчувати себе замкненими в покупці; і не змушуйте його виглядати так, як ви даєте їм ультиматум придбання СЕЙЧАС або спостерігаєте за тим, як їхні списки побажань зникають у чорній дірі в Інтернеті.

Ніхто з вас нічого доброго не зробить.

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

4. Дайте пам'яті своєї кошика

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

$config[code] not found

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

5. Дайте вашим CTA ієрархію

Кошик для покупок має пропонувати лише дві кнопки CTA: один - "Продовжити покупки", а інший - "Checkout".

Як правило, основним викликом до дії є CTA "Checkout".Звичайно, ви перевірятимете, чи краще для вашого бізнесу керувати перспективами через воронку, як тільки вони ставлять предмет у кошик, чи достатньо перспектив повертається до перегляду й продовжує придбати, що “Продовжити покупки” CTA може бути найбільш помітним.

Справа в тому, що існує ієрархія. Ваш основний CTA повинен бути найбільш видатним елементом на сторінці кошика. Він повинен бути кольору, який контрастує з іншими елементами на сторінці, і навколо нього багато білого простору. Ваш вторинний CTA буде доступним, але не таким візуальним (і не такий самий колір, як ваш первинний CTA).

Поки ми на це робимо, CTA "Checkout" має бути розміщено як у верхній, так і в нижній частині сторінки кошика. Дайте перспективам найпростіший доступ до наступного кроку у будь-який час.

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

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

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

$config[code] not found

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

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

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

7. Запитайте нових клієнтів, якщо вони хочуть зареєструватися після першої покупки

Наскільки нас це стосується, пост-покупка - це "солодке місце" для реєстрації нових клієнтів. Запропонувати цю опцію на сторінці підтвердження. Якщо ви надаєте користувачам чудовий досвід перевірки, вони з більшою ймовірністю зареєструються (зрештою, вони захочуть повернутися!). І оскільки ви отримали більшу частину їхньої інформації на даний момент - тому що вони завершили покупку - все, що їм потрібно зробити, це вибрати пароль і натиснути кнопку CTA, щоб "Створити обліковий запис".

8. Зробіть поле "Код купона" непомітним

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

Отже, якщо ви хочете запропонувати купони, спробуйте одне з них:

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

9. Відображення контактної інформації та включення функції чату

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

Електронна пошта та контактна форма є великими; але живий чат і номер телефону гарантують, що перспективні користувачі зможуть зв'язатися з вами, поки вони ще знаходяться на сторінці. Посилання на вашу сторінку FAQ (переконайтеся, що вона відкривається в новій вкладці або в модальному вікні!) Також є мудрим UX.

10. Закріпіть замовлення, уникаючи зовнішніх посилань

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

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

$config[code] not found

11. Визначте пріоритетність простоти та швидкості на своїх формах

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

  • Зберігайте форму для оформлення замовлення на одній сторінці. Якщо тестування припускає, що ви не повинні, надайте користувачам індикатор прогресу. Справа в тому, що користувачі можуть бачити, скільки кроків залишається, і знати, що вони досягають прогресу.
  • Запитуйте тільки необхідну інформацію… нічого більше. (Це може означати усунення таких полів, як перевірка пароля.)
  • Використовуйте перевірку на екрані та чітко повідомляйте про помилки користувача.
  • Випадаючі списки пропозицій або поля для автоматичного заповнення (наприклад, пошук за адресою), а також прапорець, який дозволяє користувачам автоматично заповнювати поля адреси доставки з уже вказаною адресою виставлення рахунку.
  • Відображати інформаційні кнопки, які описують, що користувачі повинні розмістити в полі, пояснити, чому вашому бізнесу потрібна певна інформація, і запропонувати поради (наприклад, що робить надійний пароль).
  • Занесіть текст поля-заповнювача для міток над полями.
$config[code] not found

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

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

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

Фото через Shutterstock

1