DominoField — Advanced Checkout Field Editor for WooCommerce

Welcome to DominoField, the most advanced, visually stunning, and powerful Checkout Field Editor designed exclusively for WooCommerce.

Your checkout page is the most critical step in your customer’s journey. A complicated or confusing checkout process leads to abandoned carts. DominoField allows you to take complete control over your checkout flow. Whether you need to collect specialized information from your customers (like VAT numbers, birthday dates, or delivery instructions) or you want to ruthlessly simplify the checkout process by disabling unnecessary default WooCommerce fields, DominoField provides you with the perfect toolkit.

We built DominoField with a hyper-focus on User Experience. Unlike other clunky editors, DominoField features a state-of-the-art drag-and-drop interface powered by React, utilizing glassmorphism, fluid animations, and a distraction-free environment so you can design your checkout experience effortlessly.

🔥 Unmatched Feature Set

1. Beautiful Drag-and-Drop Editor Rearrange your billing, shipping, and order fields visually. Simply drag the field using the grip icon and drop it exactly where you want it to appear on the checkout page.

2. 11+ Custom Field Types Collect exactly the data you need using a wide variety of field types: * Text: Standard single-line text inputs. * Email: Validated email inputs. * Number: Numeric inputs only. * Phone/Tel: Formatted telephone inputs. * Dropdown (Select): Provide a predefined list of choices. * Radio Buttons: Single-choice selections. * Checkbox: Simple true/false toggles (great for terms or opt-ins). * Textarea: Multi-line text for longer inputs like delivery notes. * Date Picker: Allow customers to select dates (e.g., delivery date). * File Upload: Let customers upload files during checkout. * Hidden Field: Pass hidden data along with the order silently.

3. Total Control over Default Fields You are not limited to just adding new fields. DominoField allows you to take over the default WooCommerce fields. You can rename the ‘Company Name’ field, disable the ‘Address Line 2’ field, or make the ‘Phone Number’ optional.

4. Advanced Conditional Logic Keep your checkout clean and dynamic. Use conditional logic rules to show or hide specific fields based on the values entered in other fields. For example, only show “Company VAT Number” if the customer checks a “Purchasing for a Business” checkbox.

5. Role-Based Visibility Limits Different customers have different needs. With DominoField, you can restrict certain fields to only appear for specific user roles. For instance, you can display a special “Wholesale Account Number” field only to users logged in with the “Wholesale Customer” role, hiding it from regular guests.

6. Precise Display Rules You have granular control over where the submitted data appears after the checkout is complete. You can toggle visibility for: * The Checkout Page: Naturally, where the field is filled out. * The Thank You Page: Show the customer what they entered on the order confirmation screen. * Customer Emails: Include the custom data in the WooCommerce receipt emails sent to the buyer. * Admin Orders: Display the data cleanly within the WordPress admin Order dashboard so your fulfillment team sees it instantly.

7. Layout & Styling Adjustments * Width Control: Set fields to display Full-Width across the checkout form, or Half-Width to sit side-by-side with another field. * Placeholders & Help Text: Guide your customers by providing placeholder text inside the input or a descriptive tooltip/help text below it.

💡 Popular Use Cases

• B2B / Wholesale: Add VAT, Tax ID, or Company Registration fields.
• Gift Shops: Add a “Gift Message” textarea and “Delivery Date” picker.
• Apparel & Custom Goods: Add file uploads for custom logo printing, or text fields for engraving instructions.
• Streamlined Retail: Disable all optional fields (Company, Address 2, Phone) to create a frictionless 1-minute checkout for digital goods.

Usage

Getting started with DominoField is incredibly intuitive:

1. Access the Editor: Click on the CheckoutEditor tab in your WordPress admin menu. You will be greeted by our premium dashboard.
2. Choose your Section: The checkout is divided into three areas. Use the top navigation tabs to switch between:
   • Billing Fields (Customer’s billing address and info)
   • Shipping Fields (Where the products will be shipped)
   • Additional Fields (Order notes and extra info placed after shipping)
3. Add a New Field: Click the bright blue + Add field button. A new field will instantly appear in the list.
4. Configure Field Settings: Click the Edit button on any row to open the robust Settings Modal. Here you can navigate through three tabs:
   • General: Define the Label, Field Type (Text, Dropdown, etc.), Placeholder, Help Text, Required status, and Width.
   • Logic: Add “If/Then” conditions (e.g., Show this field if “Country” equals “United States”).
   • Rules: Toggle exactly where this field should be visible (Thank you page, Emails, Admin) and restrict it to specific User Roles.
5. Apply and Save: Click “Apply Changes” in the modal. You can then drag the row using the grip icon on the left to reorder it.
6. Publish: Once you are satisfied with your beautiful new checkout layout, hit the Save changes button at the top right.

Need to start over? You can use the “Reset to default fields” button at any time to wipe your customizations and revert exactly to standard WooCommerce defaults.