Working with Options

Working with Options

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

  1. Click the + Add option button at the bottom of the options list.
  2. The type picker opens. Browse or search for the option type you need (see Option Types Reference).
  3. Select a type. A new option is added to the bottom of the list and opens for editing.

You can also ask Chat with AI to add or change options in plain English, or generate a batch from the Options toolbar with 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 / priced value), OPT_TOKEN("KEY") (selected Choice Token for choice types), 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 Chat with AI, which can build or change a whole calculator from the editor chat panel. AI Bulk Generate only adds a batch of options from the Options toolbar. Overview AI Bulk Generate lets you describe the options you need in ...

    • Multi-Select Options

      Overview Options that allow multiple selections—checkboxes, multi-file uploads, or multi-select swatches—can display multiple layers on the product image. Under Multi-select layout, set Mode to Slots — fill in selection order or Per value — each ...

    • Edit options from the cart

      Overview Edit options lets a customer open the published calculator from the cart, change options or the design, and update that line. New calculators have this on. Turn it off (or on for an older calculator) under Calculator Editor → Optional ...

    • Show Custom Options on Packing Slips

      Overview When a customer places an order with Appify CPO 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 ...

    • Binding calculator options to canvas properties

      Overview A binding maps a calculator option (Width, Height, Material, Shape, …) to a property of the editor canvas (artboard width, background color, cut-line shape, bleed, …). When the customer changes a bound option in the editor's right panel, the ...