Product Options supports over 20 option types organized into categories. Each type controls how customers interact with a particular customization field on your product page.
Selection Options
These types let customers choose from predefined values you create:
Dropdown - A collapsed list that expands when clicked. Best for many choices (5+) where you want to save space on the page.
Radio Button - All choices visible at once, customer picks one. Best for 2-4 important choices you want customers to see immediately.
Checkbox - Multiple checkboxes where customers can select one or more values. Best for add-ons like gift wrapping, insurance, or multiple toppings. You can limit how many choices customers pick — see Checkbox Selection Limits below.
Swatches - Visual selection using colors or images. Best for color options, patterns, or materials where seeing is important.
Button - Clickable buttons for each value. Best for sizes, styles, or any option where you want a clean, tappable selection.
Image Dropdown - A dropdown with image thumbnails next to each option. Best for showing visual previews while keeping a compact layout.
Color Dropdown - A dropdown with color swatches next to each option. Best for color selections where you want to combine a color preview with text labels.
Product Collection - A picker that lists every product from a Shopify collection with thumbnails and titles. Customers pick a product, then pick a variant from a cascading dropdown. The chosen variant becomes a priced add-on in the cart at its real price. Best for “build your own bundle” or “pick from this catalog” flows where you don’t want to maintain option values manually.
Checkbox Selection Limits
Checkbox options can require a minimum number of selections, cap the maximum, or both. This is useful for offers like “pick exactly 3 toppings” or “choose up to 2 free samples”.
When editing a checkbox option, open Field Settings and set:
Min Selections - The fewest choices a customer must check. Leave blank for no minimum.
Max Selections - The most choices a customer can check. Leave blank for no maximum.
On your storefront, the limits are enforced automatically:
At the maximum - Once a customer checks the maximum number of choices, the remaining unchecked choices are disabled. Unchecking one re-enables them.
Below the minimum - Add to cart is blocked and the customer sees a clear message, such as “Please select at least 2 options for ‘Toppings’”, shown both under the option and in the alert.
Optional options stay optional - The minimum applies once the customer checks at least one choice. If the option is not required and the customer leaves it untouched, they can still add to cart. When the option is required, the minimum always applies.
Text & Input Options
These types let customers enter their own values:
Text Input - Single-line text field. Best for short entries like names, initials, or short messages.
Paragraph Text - Multi-line text area. Best for longer entries like custom messages, special instructions, or dedications.
Size (W × H) - Two measurement fields priced by the area they describe. The customer types a width and a height, and the app charges your rate for each square unit. Best for anything cut to order: panels, glass, fabric, signage, rugs.
Number - Numeric input only. Best for quantities, dimensions, or other number-based entries.
Email - Validates email format. Best when you need a recipient’s email address.
Telephone - Phone number input. Best for contact information or delivery coordination.
Size Options
A Size option asks for a width and a height and charges by the area. Under Field Settings you set only what is particular to a size:
Unit - What the customer measures in: inches, feet, centimetres or metres.
Smallest and largest size allowed - Optional bounds. A size outside them can’t be added to the cart, and the customer is told why.
The rate is the option value’s price, set exactly the way every other option sets a price — so a Size option can be free, priced by hand, or priced from a product you already sell:
Leave the price empty - nothing is charged. The customer measures, the size travels with the order, and you know how big to make it. Good when the size affects the work but not the price.
Type a price - it is the price per square unit. At $4.00 with the unit set to feet, a 4 × 3 ft panel is $48.00.
Assign a product - the app takes the rate from that product, covered below.
Customers see the maths before they add anything: 13 sq ft (rounded up from 12.6) × $4.00 = $52.00. With no price they simply see 13 sq ft.
Areas round up to the next whole unit. A Shopify variant’s price is fixed, so a part-unit charge has nowhere to live — the area is charged in whole units and the customer sees the rounding stated. Choose your unit with that in mind: pricing per square foot charges a 12.6 sq ft panel as 13, while pricing the same panel per square inch is exact to within a square inch but shows a large number of units in the cart.
Pricing a Size From a Product You Sell
If you already sell the material as a product, assign it to the option’s value instead of typing a price. The app then takes the rate and the unit from Shopify, so you maintain them in one place and the cart line is your real product — with its own inventory, tax and reporting.
This needs the product to be priced per unit in Shopify, using the unit price fields on the variant:
Total amount - how much is in the product you sell
Base measure - the unit you want it compared against
The two must match for a Size option. A product whose total amount is 1 m² against a base measure of 1 m² is one square metre, so the app can sell thirteen of them as 13 m². A 5 m² roll shows the same “$27/m²” on your storefront but is a package: thirteen of those would be 65 m². The app refuses that one and tells you when you save.
Square feet and square metres are the only area units Shopify supports here. Pricing per square inch or centimetre works, but only by typing the price.
Advanced Options
These types offer specialized input controls:
Color Picker - A full color picker with hex value output. Best for custom color selections beyond predefined swatches.
Date - Date picker calendar. Best for delivery dates, event dates, or scheduling.
Date & Time - Date and time picker. Best when you need both a date and a specific time (e.g., pickup time).
Switch / Toggle - An on/off toggle switch. Best for simple yes/no choices like “Add gift wrap?” or “Include batteries?”.
Range Slider - A slider that customers drag to select a value within a range. Best for dimensions, intensity levels, or any numeric range.
File Upload - Lets customers attach files. Best for custom artwork, photos for printing, or documents.
File Upload with a gallery - A File Upload option can carry a gallery of images you uploaded in advance, so the customer either picks one of yours or uploads their own — and the two can be priced differently. Galleries require the Unlimited plan. See the Image Galleries article.
Display Only Options
These types don’t collect customer input — they help organize and format your option form:
Heading - Adds a section heading to visually separate groups of options.
Paragraph - Adds descriptive text or instructions between options.
Divider - Adds a horizontal line to visually separate sections.
Spacing - Adds vertical space between options.
HTML Content - Renders custom HTML content within the option form.
Other
Hidden - Not visible to customers but included in orders. Best for internal tracking, metadata, or values set by conditional logic.
Choosing the Right Type
Number of choices - Few options? Use radio buttons or buttons. Many options? Use dropdown.
Visual importance - Need to show colors/patterns? Use swatches. Need image previews? Use image gallery or image dropdown.
Free-form input - Customer provides text? Use text input types.
Validation needs - Need specific formats? Use email, telephone, or number.
File requirements - Customer uploads their own file? Use file upload. Customer picks from your images? Use image gallery.
Simple yes/no - Use switch/toggle or checkbox.