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.
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.
Create customizable options
-
Open the product in edit mode.
-
Scroll down and expand the Customizable Options section.
-
Click Add Option.
img-md w-600 modal-image -
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.
-
-
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 aspng, 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.
img-md w-600 modal-image -
-
(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 icon and drag the option to a new position in the list.
Repeat this step for each option to be added.
-
-
When complete, click Save.
Import customizable options
-
In the Customizable Options section, click Import Options.
-
All products with customizable options appear in the grid.
-
In the list, select the checkbox of the product with the options that you want to import.
-
Click Import.
-
When complete, you can continue to add more custom options or click Save and Close.
Input types
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.
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.
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.