WooCommerce: как создать автозаполняемые поля в форме оформления заказа

Диагностика проблемы: зачем нужны автозаполняемые поля в WooCommerce

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

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

Пошаговое решение: добавление автозаполняемых пользовательских полей в форму заказа

1. Определяем, какие поля хотим автозаполнять

Например, допустим, нам нужно автоматически заполнить поле "Телефон" на странице оформления заказа из мета-поля пользователя billing_phone, а также добавить кастомное поле "ID клиента", которое хранится в пользовательском мета customer_id.

2. Добавляем кастомное поле в форму оформления заказа

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

add_filter('woocommerce_checkout_fields', function($fields) {
    // Добавляем поле "ID клиента"
    $fields['billing']['billing_customer_id'] = array(
        'type' => 'text',
        'label' => 'ID клиента',
        'required' => false,
        'class' => array('form-row-wide'),
        'clear' => true,
        'default' => '',
    );
    return $fields;
});

3. Заполняем поля значениями из данных текущего пользователя

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

add_filter('woocommerce_checkout_get_value', function($value, $input) {
    if (is_user_logged_in()) {
        $user_id = get_current_user_id();
        switch ($input) {
            case 'billing_phone':
                $phone = get_user_meta($user_id, 'billing_phone', true);
                return $phone ? $phone : $value;
            case 'billing_customer_id':
                $customer_id = get_user_meta($user_id, 'customer_id', true);
                return $customer_id ? $customer_id : $value;
        }
    }
    return $value;
}, 10, 2);

4. Сохраняем данные кастомного поля в заказе

Чтобы данные кастомного поля сохранялись в заказе, добавим обработчик на woocommerce_checkout_update_order_meta:

add_action('woocommerce_checkout_update_order_meta', function($order_id) {
    if (!empty($_POST['billing_customer_id'])) {
        update_post_meta($order_id, '_billing_customer_id', sanitize_text_field($_POST['billing_customer_id']));
    }
});

5. Отображаем кастомное поле в админке заказа

Для удобства добавим отображение поля в мета-боксе заказа в админке:

add_action('woocommerce_admin_order_data_after_billing_address', function($order) {
    $customer_id = get_post_meta($order->get_id(), '_billing_customer_id', true);
    if ($customer_id) {
        echo '<p><strong>ID клиента:</strong> ' . esc_html($customer_id) . '</p>';
    }
});

Проверка результата после внедрения

• Зайдите под пользователем с заполненным мета-полем billing_phone и customer_id (например, через WP-CLI или вручную в базе).
• Перейдите на страницу оформления заказа — поля "Телефон" и "ID клиента" должны быть заполнены автоматически.
• Оформите заказ и убедитесь, что значение "ID клиента" отображается в админке заказа.

Частые ошибки и как исправить

• Поля не заполняются: Проверьте, что пользователь залогинен и мета-поля действительно заполнены. Можно проверить через error_log или var_dump внутри фильтра woocommerce_checkout_get_value.
• Кастомное поле не сохраняется: Убедитесь, что имя name поля в форме соответствует ключу в $_POST и что вы используете правильный хук woocommerce_checkout_update_order_meta.
• Поле не отображается в админке: Проверьте, что используется правильный ID заказа и ключ мета _billing_customer_id. Хук woocommerce_admin_order_data_after_billing_address должен быть добавлен корректно.

Практические советы по безопасности и производительности

• Всегда используйте sanitize_text_field или соответствующую функцию очистки для данных из $_POST.
• Для мета-полей пользователя используйте префиксы, чтобы избежать конфликтов с другими плагинами.
• Кэшируйте пользовательские мета при необходимости, чтобы снизить количество запросов к базе.
• Если поле содержит чувствительные данные, подумайте об их шифровании и ограничении доступа в админке.

Сравнение вариантов реализации автозаполнения полей в WooCommerce