woocommerce-blocks

What problem does it solve?

This Skill helps developers customize the WooCommerce checkout and cart pages by leveraging Gutenberg blocks, enabling advanced features like custom fields, UI injections, and server-side data persistence.

Core Features & Use Cases

• Extend Checkout Form: Add custom fields (e.g., gift messages, VAT numbers) to the checkout process.
• Inject Custom UI: Use SlotFills to insert banners, upsells, or other dynamic content into predefined areas of the cart or checkout.
• Server-Side Data Handling: Persist custom data to the order using WooCommerce Store API extensions and hooks.
• Use Case: Add a "Preferred Delivery Date" picker to the WooCommerce checkout, ensuring the selected date is saved with the order for fulfillment.

Quick Start

Register a new inner block for the WooCommerce checkout using the provided PHP and JavaScript examples.