Сохранить пользовательские поля оформления заказа с использованием woocommerce_checkout_update_order_meta

Опубликовано: 2025-07-01

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

Давайте шаг за шагом ходим, как хранить мета -заказ мета в Woocommerce.

Что такое настройка оформления заказа в Woocommerce и как обрабатываются данные заказа?

Процесс проверки WooCommerce включает в себя несколько ключевых шагов. Когда клиент заполняет форму и попадает в «Порядок размещения», WooCommerce проверяет данные, хранит информацию о выставлении счета/доставки и запускает крючки, которые разработчики могут использовать для хранения дополнительных данных.

По умолчанию сохраняются только стандартные поля, такие как имя, электронная почта и адрес.

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

Затем, благодаря действию woocommerce_checkout_update_order_meta , вы можете сохранить их значения в качестве Meta Заказа .

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

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

Как добавить и сохранить пользовательские поля, используя код в Woocommerce?

Допустим, вы хотите собрать две части дополнительной информации:

  • Пользовательский текстовый ввод («Пользовательский текст»)
  • Сообщение Textarea («Пользовательское сообщение»)

Вот как это сделать.

Приведенный ниже код с woocommerce_checkout_fields и woocommerce_checkout_update_order_meta , должен быть добавлен в функции темы.

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

 add_filter('woocommerce_checkout_fields', 'add_custom_checkout_fields'); function add_custom_checkout_fields($fields) { $fields['billing']['custom_text_field'] = array( 'type' => 'text', 'label' => __('Custom Text', 'woocommerce'), 'required' => false, 'priority' => 110, ); $fields['billing']['custom_message_field'] = array( 'type' => 'textarea', 'label' => __('Custom Message', 'woocommerce'), 'required' => false, 'priority' => 120, ); return $fields; }
Добавление пользовательских полей в пример формы оформления WooCommerce
Добавление пользовательских полей в пример формы оформления WooCommerce

2. Сохраните значения поля в мета -мета

 add_action('woocommerce_checkout_update_order_meta', 'save_custom_checkout_fields'); function save_custom_checkout_fields($order_id) { if (!empty($_POST['custom_text_field'])) { update_post_meta($order_id, '_custom_text_field', sanitize_text_field($_POST['custom_text_field'])); } if (!empty($_POST['custom_message_field'])) { update_post_meta($order_id, '_custom_message_field', sanitize_textarea_field($_POST['custom_message_field'])); } }

Теперь оба поля появятся на панели администратора под пользовательскими полями заказов.

Пользовательский текстовый и текстовый пример в сведениях заказа
Пользовательский текстовый и текстовый пример в сведениях заказа
Вы также можете настроить код для проверки данных или разрешить его редактирование с помощью функций woocommerce_wp_text_input и woocommerce_wp_textarea_input в деталях заказа внутри div с Class = "edit_address", чтобы его скрыто перед редактированием.

Этот подход работает хорошо, но требует некоторых знаний по кодированию.

Он также имеет ограничения, когда дело доходит до проверки, типов поля или условного отображения данных.

Вот где появляются гибкие поля проверки.

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

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

Вот где плагин гибкого поля оформления заказа становится более простым и более быстрым вариантом.

Добавление пользовательских полей в форму проверки WooCommerce с гибкой полями оформления заказа PRE пример
Добавление пользовательских полей в форму проверки WooCommerce с гибкой полями оформления заказа PRE пример
На WordPress.org доступна бесплатная версия: гибкие поля проверки - бесплатно, которая идеально подходит для базового управления полями. Тем не менее, Pro версия дает вам гораздо большую гибкость.
Поля отображения на определенных страницах - Настройки плагина в гибких полях оформления заказа WooCommerce
Поля отображения на определенных страницах - Настройки плагина в гибких полях оформления заказа WooCommerce

Вот 5 выдающихся функций, которые делают гибкие поля оформления поля Pro Pro :

  • Drag & Drop Field Manager - нет необходимости писать функции PHP. Просто перетащите поля и переупорядочить непосредственно в admin WordPress.
  • Типы поля сорт - добавьте текст, Textarea, Select, Radio, флажок, выбор даты, время и многое другое.
  • Правила отображения - Показать или скрыть поля на основе выбранного способа доставки/платежа или условий корзины.
    Условия для поля пользовательской формы в гибких полях проверки Pro Woocommerce
    Условия для поля пользовательской формы в гибких полях проверки Pro Woocommerce
  • Предопределенная проверка -легко установить необходимые поля и использовать встроенные параметры проверки без пользовательских функций.
  • Цены - дополнительная цена за поля оформления заказа.
    Дополнительные цены на пример поля формы в гибких полях оформления заказа Pro Woocommerce
    Дополнительные цены на пример поля формы в гибких полях оформления заказа Pro Woocommerce

Вместо вручную регистрировать поля и сохранение метаданных с помощью woocommerce_checkout_update_order_meta , вы получаете полный интерфейс.

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

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

Гибкая проверка поля Pro Woocommerce £ 59

Редактировать, добавить новые или скрыть ненужные поля из формы проверки WooCommerce. Добавьте цены в поля и используйте условную логику. Это все о преобразовании и лучшем пользовательском опыте. НОВЫЙ: Теперь вы можете установить несколько условий (или) в одной или нескольких группах условий (и).

Активные установки: 90 000+ | Рейтинг WordPress:

Добавить в корзину или просмотреть детали
90 000+ активных установок
Последнее обновление: 2025-06-23
Работает с Woocommerce 9.6 - 9,9

woocommerce_checkout_update_dorder_meta vs плагин: какой метод вы выбрать?

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

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

Это ускоряет ваш рабочий процесс и удаляет догадки с редактирования вашей проверки Woocommerce.

Краткое содержание

  • Используйте woocommerce_checkout_fields , чтобы добавить новые поля проверки.
  • Используйте woocommerce_checkout_update_order_meta , чтобы сохранить эти поля для заказа Meta.
  • Пользовательский код дает гибкость, но требует постоянной поддержки и тестирования.
  • Гибкая проверка Fields Pro позволяет визуально управлять полями с расширенными опциями.
  • Также есть бесплатная версия, если вам нужно только базовое редактирование поля.