Zerosoft Checkout Fields & Layout Customizer for WooCommerce

Checkout Fields & Layout Customizer for WooCommerce enhances the default WooCommerce checkout by making it simpler, more structured, and easier for customers to complete their orders.

Instead of a long single-page checkout, you can create a clean multi-step experience that improves usability and reduces friction during checkout.

This plugin is designed to help store owners provide a better checkout experience without complex setup.

Key Features

Checkout Experience

• Simple multi-step checkout (1–3 steps)
• Clean and structured checkout flow
• Improved usability over default WooCommerce checkout

Field Controls

• Show / hide checkout fields
• Reorder fields (drag & drop)
• Edit labels and placeholders
• Support for basic field types (Text, Email, Phone, Textarea, Country/State)

Layout Options

• Basic layout styles (Horizontal & Arrow )
• Step-based checkout structure
• Simple layout customization for better user experience

Behaviour & UX

• Inline validation for required, email, and phone fields
• Order summary sidebar support
• Optional login, coupon, and review sections in checkout flow

Styling

• Accent color customization
• Button style options
• Global custom CSS support

Pro Features (Available in Premium Version)

Upgrade to unlock advanced capabilities:

• Advanced field types (Select, Checkbox, Radio, Date/Time, File upload, etc.)
• Conditional logic (show/hide fields dynamically)
• Advanced validation rules (regex, patterns, custom messages)
• Multi-step advanced control (unlimited steps, step validation)
• Advanced layout designs (accordion, progress bar, etc.)
• Field styling controls (spacing, label position, borders)
• Drag & drop sections and grouping
• Auto-fill and pre-fill data
• Save custom fields to order, emails, and thank you page

Requirements

• WooCommerce must be installed and active
• Works with the classic WooCommerce checkout (shortcode-based)
• Not compatible with the WooCommerce Checkout Block

1. Upload the plugin files to the /wp-content/plugins/zerosoft-checkout-manager-for-woocommerce directory, or install via the WordPress plugins screen.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Ensure WooCommerce is installed and active.
4. Make sure your checkout page uses the default WooCommerce checkout shortcode.
5. Go to “Checkout Fields & Layout Customizer” in admin and configure your settings.

1. 

   Field management - show/hide, reorder, and configure checkout fields

2. 

   Edit field - customize label, placeholder, field type, and width.

3. 

   Layout type selection - Horizontal Box and Arrow styles

4. 

   Step configuration - set number of steps and custom labels

5. 

   Extra steps - Login, coupon, and review order options

6. 

   Behaviour settings - inline validation toggle

7. 

   Delivery - WooCommerce shipping methods integration

8. 

   Payment gateways overview panel

9. 

   Style customization - accent color and button settings

10. 

    Multi-step checkout - shipping step with order summary sidebar

11. 

    Inline validation - real-time field error messages

12. 

    Delivery step with shipping method selection

13. 

    Payment step with order summary

14. 

    Order confirmed thank you page

1.0.2

• Added an option to use the active theme’s font family on the frontend checkout
• Added an option to use the plugin’s default font family
• Improved admin interface typography and spacing
• Improved frontend typography consistency
• Minor UI and usability improvements

1.0.1

• Initial stable release
• Multi-step checkout support (1–3 steps)
• Field control and layout customization
• UI and performance improvements