Главная/WordPress Fullstack/Блупринты/WooCommerce/Кастомные поля и расширение чекаута на WooCommerce Blocks (Checkout Blocks Extensibility API)
К карточкам раздела «WooCommerce»WooCommerce(ТЗ 37 из 54)
ТЗ: Кастомные поля и расширение чекаута на WooCommerce Blocks (Checkout Blocks Extensibility API)Трудозатраты~12 рабочих часов
Фриланс вилка~$540 – $900 (€480 – €840)
Оценка веб-студии~$1,140 – $1,920 (€1080 – €1800)
ТЗ заказчика (исходный бриф):
«После обновления WooCommerce чекаут стал блочным на React. Нам нужно добавить переключатель "Физлицо / Юрлицо", при выборе юрлица показывать обязательные поля ИНН и КПП с валидацией, а также поле выбора желаемой даты доставки. Старые PHP-хуки woocommerce_checkout_fields не срабатывают, ничего не сохраняется!»
Ключевые требования:
- •Интеграция кастомного блока формы в нативный Checkout Block WooCommerce через Extensibility API
- •Интерактивное переключение типа клиента (Физлицо / Юрлицо) с условным отображением полей ИНН/КПП
- •Клиентская валидация ИНН (10 цифр для юрлиц, 12 для ИП) с блокировкой отправки заказа при ошибках
- •Синхронизация данных с сервером через WooCommerce Store API Schema Extension
- •Сохранение данных в мета заказов с полной поддержкой High-Performance Order Storage (HPOS)
Ограничения проекта:
- •Не переключать чекаут обратно на устаревший шорткод [woocommerce_checkout]
- •Поддержка сборщика @woocommerce/dependency-extraction-webpack-plugin для использования бандла WP React
- •Строгая санитизация всех входящих мета-полей на стороне сервера
Критерии приёмки (KPI):
- 0 задержек при вводе данных в чекауте (INP < 20 мс)
- 100% сохранение метаданных плательщика в таблицы wp_wc_orders_meta
- Отображение реквизитов юрлица в деталях заказа в админке и письмах уведомлений
Пошаговое практическое руководство по ТЗ
Подробный разбор архитектуры, код реализации и советы эксперта по каждому этапу: