Главная  »  WooCommerce  »  Как изменить страницу Оформления заказа WooCommerce

Как изменить страницу Оформления заказа WooCommerce

Как изменить страницу Оформления заказа WooCommerceСтраница Оформления заказа — одна из самых важных страниц в процессе покупки товара.

На этой странице клиенты вводят личные данные и делают оплату.

Учитывая конкуренцию в любой нише и количество брошенных корзин, нужно настроить эту страницу так, чтобы уменьшить отказы и увеличить продажи насколько это возможно.

Хотя стандартная страница Оформления заказа в WooCommerce уже достаточно проработанная, вы можете сделать некоторые изменения, чтобы увеличить конверсию.

В этой статье вы узнаете, как изменить страницу Оформления заказа, чтобы улучшить поведение посетителей и увеличить продажи.

Зачем изменять страницу Оформления заказа

Исследование, проведенное в 2020 году, показывает, что почти 70% покупателей бросают корзину во время оформления заказа. Одна из главных причин заключается в том, что оформление заказа слишком длинное или сложное.

Как оптимизировать страницу Оформления заказа WooCommerce

Так как привлечь посетителей на сайт довольно сложно, вам нужно приложить максимум усилий, чтобы как можно меньше посетителей бросали корзину и покидали сайт на странице Чекаут.

Устраните отвлекающие и раздражающие факторы, которые замедляют процесс оплаты, добавьте факторы доверия и предоставьте несколько возможностей оплаты.

Содержание:

  1. Сократите процесс оформления заказа
  2. Отредактируйте поля
  3. Автозавершение заказов
  4. Факторы доверия
  5. Цены в местной валюте
  6. Поп-ап при намерении выйти
  7. Напоминание о брошенной корзине
  8. Разные варианты оплаты
  9. Добавьте создание аккаунта
  10. Условные поля

Сократите процесс оформления заказа

Чтобы уменьшить количество отказов и брошенных корзин, сделайте процесс оформления заказа как можно более коротким, или даже частично автоматизируйте.

Например, вы можете сократить время работы с магазином и оформлением заказа, используя прямые ссылки для оформления заказа.

Вы можете добавить кнопку быстрой покупки (Quick Buy) в магазин или товары, чтобы покупатели могли пропустить добавление товаров в корзину и сразу перейти к оформлению заказа.

Или вы можете добавить Корзину на страницу Оформления заказа, чтобы посетители не терялись между шагами.

Отредактируйте поля

Первая вещь, которую вы можете сделать — убрать ненужные поля. Например, если у вас цифровые товары, то вам не нужны поля с адресом доставки. Если у вас мембершип-сайт, то вам нужны только поля с личной информацией посетителей, и так далее.

Кроме этого, вы можете изменить порядок полей, чтобы упростить их заполнение, или добавить собственные поля. Например, чтобы что-то спросить у посетителей, или добавить раздел ЧаВо / FAQ.

Обычно посетителям не нравятся длинные формы, поэтому вот несколько советов, как оптимизировать страницу Оформления заказа:

  • Если вы продаете цифровые товары, уберите все поля доставки: индекс, город, улица, и так далее.
  • Отображайте только необходимые поля. Вы можете удалить необязательные поля, например, название компании.
  • Отключите проверку почтового индекса, чтобы уменьшить количество действий при оформлении заказа.
  • Если вы продаете физические товары, вы можете сделать платежные поля по умолчанию полями доставки, чтобы скрыть ненужные поля.
  • По возможности используйте автозаполнение, чтобы сократить время посетителей на заполнение форм.
  • Используйте только одно поле для имени. Вместо отображения 2 полей (имя и фамилия) вы можете использовать одно поле для полного имени.

В зависимости от вашей задачи, что-то можно сделать вручную, что-то с помощью бесплатного плагина, а что-то — платного.

Обычно я использую этот бесплатный плагин, с его помощью вы можете убрать лишние поля на странице Чекаут, переименовать их или изменить их порядок.

Лучший платный плагин, который мне удалось найти, — WooCommerce Checkout Manager.

Плагин WooCommerce Checkout Manager

Этот плагин может убирать, добавлять, переименовывать и изменить последовательность полей, добавляет возможность загружать файлы, добавляет информацию из кастомных полей в е-мейлы WooCommerce и работает с условными полями и условной логикой.

Автозавершение заказов

Если вы продаете цифровые товары, то вам нужно настроить оплату заказов так, чтобы пользователи получали доступ к своему продукту сразу после оплаты.

В зависимости от вашего плагина приема оплаты или агрегатора платежей, подтверждение об оплате может прийти через несколько часов или дней, или вообще не прийти.

Если ваш плагин или агрегатор платежей не сразу передает или вообще не передает подтверждение об оплате, вы можете настроить автоматическое изменение статуса заказа, чтобы вам не пришлось обновлять статус заказа вручную при каждом новом заказе.

Это можно сделать вручную или с помощью плагина.

Факторы доверия

Люди делают все больше покупок онлайн, поэтому безопасность сайта становится очень важной темой. Согласно данным исследования, 17% покупателей бросают корзину во время оформления заказа, потому что они не доверяют сайту.

Чтобы зашифровать личные данные пользователей и данные банковских карт во время оформления заказа, вам нужно установить SSL сертификат.

Защита сайта является одним из факторов ранжирования сайтов в поисковой выдаче, поэтому вам нужно настроить и другие способы защиты.

Еще одна вещь, которая вызывает доверие посетителей — значки сервисов платежных шлюзов, чтобы ваши посетители знали, что ваш сайт поддерживает все эти способы оплаты. Обычно это логотипы VISA, MasterCard, МИР, PayPal, Stripe и так далее.

Эти значки облегчают оплату и создают доверие у покупателей, чтобы они не беспокоились о том, что их и личная информация или платежные реквизиты будут использованы неправильно.

Чтобы добавить картинки способов оплат перед кнопкой Подтвердить заказ, используйте этот снипет:

add_action('woocommerce_review_order_before_submit','tb_checkout_content');
function tb_checkout_content(){
echo '<img src="http://your-site.ru/path/to/your/image.png" />';
}

Замените путь к картинке на ваш в строке 3.

Значки доверия на странице Оформления заказа WooCommerce
Способы оплаты / Значки доверия

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

Цены в местной валюте

Если ваши посетители покупают ваши товары или услуги из разных стран, добавьте для них возможность видеть цены в своих валютах.

В этом случае вашим посетителям не придется открывать новую вкладку браузера и переводить одну валюту в другую, и они будут точно знать, сколько именно им нужно заплатить.

Это особенно удобно, когда посетители завершают оформление заказа, и им не приходится отвлекаться на второстепенные вещи.

Вы можете добавить переключение валют с помощью плагинов:

Если вы хотите использовать платный плагин, попробуйте плагин Currency Converter Widget с официального сайта WooCommerce:

Плагин конвертации валют WooCommerce Currency Converter Widget
Currency Converter Widget

Поп-ап при намерении выйти

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

Хотя многие считают, что такие поп-апы раздражают, исследования показывают, что они довольно эффективны и могут увеличить конверсию на 10%.

Существует множество платных и бесплатных плагинов для добавления всплывающих окон, которые открываются при намерении выйти с сайта. Вы можете попробовать Optin Monster, Popup Maker, или другой инструмент, например, Elementor или плагин вашей CRM.

Напоминание о брошенной корзине

Так как большинство посетителей бросают свои корзины при посещении сайта, вы можете отправлять им сообщения на е-мейл с напоминанием о завершении покупки.

Эти сообщения очень эффективны, поэтому многие магазины их используют. Сами эти электронные письма могут сильно отличаться в зависимости от магазина и направления деятельности.

Это может быть одно письмо с товарами, которые посетитель оставил в корзине, или серия электронных писем, в которых предоставляется скидка. Суть этих сообщений в том, чтобы напомнить покупателю о товарах, которые он оставил в корзине, и убедить его их купить.

Вот несколько популярных плагинов, с помощью которых вы можете это реализовать:

С помощью этих плагинов вы можете создать купон со скидкой на следующую покупку:

Разные варианты оплаты

Предоставление покупателям разных способов оплаты — это еще один способ сократить количество отказов от покупок и оптимизировать оформление заказа.

Чтобы у ваших клиентов были быстрые и безопасные способы оплаты покупок, добавьте все популярные способы приема оплат, включая банковские карты, электронные кошельки, например, ЮМани и PayPal и сервисы типа Apple Pay, Google Pay и Samsung Pay.

WooCommerce поддерживает все эти платежные шлюзы, и интегрировать их с сайтом довольно просто. Поэтому чтобы вашим посетителям было удобно оплачивать покупки, добавьте как можно больше вариантов оплат.

Добавьте создание аккаунта

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

В следующий раз, когда посетитель будет покупать какой-то товар, ему не придется вводить свои данные еще раз, вся эта информация будет заполняться по умолчанию.

Имея е-мейлы пользователей, вы можете предлагать им другие товары, делать эксклюзивные предложения, например, специальные купоны на скидку, которые они могут получать в своих аккаунтах или по электронной почте.

Условные поля

Условные поля — еще один хороший способ оптимизации страницы Чекаут. Условные поля позволяют отображать или скрывать поле в зависимости от значения другого поля.

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

Или вы можете предложить им выбрать тип упаковки или подарок к покупке.

Самый простой способ добавить условные поля — с помощью платного плагина WooCommerce Checkout Manager.

Плагин WooCommerce Checkout Manager

Страница оформление заказа — одна из самых важных страниц в любом интернет-магазине. Её дизайн оказывает большое влияние на показатели конверсии и количество брошенных корзин, поэтому постоянно работайте над её улучшением.

Читайте также:

  1. Как отключить уведомления WooCommerce
  2. Как отключить кнопку В корзину в WooCommerce
  3. Как вывести цену товара WooCommerce в любом месте сайта
  4. Как редактировать поля на странице Оформления заказа WooCommerce

Оставляйте комментарии.

Ответить

Techbear