Как отключить проверку почтового индекса WooCommerce

Опубликовано: 2020-09-12

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

Зачем удалять проверку почтового индекса WooCommerce?

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

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

Как программно отключить проверку почтового индекса WooCommerce

Поскольку мы изменим файл functions.php вашей темы, прежде чем мы начнем, мы рекомендуем вам создать дочернюю тему. Вы можете проверить наше руководство, чтобы создать его или использовать любой из этих плагинов. Итак, чтобы удалить проверку почтового индекса в WooCommerce, сначала перейдите на страницу продукта и добавьте продукт в корзину, нажав кнопку «Добавить в корзину». Теперь давайте посмотрим, как вы можете сделать следующее:

Удалите почтовый индекс со страницы оформления заказа WooCommerce.
Сделайте поле Zip/Postcode необязательным
Удалить платежные поля из кассы
Редактировать метки полей страницы оформления заказа

1) Удалите почтовый индекс/почтовый индекс со страницы оформления заказа WooCommerce.

Одним из вариантов отключения проверки почтового индекса является полное удаление поля почтового индекса со страницы оформления заказа WooCommerce. Самый простой способ сделать это — использовать некоторые крючки WooCommerce. Итак, чтобы удалить поле zip со страницы оформления заказа, просто скопируйте и вставьте следующий скрипт в конец файла functions.php вашей дочерней темы:

 // Отключить поле почтового индекса/почтового индекса
add_filter('woocommerce_checkout_fields', 'QuadLayers_remove_billing_postcode_checkout');
функция QuadLayers_remove_billing_postcode_checkout($fields) {
unset($fields['billing']['billing_postcode']);
вернуть $поля;
}

woocommerce_checkout_fields — это один из основных хуков WooCommerce, который вы можете использовать для настройки страницы оформления заказа. С помощью встроенной в PHP функции unset() вы очищаете поле и отправляете его обратно в WooCommerce с помощью return ; в следующей строке. удалить поле проверки почтового индекса / почтового индекса woocommerce

2) Сделайте поле Zip/Postcode необязательным

Еще одна альтернатива отключению проверки почтового индекса на странице оформления заказа WooCommerce — сделать это поле необязательным. Для этого вставьте следующий скрипт в конец файла functions.php :

 // Сделать поле почтового индекса/почтового индекса необязательным
add_filter('woocommerce_default_address_fields', 'QuadLayers_Optional_postcode_checkout');
функция QuadLayers_Optional_postcode_checkout($p_fields) {
$p_fields['почтовый индекс']['обязательно'] = ложь;
вернуть $p_fields;
}

Здесь мы используем другой хук ( 'woocommerce_default_address_fields') . В этом случае вы можете использовать этот хук, чтобы изменить поле выставления счетов на странице оформления заказа. Установка для поля почтового индекса значения false сделает его необязательным и удалит проверку.

3) Удалите поля для выставления счетов из кассы.

Поле Zip отображается в форме выставления счетов, поэтому еще один способ отключить проверку — настроить раздел выставления счетов и удалить некоторые поля со страницы оформления заказа . Таким же образом вы отключили поле почтовый индекс в пункте 1, то же самое можете сделать и с любыми другими полями. Вы можете идентифицировать поле почтового индекса в коде с помощью следующих индексов: $fields['billing']['billing_postcode']) .

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

 unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);

Каждый индекс, идентифицирующий поле, имеет понятное имя. Кроме того, индекс «выставления счетов» сообщает вам, что поле находится в форме выставления счетов. Так, например, если вы хотите удалить поля company и address_2 , вам нужен этот код:

 // Удаляем поля биллинга company и address_2 
add_filter('woocommerce_checkout_fields', 'QuadLayers_remove_billing_fields'); 
функция QuadLayers_remove_billing_fields($fields) { 
unset($fields['billing']['billing_company']); 
unset($fields['billing']['billing_address_2']); 
вернуть $поля; 
}

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

4) Изменить метки полей страницы оформления заказа WooCommerce.

Теперь предположим, что вы решили сделать поле Zip/Postcode необязательным, но хотите изменить метку этого поля (Zip/Postcode), чтобы сделать его более понятным для ваших пользователей. С помощью следующего скрипта вы можете изменить метку «Почтовый индекс/почтовый индекс» на что угодно. Например, мы изменили его для кода города :

 /* WooCommerce: изменить строки оплаты */
add_filter('gettext', 'QuadLayers_billing_field_strings', 20, 3);

функция QuadLayers_billing_field_strings($translated_text, $text, $domain) {
переключатель ( $translated_text ) {
    case 'Почтовый индекс / ZIP':
        $translated_text = __('Код города','woocommerce');
        ломать;
    }
вернуть $переведенный_текст;
}

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

Взгляните на скрипт выше и посмотрите, где эти строки находятся в коде. Если вы хотите перевести больше строк, просто добавьте свои переводы в оператор switch следующим образом:

 функция QuadLayers_billing_field_strings($translated_text, $text, $domain) {
переключатель ( $translated_text ) {
    case 'Платежные реквизиты' :
        $translated_text = __('Информация о заказе', 'woocommerce');
        ломать;
    case 'Отправить по другому адресу?':
        $translated_text = __('Отправьте в другое место, пожалуйста','woocommerce');
        ломать;
    case 'Название компании':
        $translated_text = __('Компания','woocommerce');
        ломать;
    case 'Почтовый индекс / ZIP':
        $translated_text = __('Код города','woocommerce');
        ломать;
    }
вернуть $переведенный_текст;
}

На этом этапе вы должны быть в состоянии удалить и сделать необязательными некоторые поля проверки, и вы также узнали, как перевести строку с помощью хука gettext . На следующем изображении мы удалили несколько полей, изменили имя поля «Почтовый индекс» на «Код города» и сделали его необязательным. Кроме того, мы отредактировали заголовок для формы выставления счетов и отправки на другой адрес. отключить проверку почтового индекса WooCommerce - Final

Удалите проверку почтового индекса WooCommerce с помощью плагинов

Если у вас нет навыков кодирования или вам неудобно редактировать файл functions.php , у нас есть решение для вас. Вы можете удалить проверку почтового индекса WooCommerce с помощью плагинов . Существует несколько инструментов, но мы покажем вам, как отключить поля почтового индекса с помощью двух бесплатных плагинов:

Менеджер касс для WooCommerce
Прямая оплата WooCommerce

1) Менеджер касс для WooCommerce

Checkout Manager — отличный плагин для настройки процесса оформления заказа и один из лучших редакторов полей. Он позволяет добавлять, редактировать и удалять поля на странице оформления заказа. Таким образом, вы можете настроить поля, которые хотите отображать в разделах «Оплата», «Доставка» и «Дополнительные поля».

Чтобы отключить проверку почтового индекса WooCommerce, сначала необходимо установить и активировать плагин. Вы можете бесплатно загрузить Checkout Manager из репозитория WordPress или купить один из премиальных планов, стоимость которого начинается от 19 долларов США (единовременный платеж).

После того, как вы активировали Checkout Manager, пришло время удалить ненужные поля. Итак, в панели администратора WordPress перейдите в WooCommerce > Checkout > Billing . Там у вас будет возможность отключить почтовый индекс и другие поля, которые вы не хотите отображать в разделе выставления счетов. Затем вы можете перейти в раздел доставки и повторить процесс. Таким образом, вы можете не только удалить поле zip, но и настроить всю страницу оформления заказа. Checkout Manager имеет много других функций, которые вы можете использовать для улучшения оформления заказа, таких как создание условных полей или предоставление пользователям возможности загружать файлы при оформлении заказа.

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

2) Прямая оплата WooCommerce

Другой плагин, который вы можете использовать для удаления поля почтового индекса, — это Direct Checkout. Это один из лучших плагинов оформления заказа для WooCommerce, который позволяет удалять ненужные поля, чтобы упростить страницу оформления заказа. И самое приятное, что у него есть бесплатная версия.

Прежде чем мы начнем, вы можете загрузить бесплатную версию или приобрести один из премиальных планов, стоимость которого начинается с 20 долларов США (единовременный платеж).

После этого в панели администратора WordPress перейдите в WooCommerce > Direct Checkout > Checkout . Там перейдите в раздел « Удалить поля оформления заказа » и выберите почтовый индекс и все поля, которые вы не хотите отображать при оформлении заказа. Кроме того, у вас будут другие параметры для настройки страницы оформления заказа. Удалить поле почтового индекса с помощью WooCommerce Direct Checkout

Direct Checkout очень прост в использовании, поэтому у вас не возникнет никаких проблем с ним.

Вывод

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

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

Для тех, у кого нет навыков кодирования, мы также увидели, как удалить почтовый индекс и другие поля со страницы оформления заказа с помощью двух плагинов: Checkout Manager и Direct Checkout. Эти инструменты имеют бесплатные версии и очень просты в использовании, поэтому они являются отличной альтернативой для тех, кто не хочет редактировать файл functions.php .

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

Вы удалили проверку почтового индекса? Были ли у вас какие-либо проблемы после этого руководства? Дайте нам знать в разделе комментариев ниже!