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 (в файлі).

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

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