Yeekit Checkout Field Blocks for WooCommerce

Beschrijving

Advanced Checkout Fields Block empowers store owners to easily customize and extend the modern block-based WooCommerce Checkout with 19+ 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 Yeekit Checkout Field Blocks?

• Visual Gutenberg Block Experience: Simply drag and drop custom fields directly into your Checkout template in the Site Editor or Page Editor.
• 19+ Powerful Field Types: From simple text and dropdowns to advanced File Uploads, Digital Signatures, 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, uploaded files, and customer signatures 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.
• WooCommerce Order Email Attachments: Automatically attach customer uploaded files and digital signatures directly to admin and customer order confirmation emails.
• Flexible Column Layouts: Customize field widths (Full Width 100%, Half Width 50%, One-Third 33%) to build beautiful multi-column checkout layouts.
• Classic Checkout Fallback: Automatically renders fields for standard classic checkout shortcode [woocommerce_checkout] when needed.

Available Field Blocks (19+ 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).
18. File Upload: Secure file upload supporting images, PDF, documents, and archives with file type restrictions, maximum size limits, and email attachment support.
19. Digital Signature: Responsive HTML5 touch/mouse signature drawing pad with instant preview, clear button, high-resolution PNG generation, and email attachment options.

Email & Admin Integration

• Email Notification Attachments: Choose whether uploaded files and customer signatures are attached to Admin emails, Customer emails, or both.
• Email Body Summary: Displays an order custom fields table in the order confirmation email body.
• WooCommerce Admin Order Screen:
  • Clean custom fields summary card.
  • Instant high-resolution preview and download links for customer signatures.
  • File upload manager with thumbnails, file sizes, and download buttons.
• Thank You Page & Account: Customers can review their submitted answers and signature confirmation after placing an order.