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

Обновление плагина

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