Available Option Types
Text Field
A single-line text input for short custom text.
Best for:
Names for personalization
Short custom messages
Reference numbers or codes
Initials or monograms
Example:
Engraving Text: [________]
Settings:
Minimum character length
Maximum character length
Placeholder text
Required/optional
Customer sees: An empty text box where they can type
Text Area
A multi-line text input for longer messages.
Best for:
Gift messages
Special instructions
Custom descriptions
Detailed requests
Example:
Gift Message: [ ]
Settings:
Character limits
Number of visible rows
Placeholder text
Required/optional
Customer sees: A larger text box with multiple lines
Dropdown (Select)
A dropdown menu where customers pick one option from a list.
Best for:
Multiple choices where only one can be selected
Options with many values
Keeping the page clean and compact
Example:
Size: [Select your size ▼] ├─ Small ├─ Medium ├─ Large └─ X-Large
Settings:
Default selection
Option values with prices
Required/optional
Customer sees: A dropdown they click to reveal choices
Radio Buttons
Circular buttons where customers pick one option.
Best for:
2-5 choices that should all be visible
Yes/No questions
Quick selections without clicking a dropdown
Example:
Add Gift Wrap? ○ Yes (+$5.00) ○ No
Settings:
Default selection
Display layout (vertical/horizontal)
Option values with prices
Customer sees: All choices visible with radio buttons
Checkboxes
Square boxes for selecting multiple items or a single yes/no option.
Best for:
Multiple selections allowed
Optional add-ons
"Include this" type options
Example:
Select Add-Ons: ☐ Extended Warranty (+$20.00) ☐ Gift Wrapping (+$5.00) ☐ Express Shipping (+$15.00)
Settings:
Allow multiple selections
Minimum/maximum selections
Individual prices per checkbox
Customer sees: Boxes they can check or uncheck
Number Input
A field for entering numerical values.
Best for:
Quantities
Measurements
Ages or years
Custom amounts
Example:
Quantity needed: [___] (+$10 each)
Settings:
Minimum value
Maximum value
Step increment (1, 0.5, etc.)
Default value
Customer sees: A number field with +/- buttons
File Upload
Allows customers to upload files.
Best for:
Custom logos for printing
Photos for personalization
Documents or references
Design files
Example:
Upload Your Logo: [Choose File] No file chosen Accepted: PNG, JPG, PDF (max 5MB)
Settings:
Accepted file types
Maximum file size
Required/optional
Customer sees: A file upload button
Date Picker
A calendar interface for selecting dates.
Best for:
Delivery dates
Event dates
Booking dates
Start/end dates
Example:
Select Delivery Date: [📅 MM/DD/YYYY]
Settings:
Minimum date (e.g., 3 days from now)
Maximum date range
Disabled dates (blackout dates)
Date format
Customer sees: A calendar they can click through
Color Picker
A visual selector for choosing colors.
Best for:
Product colors with many shades
Custom color selections
Matching specific colors
Example:
Choose Thread Color: [ ] 🎨
Settings:
Predefined color swatches
Custom hex input
Color names
Customer sees: Color swatches or a color picker
Choosing the Right Type
Decision Guide
Need short text? → Text Field
Need long text? → Text Area
3+ choices, pick one? → Dropdown
2-3 choices, pick one? → Radio Buttons
Pick multiple items? → Checkboxes
Enter a number? → Number Input
Upload something? → File Upload
Pick a date? → Date Picker
Choose a color? → Color Picker
Consider the Experience
Mobile users: Dropdowns and radio buttons work better than many checkboxes
Visual products: Color pickers and image options help customers visualize
Complex choices: Break into multiple simpler options instead of one complex option
Changing Option Types
You can change an option's type after creating it, but note:
Existing option values might not transfer perfectly
Test on a staging product first
Tips for Better Options
Use Defaults Wisely
Set a logical default for:
Dropdowns (most popular size)
Radio buttons (most common choice)
Checkboxes (usually unchecked)
Add Helpful Text
Use placeholder text to guide customers:
"Enter name here"
"Maximum 50 characters"
"Leave blank if not needed"
Test on Mobile
Check how each option type looks and works on mobile devices. Some types work better than others on small screens.