Добавление настраиваемых полей в общие настройки WooCommerce Checkout: подробное руководство

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

Метод 1: использование плагина (расширенные настраиваемые поля)
Один из самых простых способов добавить настраиваемые поля в оформление заказа WooCommerce — использовать такой плагин, как расширенные настраиваемые поля (ACF). ACF предоставляет удобный интерфейс для создания настраиваемых полей и управления ими. Вот пример того, как добавить настраиваемое поле «Название компании» в раздел оплаты на странице оформления заказа:

Шаг 1. Установите и активируйте плагин расширенных настраиваемых полей.
Шаг 2. Перейдите в раздел «Настраиваемые поля» >«Добавить новое» в панели администратора WordPress.
Шаг 3. Создайте новую группу полей и установите правило расположения. в «WooCommerce Checkout».
Шаг 4. Добавьте новое поле типа «Текст» и установите метку поля «Название компании».
Шаг 5. Сохраните группу полей.

Метод 2: использование Functions.php
Если вы предпочитаете добавлять пользовательские поля программным способом, вы можете использовать файл Functions.php вашей темы. Этот метод дает вам больше контроля над процессом настройки. Вот пример того, как добавить настраиваемое поле «Номер телефона» в раздел выставления счетов на странице оформления заказа с помощью function.php:

Шаг 1. Откройте файл function.php вашей темы с помощью редактора кода.
Шаг 2. Добавьте следующий фрагмент кода, чтобы зарегистрировать настраиваемое поле:

function add_custom_checkout_field($checkout) {
    woocommerce_form_field('phone_number', array(
        'type' => 'tel',
        'class' => array('form-row-wide'),
        'label' => __('Phone Number'),
        'placeholder' => __('Enter your phone number'),
        'required' => true,
    ), $checkout->get_value('phone_number'));
}
add_action('woocommerce_checkout_billing', 'add_custom_checkout_field');
function save_custom_checkout_field($order_id) {
    if (!empty($_POST['phone_number'])) {
        update_post_meta($order_id, 'Phone Number', sanitize_text_field($_POST['phone_number']));
    }
}
add_action('woocommerce_checkout_update_order_meta', 'save_custom_checkout_field');

Метод 3: использование пользовательского плагина
Создание собственного плагина позволяет отделить код от вашей темы и гарантирует, что ваши настройки не будут потеряны во время обновлений темы. Вот пример того, как добавить настраиваемое поле «Примечания к заказу» в общие настройки страницы оформления заказа с помощью специального плагина:

Шаг 1. Создайте новую папку в каталоге wp-content/plugins и назовите ее «custom-checkout-fields».
Шаг 2. Внутри папки «custom-checkout-fields» создайте новый файл. с именем «custom-checkout-fields.php» и добавьте следующий код:

<?php
/*
Plugin Name: Custom Checkout Fields
Description: Adds custom fields to WooCommerce checkout.
Version: 1.0
Author: Your Name
*/
function add_custom_checkout_field() {
    woocommerce_form_field('order_notes', array(
        'type' => 'textarea',
        'class' => array('form-row-wide'),
        'label' => __('Order Notes'),
        'placeholder' => __('Enter any additional notes for your order'),
    ));
}
add_action('woocommerce_after_order_notes', 'add_custom_checkout_field');

Шаг 3. Сохраните файл и активируйте плагин «Пользовательские поля оформления заказа» из панели администратора WordPress.

Добавление настраиваемых полей в общие настройки оформления заказа WooCommerce может улучшить качество обслуживания клиентов и предоставить ценную информацию для обработки заказов. В этой статье мы рассмотрели три метода: использование плагина, такого как Advanced Custom Fields, изменение файла function.php вашей темы и создание собственного плагина. Выберите метод, который соответствует вашим потребностям, и настройте свою страницу оформления заказа, чтобы легко собирать нужную информацию от ваших клиентов.

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

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

Источники: