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 (в файлі).
Оновлення плагіну
Оновлення плагіну відбвається шляхом встановлення нової версії, яка замінить файли попередньої версії. Важливо: після встановлення нової версії, можливо, вам треба буде переглянути активні модулі та доналаштувати плагін під свої потреби.