Кошик — одне з найважливіших місць інтернет-магазину, де часто відбувається «момент істини»: клієнти або переходять до оплати, або покидають магазин. Сьогодні ми розповімо, як підвищити юзабіліті кошика за допомогою одного чудового модуля. Він входить в добірку модулів у Drupal 8 для кошика і має назву Commerce Cart Flyout.
У чому важливість юзабіліті кошика
За інформацією Statista, відсоток «покинутих кошиків» (cart abandonmnent) складає 69.57%. Це означає, що лише менш як третина потенційних покупців завершує покупку, тоді як дві третини покидають магазин у цей момент.
Причини покидання кошика можуть бути різними. Вони можуть бути пов’язані із наступними чинниками:
- Неприйнятні умови. Користувачі можуть вирішити, що вартість доставки надто висока або термін доставки надто довгий.
- Недостатня готовність до покупки. Потенційні покупці можуть захотіти подумати над покупкою ще трохи.
- «Баги» в кошику. Технічні проблеми на кшталт «не працюють купони на знижку» можуть дуже дратувати користувачів.
Але «момент істини» в покупці також буде великою мірою залежати від юзабіліті кошика. Чи є ваш кошик легким у використанні, інтуїтивно зрозумілим і приємним у роботі? Щоб відповісти «так», потрібно врахувати різні аспекти юзабіліті кошика, і ось деякі з них:
- кошик повинен бути легко доступним зі сторінок інтернет-магазину
- вміст кошика має бути доступним до легкого редагування
- швидкість роботи має бути на висоті
Все це і багато іншого — легка задачка для модуля Commerce Cart Flyout у Drupal 8, який підходить сайтам на Drupal Commerce 2. Давайте дізнаємось більше про те, на що здатен модуль у сфері юзабіліті кошика.
Drupal-модуль Commerce Cart Flyout
Контрібний модуль Commerce Cart Flyout для Drupal 8 замінює вбудований кошик таким, що «вилітає» в правому сайдбарі. Кошик з’являється щоразу, як користувач додає товар або клікає на іконку кошика.
Далі можна переглядати та редагувати вміст кошика. Можна змінювати кількість товару і одразу бачити оновлену вартість. Сайдбар можна просто закрити або ж клікнути будь-де на сторінці — і він ховається.
Всі взаємодії відбувається «на стороні клієнта» і не перевантажують рендеринг-систему Друпала. За них відповідає JavaScript, і цим досягаються чудові результати в юзабіліті. Читайте далі, про що саме йдеться.
Переваги Drupal-модуля Cart Flyout для юзабіліті кошика
- Дуже висока швидкість. Користувачі очікують якнайшвидше отримати бажано, тож дайте їм по-справжньому швидкий кошик. Це досягається завдяки тому, що JavaScript є супер швидким, а Drupal не перевантажується.
- Миттєві зміни. Будь-які зміни вмісту кошика спрацьовують динамічно, без перезавантаження сторінки, що є величезною перевагою для юзабіліті. Як і у випадку з швидкістю, JavaScript перемагає.
- Швидка доступність. На сайдбар дуже легко переходити і він виглядає привабливо.
Переглянути роботу модуля можна на демо-сайті від розробників. Тим часом, давайте просто зараз трохи глибше зазирнути в суть роботи модуля.
Архітектура “progressive decoupling”
Модуль втілює принцип “progressively decoupled”. Він відрізняється від “full decoupling”, в якому бекенд повністю відокремлений від презентаційного шару.
В “progressive decoupling” Drupal і далі відповідає за фронтенд, але JavaScript бере на себе окремі моменти в рендерингу сторінки.
Модуль Commerce Cart Flyout базується на вбудованих JavaScript-бібліотеках Drupal — Backbone і Underscore. Він працює разом з модулем Commerce Cart API, а також з модулями ядра RESTful Web Services і Serialization.
Покращіть юзабіліті кошика вашого інтернет-магазину!
Якщо ви зацікавились можливістю підвищити юзабіліті кошика за допомогою модуля Commerce Cart Flyout для Drupal 8, зверніться до нашої команди з веб-розробки за реалізацією. А якщо інтернет-магазин на Drupal Commerce поки що тільки в ваших планах, то ми готові створити вам його з нуля.
В будь-якому випадку, ви виграєте від однієї безсумнівої істини. Інтернет-комерція створена бути прибутковою, а правильна веб-розробка ефективно в цьому допомагає!