IP Customize Woo 1.0 - підвищуємо конверсію сторінки оформлення

IP Customize Woo – плагін для WooCommerce, який покращує дизайн та підвищує конверсію вашого інтернет-магазину завдяки оптимізованим сторінкам Кошик та Оформлення.

Автор: Микола Пекарський
Версія: 1.0

Незручне оформлення?

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

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

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

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

Завдання:

Зробити форму оформлення зручною
Вимкнути зайві поля
Полегшити оформлення замовлення за допомогою чітких кроків
Мінімізація дій та пришвидшене оформлення
Мінімізація помилок під час введення номеру телефону

Вирішення проблеми

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

Плагін “IP Customize Woo” встановлюється з ZIP-архіву та активується як звичайний плагін. Всі його функції додані у вигляді окремих модулів, щоб було зручно ними керувати в залежності від вимог технічного завдання. Налаштування плагіну відбувається шляхом внесення змін в певні рядки, які відповідають за підключеня модулів.

Плагін налаштовується індивідуально під кожен інтернет-магазин. Можливе використання на багатомовних сайтах. За вашим запитом я можу додати додатковий функціонал/зміни. Дивіться список змін.

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

В цьому прикладі, я виводжу в мета-описі Колір та Розмір:

Купити Спортики NYC ✓ Колір: Білий, Сірий, Чорний. Розмір: S, M, L. Низькі ціни ➔ Доставка Нова пошта, Укрпошта. Жіночий одяг ✓ Джинси ✓ Худі в Україні. Знижки та акції

Список змін

Версія 1.0 (08-05-2023)

Кошик: вимкнув відображення способів доставки.
Оформлення: вимкнув зайві поля та змінив положення основних блоків.
Оформлення: пронумерував основні блоки, щоб покупець чітко розумів послідовність своїх дій.
Оформлення: додав маску для введення номеру телефону. Формат маски можна змінити.
Оформлення: сховав чекбокс прийняття правил, вивів звичайний текст з посиланням на сторінку з Правилами (сторінка з правилами вказується в кастомізаторі).
Оформлення: анімація на кнопці Підтвердити замовлення.
Оформлення: текст з телефоном для отримання допомоги.
Оформлення: додав чекбокс “Телефонувати не потрібно”. Інформація відображається на сторінці “Дякуємо за замовлення”, в листі адміну і при перегляді замовлення в адмінці.
Мій профіль: приховав розділ Завантаження.
Консоль: увімкнув класичні віджети.
Адаптивність на мобільних пристроях.
Yoast SEO: можливість додавання в мета-описи товарів доступних характеристик (колір, розмір, матеріал і т.д.).
Підтримка локалізації (файли .po, .mo).
Налаштування функціоналу відбувається шляхом коментування спеціальних рядків коду (в файлі).
Налаштування стилів заголовків, кнопок та посилань відбувається за допомогою змінних CSS (в файлі).

Оновлення плагіну

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

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