Advanced Checkout Field Blocks for WooCommerce

Documentation: https://add-ons.org/documentation-yeekit-checkout-fields-block-for-woocommerce/

Advanced Checkout Field Blocks for WooCommerce allows store owners to customize the modern WooCommerce Checkout with 19+ visual and interactive custom field blocks.

Designed for the WooCommerce Checkout Block (Gutenberg), Cart Block, WooCommerce Store API, and High-Performance Order Storage (HPOS), the plugin lets you collect additional customer information and create flexible checkout experiences without writing custom code.

Add fields such as text inputs, dropdowns, checkboxes, radio buttons, date and time pickers, sliders, color selectors, picture tiles, file uploads, and digital signatures directly to your checkout page.

The plugin also supports option pricing for selected field types, allowing merchants to charge additional fees when customers select paid options.

Why Choose Advanced Checkout Field Blocks?

• Visual Gutenberg Block Experience: Add and configure custom checkout fields directly in the WordPress Block Editor.
• 19+ Custom Field Types: Choose from standard input fields, selection fields, visual selectors, file uploads, and digital signatures.
• Flexible Checkout Layouts: Configure fields using 100%, 50%, or 33% width options to create multi-column checkout layouts.
• Conditional Checkout Options: Create dynamic checkout experiences by displaying fields based on customer selections.
• Option Pricing / Extra Fees: Add additional charges to supported selectable fields and automatically update the WooCommerce order total.
• WooCommerce Store API Integration: Supports real-time cart and order total updates for option pricing.
• HPOS Compatible: Designed to work with WooCommerce High-Performance Order Storage.
• Order Management: Custom field values, uploaded files, signatures, and additional fees can be reviewed from the WooCommerce Admin Order screen.
• Customer-Facing Information: Custom field values can be displayed in the order confirmation and customer-facing order information.
• Email Integration: Uploaded files and digital signatures can be attached to supported WooCommerce order emails.
• Classic Checkout Fallback: Provides fallback rendering and fee calculation support for the classic WooCommerce checkout shortcode.

Available Field Blocks

The plugin includes 19 custom checkout field blocks:

1. Text: Single-line text input for names, PO numbers, custom IDs, gift notes, and other short information.
2. Textarea: Multi-line input for delivery instructions, greetings, notes, and additional details.
3. Email: Email input with email format validation.
4. Phone: Phone number input for collecting customer contact information.
5. Number: Numeric input with minimum, maximum, and step controls.
6. Password: Masked input for password or PIN-style information.
7. URL: URL input with web address validation.
8. Select: Dropdown selection with configurable options and optional option pricing.
9. Checkbox: Single or multiple checkbox selections with optional option pricing.
10. Radio: Single-choice radio button selection with optional option pricing.
11. Date: Interactive date picker for delivery dates, event dates, birthdays, and other date-based information.
12. Time: Time picker for delivery times, appointment times, or preferred contact times.
13. DateTime: Combined date and time picker.
14. Slider / Range: Range slider with configurable minimum, maximum, step, and unit prefix/suffix.
15. Color Picker: Native HTML5 color selection field.
16. Color Swatches: Visual color selection buttons with optional option pricing.
17. Picture Tiles: Visual image-based selection options with optional option pricing.
18. File Upload: File upload field supporting images, PDFs, documents, and archives with configurable file restrictions and size limits.
19. Digital Signature: Touch- and mouse-friendly signature field with preview, clear functionality, PNG generation, and email attachment support.

Option Pricing / Extra Fees

The Option Pricing / Extra Fees feature allows merchants to add an additional charge when a customer selects a paid checkout option.

Enable the pricing option from the block settings and assign a price to the relevant selectable option.

When the customer selects the option, the configured amount is automatically added as an extra fee to the cart and order total.

Option Pricing / Extra Fees is available for:

• Select
• Checkbox
• Radio
• Color Swatches
• Picture Tiles

Email & Admin Integration

• Email Notification Attachments: Uploaded files and customer signatures can be attached to supported Admin and Customer order emails.
• Email Body Summary: Custom checkout field values can be included in the order confirmation email summary.
• WooCommerce Admin Order Screen:
  • Custom field values are displayed with the order information.
  • Customer signatures can be previewed and downloaded.
  • Uploaded files can be reviewed and downloaded.
  • Additional option fees are included in the order total.
• Customer-Facing Order Information: Customers can review submitted custom field information in supported order confirmation and account pages.