Как отключить лишние поля на странице оформления заказа WooCommerce

Я продолжаю серию видео по самостоятельной настройке Интернет-магазина на WordPress+WooCommerce. В этом видео я расскажу вам как отключить лишние поля на странице оформления заказа и добавить свои поля. Для этого мы будем использовать бесплатные плагины WordPress.

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

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

В этом видео мы рассмотрим следующие плагины:

  • Flexible Checkout Fields for WooCommerce
  • Field Editor for WooCommerce
  • WooCommerce Checkout Manager
  • WooCommerce Multi-Step Checkout

Плагин Flexible Checkout Fields for WooCommerce

Flexible Checkout Fields for WooCommerce
Flexible Checkout Fields for WooCommerce

Возможности:

  • Простой интерфейс.
  • Отключение лишних полей.
  • Сортировка полей.
  • Редактирование существующих полей.
  • В бесплатной версии можно вставить только текстовое поле и текстовую область.
  • Размер поля настраивается с помощью класса CSS.
  • Для телефона и почты можно включить валидацию.
  • Удаление полей.
  • Восстановление полей по умолчанию.

Плагин Checkout Field Editor for WooCommerce

Checkout Field Editor for WooCommerce
Checkout Field Editor for WooCommerce

Возможности:

  • Расширенный интерфейс.
  • Отключение лишних полей.
  • Сортировка полей.
  • Редактирование существующих полей.
  • Можно добавить новые поля: текстовое поле, текстовую область, выпадающее поле, радиокнопку.
  • Размер поля настраивается с помощью класса CSS.
  • Для телефона и почты можно включить валидацию.
  • Удаление полей.
  • Восстановление полей по умолчанию.

Плагин WooCommerce Checkout Manager

WooCommerce Checkout Manager
Настройки плагина WooCommerce Checkout Manager
WooCommerce Checkout Manager
Настройка полей с помощью WooCommerce Checkout Manager

Возможности:

  • Расширенный интерфейс.
  • Отключение лишних полей.
  • Сортировка полей.
  • Редактирование существующих полей.
  • Можно добавить произвольный заголовок перед полями.
  • Можно добавить новые поля: текстовое поле, текстовую область, выпадающее поле, радиокнопку, чекбокс, добавление файла, мультиселект, мультичекбокс.
  • Размер поля настраивается с помощью опции.
  • Для страницы оформления можно задать текст перед формой и после формы.
  • Для телефона и почты можно включить валидацию.
  • Дополнительные классы CSS для полей.
  • Условная логика отображения полей.
  • Значение по умолчанию для полей.
  • Фильтр отображения поля по ролям пользователей, по категории товаров и по товарам.
  • Удаление полей.
  • Восстановление полей по умолчанию.

Плагин WooCommerce Multi-Step Checkout

WooCommerce Multi-Step Checkout
Плагин WooCommerce Multi-Step Checkout

Как не спугнуть покупателя необходимостью заполнения множества полей? Используйте для этого разбиение процесса оформления покупки на этапы. Сделайте процесс оформления более увлекательным.

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

Отключаем лишние поля с помощью кода

Чтобы отключить лишние поля на странице оформления в блоке Платежная информация вставьте код в файле functions.php основной или дочерней темы.

Отключить поле Email

add_filter( 'woocommerce_checkout_fields' , 'customize_checkout_fields' );
function customize_checkout_fields( $fields ) {
unset($fields['billing']['billing_email']);
    return $fields; }

Отключить поле Компания

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
 unset($fields['billing']['billing_company']);
    return $fields;}

Отключить поля Email и Компания

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
 unset($fields['billing']['billing_company']);
 unset($fields['billing']['billing_email']);
    return $fields;}

Вот полный список полей массива, передаваемого в фильтр woocommerce_checkout_fields

Платежная информация:

billing_first_name

billing_last_name

billing_company

billing_address_1

billing_address_2

billing_city

billing_postcode

billing_country

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

billing_state

billing_email

billing_phone

Информация о доставке

shipping_first_name

shipping_last_name

shipping_company

shipping_address_1

shipping_address_2

shipping_city

shipping_postcode

shipping_country

shipping_state

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

[‘billing'] — платежная информация

[‘shipping'] — доставка

Например:

unset($fields['billing']['billing_company']);

В этом примере мы отключаем поле Компания в форме Платежная информация.

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


Если твой бизнес связан с: онлайн-курсами, вебинарами, онлайн-тренингами и коучингом, то FONDY — лучший сервис приема платежей на твоем сайте.
 

Понравилась статья? Поделиться с друзьями:
ОБ АВТОРЕ
Николай Пекарский
Автор сайта. Фрилансер. Занимаюсь созданием сайтов на WordPress, локализацией шаблонов и плагинов WordPress.
Добавить комментарий

Используйте теги <code>Здесь ваш код</code>, чтобы вставить код в свой комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Задать вопрос