Product settings - Customizable Options

Adding customizable options to a product is an easy way to offer a selection of options with text, selection, and date input types. Customizable options are a good solution if your inventory needs are simple. However, because they are based on variations of a single SKU, they cannot be used to manage stock or as the basis of price rule conditions. If you have multiple products with the same options, you can set up one product and import the options to the other products.

When a customer purchases a product with a customizable option, a description of each selected option appears below the product description, and any associated markup (or markdown) is automatically applied to the price of the item.

Product Detail with Customizable Option

If a cart price rule is triggered by the purchase, the initial calculation applies first to the product price and secondarily to the line item price with any adjustment for applicable customizable options. In the following example, the customer purchases a duffle bag for $74.00, plus a customizable option for a monogram. A markup of $14.80 is applied to the base product price, and the adjusted price is shown as $88.80. In this case, the purchase of the duffle bag triggers a cart price rule based on the product SKU and applies a discount to the purchase, plus free shipping. Although the cart price rule is not triggered by the customizable option, it applies the discount to the cart contents, which includes the markup for the customizable option.

Cart with Customizable Option and Price Rule

A catalog price rule discount is not applied to the fixed price customizable options.

Create customizable options

  1. Open the product in edit mode.

  2. Scroll down and expand Expansion selector the Customizable Options section.

  3. Click Add Option.

    Customizable Options {width="600" modal="regular"}

  4. Complete the new option settings:

    • For Option Title, enter a name for the option.

    • Set the Option Type for the type of data entry.

    • If the option is not required to purchase the product, deselect the Required checkbox.

  5. Complete the fields according to the data entry type:

    • For Title, enter a name for this option.

    • (Optional) For Price, enter any markup or markdown from the base product price that applies to this option.

    • Set Price Type to one of the following:

      • Fixed - The price of the variation differs from the price of the base product by a fixed monetary amount, such as $1.
      • Percentage - The price of the variation differs from the price of the base product by a percentage, such as 10%.
    • (Optional) Enter a SKU for the option. The option SKUĀ is a suffix that is added to the product SKU.

    • If the Option Type is File, set the parameters for the file. For Compatible File Extensions, enter the valid extensions as comma-separated values (such as png, jpg, gif). For Maximum Image Size, enter the maximum image size in pixels. If it is a text entry, enter the maximum value for Maximum Characters.

    Add Values for customization option {width="600" modal="regular"}

  6. (Optional) If you want to add another customizable option, click Add Option.

    • Complete the settings as before.

    • To change the order of the options, click the Order Sort order icon icon and drag the option to a new position in the list.

    Repeat this step for each option to be added.

  7. When complete, click Save.

Import customizable options

  1. In the Customizable Options section, click Import Options.

  2. All products with customizable options appear in the grid.

  3. In the list, select the checkbox of the product with the options that you want to import.

  4. Click Import.

  5. When complete, you can continue to add more custom options or click Save and Close.

Input types

An input line or text box where the customer can enter the required information. Options:
Field - A single-line input field for text.
Area - A multiple-line input field. This type does not support advanced formatting like HTML. Use Max Characters to limit the length of text that can be entered and ensure correct representation of the entered text in the Admin.
Allows the customer to upload a file.
Allows the customer to select a single option or multiple options, depending on input type used. Options:
Drop-down - A drop-down list of options that allows only one selection.
Radio Buttons - A set of options that allows only one selection.
Checkbox - A checkbox is a variation of a yes/no option. If the product has more than one checkbox, multiple selections can be made.
Multiple Select - A drop-down list box of options that accepts multiple selections. To choose multiple options, hold down the Ctrl (PC) or Command (Mac) key and click each option.
Allows the customer to enter a date or time or choose the value from a calendar. Options:
Date - An input field for a date value. The date can be typed directly into the field or selected from a list or calendar. The input method and format is determined by the date and time options configuration.
Date & Time - An input field for a date and time value.
Time - An input field for a time value.