Overview
Options are the building blocks of your calculator. Each option represents a field, choice, or display element that appears in the calculator on your storefront. This article covers how to manage options — adding, reordering, duplicating, and deleting — and explains the basic settings every option shares. You manage options in Calculator Editor → Options & Pricing, in the options list below the Initial Price section.
Steps
Adding an option
- Click the + Add option button at the bottom of the options list.
- The type picker opens. Browse or search for the option type you need (see Option Types Reference).
- Select a type. A new option is added to the bottom of the list and opens for editing.
You can also generate multiple options at once using AI Bulk Generate.
Reordering options
Drag an option by its handle (the grip icon on the left side) and drop it into a new position. The order in the list is the order customers see on the storefront.
Duplicating an option
Click the ... menu on an option and select Duplicate. A copy is created directly below the original with all settings, pricing, and rules intact. The duplicate gets a new unique key automatically.
Deleting an option
Click the ... menu on an option and select Delete. A confirmation dialog appears — confirm to permanently remove the option and all its settings. Any rules or formulas that reference the deleted option's key need to be updated manually.
Details
Every option has a Basic settings tab with the following fields:
| Setting |
Description |
| Label |
The display name customers see. Click the translate button to add translations for other languages. |
| Key |
A unique identifier used in formulas, rules, and expressions. Auto-uppercased, restricted to A–Z, 0–9, and underscores. Reference this option in formulas with OPT("KEY") (computed value), INPUT("KEY") (raw input for numeric-like types), or HAS("KEY", "CHOICE") (choice selection test). |
| Required |
When checked, the customer must fill in or select this option before adding to cart. Not available for display types. |
| Type |
The option type selector. Changing the type resets type-specific settings but keeps the label, key, and shared settings. |
Additional fields on Basic settings depend on the option type (numbers, dates, measurements, file limits, modal content, and so on). See Option Basic Settings for a full list by type.
Examples
- Building a custom sign calculator — You add a Text Box for the sign text, a Dropdown for material, a Dimensions option for width and height, and a Color Swatch for color. You drag the Dimensions option above Color Swatch because customers think about size before color.
- Reusing a setup — You have a "Quantity" option configured with specific pricing rules. Instead of recreating it, you duplicate it, change the label and key, and adjust the values for a second product line.
Related Articles
AI Bulk Generate Options
This is different from the Build with AI wizard that appears when creating a new calculator — AI Bulk Generate adds options to an existing calculator. Overview AI Bulk Generate lets you describe the options you need in plain English, and Calculator ...
Show Custom Options on Order Confirmation Emails
Overview When customers fill out Calculator AI options on a product page, their selections are saved with the order. By default, Shopify's order confirmation email does not display these custom selections. You can update the email template so ...
Show Custom Options on Packing Slips
Overview When a customer places an order with Calculator AI options, their selections are saved with the order. By default, Shopify's packing slip template does not include these custom selections. You can update the packing slip template so your ...
Show Custom Options on New Order Notification Emails (Staff)
Overview When a customer places an order with Calculator AI options, their selections are saved with the order. By default, the staff notification email that Shopify sends to you and your team does not include these custom selections. You can update ...
Calculator Layout
Overview The Layout section controls how your calculator's options are presented to customers. You can show all options on a single page (single-step) or split them across multiple pages that the customer navigates through (multi-step). You configure ...