Field Types Overview
Complete guide to all 15+ field types available in Woo Form Builder. Learn when to use each field type and see examples.
Overview
Woo Form Builder includes 15+ specialized field types to capture any type of customer data. From simple text inputs to advanced smart pricing fields, each field type is designed for specific use cases and integrates seamlessly with WooCommerce.
Input Fields
Basic text and number input fields for collecting customer information:
Text Field
Single-line text input for names, addresses, and short answers.
Validation: Min/max length, required, custom patterns
Textarea Field
Multi-line text area for longer messages and custom instructions.
Features: Auto-resize, character counter, max length
Number Field
Numeric input with Smart Pricing support for dynamic pricing.
Features: Min/max values, step increment, Smart Pricing integration
Email Field
Email input with automatic format validation.
Validation: RFC 5322 email format, domain verification
Phone Field
Phone number input with international format support.
Features: Format masking, country codes, validation
URL Field
Website URL input with protocol validation.
Validation: Valid URL format, optional protocol enforcement
Choice Fields
Single and multiple selection fields for predefined options:
Radio Field
Single selection from multiple options with image support.
Features: Image options, conditional pricing, custom layouts
Checkbox Field
Multiple selections with individual pricing per option.
Features: Image options, per-item pricing, min/max selections
Select Dropdown
Dropdown menu for space-efficient option selection.
Features: Search functionality, option groups, dependent dropdowns
Date/Time Picker
Calendar interface for date and time selection.
Features: Date ranges, disabled dates, time slots, timezone support
Advanced Fields
File Upload
Allow customers to upload files, images, and documents.
Features: Multiple files, file type restrictions, size limits, preview
Custom Code (HTML/CSS/JS)
Add custom HTML, styling, and interactive JavaScript.
Modes: HTML Editor, Smart Code Visual Builder
Image Field
Display images with advanced styling controls (288 combinations).
Features: Borders, shadows, filters, hover effects, lightbox
Special Fields
MySKU Field
Generate unique product SKUs based on customer selections.
Features: Pattern-based generation, dynamic updates, WooCommerce integration
Hidden Field
Store data invisibly for processing and tracking.
Features: Dynamic values, URL parameters, system variables
Choosing the Right Field Type
Decision Guide
Field Capabilities Comparison
| Feature | Text | Number | Radio | Checkbox | Select |
|---|---|---|---|---|---|
| Pricing Support | ❌ | ✅ | ✅ | ✅ | ✅ |
| Image Options | ❌ | ❌ | ✅ | ✅ | ❌ |
| Conditional Logic | ✅ | ✅ | ✅ | ✅ | ✅ |
| Validation Rules | ✅ | ✅ | ✅ | ✅ | ✅ |
Explore Field Types in Detail
Learn advanced techniques and see real-world examples for each field type