Yeekit Checkout Field Blocks for WooCommerce

Advanced Checkout Fields Block empowers store owners to easily customize and extend the modern block-based WooCommerce Checkout with 17+ visual, interactive custom field blocks.

Designed natively for the WooCommerce Checkout Block (Gutenberg), Cart Block, and fully compatible with High-Performance Order Storage (HPOS), this plugin lets you collect any additional information you need from customers before they place their order—without touching a single line of code.

Why Choose ACF Checkout Fields?

• Visual Gutenberg Block Experience: Simply drag and drop custom fields directly into your Checkout template in the Site Editor or Page Editor.
• 17+ Powerful Field Types: From simple text and dropdowns to advanced and Picture Tiles.
• 100% HPOS & Store API Ready: Seamlessly integrated with WooCommerce Store API and High-Performance Order Storage (Custom Order Tables).
• Order Management & Admin Review: All custom field values are neatly displayed in the WooCommerce Admin Order details screen.
• Customer Facing Display: Values appear on the Order Received (Thank You) page, Customer Account View Order page, and customer notification emails.
• Flexible Column Layouts: Customize field widths (Full Width 100%, Half Width 50%, One-Third 33%) to build beautiful multi-column checkout layouts.

Available Field Blocks (17+ Field Types)

1. Text: Standard single-line text input for PO numbers, gift notes, names, or custom IDs.
2. Textarea: Multi-line textarea for delivery instructions, greetings, or extra details.
3. Email: Email field with format validation and optional customer auto-fill.
4. Phone: Phone number input with format checking.
5. Number: Numeric input with min, max, and step controls.
6. Password: Secure masked password or PIN code input.
7. URL: Web address field with URL validation.
8. Select: Customizable dropdown with custom key-value options.
9. Checkbox: Single or multiple checkboxes for terms agreements, gift wrapping, or options.
10. Radio: Radio button group for single-choice selections.
11. Date: Interactive calendar date picker for delivery date, event date, or birthday.
12. Time: Time picker for delivery time slots or preferred call times.
13. DateTime: Combined date and time picker.
14. Slider / Range: Range slider with live value badge, custom min/max/step, and unit prefix/suffix.
15. Color Picker: Native HTML5 color selector.
16. Color Swatches: Visual color palette buttons for gift card colors, packaging, or personalization.

17. Picture Tiles: Visual image tile selector allowing customers to choose between visual options (e.g. gift box styles, card templates).

Email & Admin Integration

• Email Body Summary: Displays an order custom fields table in the order confirmation email body.
• WooCommerce Admin Order Screen:
  • Clean custom fields summary card.
• Thank You Page & Account: Customers can review their submitted answers and signature confirmation after placing an order.