Option types you can add
Optionize includes 20 option types. This article lists each one and when to use it. You pick a type from the Select an option modal when adding an option to an option set.
Input options
Customers type or upload something.
| Type | What it does |
|---|---|
| Text box | Single-line text, such as an engraving or a name |
| Number box | Numbers only, with optional min and max values |
| Text area | Multi-line text, such as a gift message |
| An email address, validated automatically | |
| Date picker | Pick a date, such as a delivery date |
| Time picker | Pick a time |
| File upload | Upload a file, such as a photo or logo for printing |
File upload has its own size limit and resizes images automatically. See Collect file uploads from customers.
Choice options
Customers pick from values you define. For these types you add option values, one per choice.
| Type | What it does |
|---|---|
| Dropdown | A compact select list, good for long lists of choices |
| Radio button | One choice from a visible list |
| Checkbox | Multiple choices, great for paid extras like gift wrapping |
| Button | Choices shown as a row of buttons, good for sizes |
| Color swatch | Choices shown as color circles |
| Image swatch | Choices shown as image thumbnails |
| Switch | A single on/off toggle with custom on and off labels |
Layout and content options
These don't collect input. Use them to structure and explain your options.
| Type | What it does |
|---|---|
| Heading | A section heading (levels h1 to h6) |
| Paragraph | Formatted text written in a rich-text editor |
| Divider | A horizontal line (solid, dashed, or dotted) |
| Spacer | Vertical empty space, set in pixels |
| Modal | A popup with extra content, such as a size guide |
| Html | A raw HTML block, for advanced custom content |
Tips
- Every option can be marked Required, given a default value, and sized with a width from 25% to 100% so options can sit side by side.
- On the Pro plan, values of choice options can carry an add-on price or a linked add-on product.
- For everything you can configure per option, see Configure an option's settings.