Product Customizer allows you to create several kinds of options for your products. A product can have as many options as you'd like; there are no limits to the number of options and choices you can create for your products.
This article will cover general fields that help you create any kind of option, as well as some fields specific to certain option types.
Jump to a section:
Creating a New Option
You can create a new option by going to the "Options" tab in Product Customizer and clicking the "Create Option" button in the top right.
This will let you add a new "parent" option, which can then be added to one or more products easily.
If you are customizing a product and you find that you need a new parent option, you can also "quick-create" an option from the "customize product" screen.
This will create a parent option, then also apply the option to your product (the option this product will now be a child option).
Every option will require you to complete the following fields to create it:
Option Name: (Required) The option's name for your reference. This is shown to the customer throughout your shop, such as on the cart page and in emails.
Product Page Label: (Optional) The option name displayed to customers on the product page. This is helpful for product pages specifically, as the option name is limited to 28 characters. For example, if you have an option named "File upload", you may want to make the product page label, "Upload your file -- 20MB maximum" to help customers complete this field.
Field Type: (Required) This determines the kind of option we'll make -- choose to create a text input, dropdown, etc
Description: (Optional) The description is shown on product pages only below the option name (or product page label if set). This can be a good way to show further instructions to a customer on completing the field. The description is not shown anywhere else in your shop.
Adding Costs to Options
The regular tier of Product Customizer does not allow you to add costs to your options. In order to do so, you must use the premium tier of the app.
Single-Line Text Input
The single-line text input has some additional fields that you can use to create this option type:
Required: (Optional) Check this if the customer must complete the field in order to add the product to the cart. If unchecked, the field is not mandatory for customers to purchase the product.
Placeholder: (Optional) This is some text that will be shown as a placeholder element inside of the text field. Example:
Sample Text FieldMaximum characters: (Optional) Sets a maximum on the number of characters (letters, numbers, spaces, etc) that can be entered into this field by the customer.
Paragraph Text Input
The paragraph text input (textarea) has additional fields that you can use to create this option type:
Required: (Optional) Check this if the customer must complete the field in order to add the product to the cart. If unchecked, the field is not mandatory for customers to purchase the product.
Placeholder: (Optional) This is some text that will be shown as a placeholder element inside of the text field. Example:
Sample TextareaMaximum characters: (Optional) Sets a maximum on the number of characters (letters, numbers, spaces, etc) that can be entered into this field by the customer.
Dropdown Menu
The dropdown field allows you to create option values, which are the choices listed in the dropdown. Customers may choose only one choice from the list when purchasing the product. There are also a few additional options.
Required: (Optional) Check this if the customer must make a selection in order to add the product to the cart. If unchecked, the field is not mandatory for customers to purchase the product. Checking "required" will force the use of a placeholder; a default one will be shown unless you enter placeholder text.
Placeholder: (Optional) This is some text that will be shown as a placeholder element as the first choice in the dropdown. The customer cannot select this as a choice, and it will be forced if the dropdown is required.
File Uploads
The file upload field allows customers to upload a file as part of the order. The file size limit (imposed by Shopify) is 20MB per file.
Required: (Optional) Check this if the customer must complete the field in order to add the product to the cart. If unchecked, the field is not mandatory for customers to purchase the product.
Single Checkbox
The single checkbox allows customers to opt into one choice as a "yes / no" field.
Required: (Optional) Check this if the customer must complete the field in order to add the product to the cart. If unchecked, the field is not mandatory for customers to purchase the product. In the case of a single checkbox, making this required means the customer must check the field (helpful for things like terms and conditions, but not for choice).
Checkbox Group
Checkbox groups require you to create option values, which are the choices listed for each checkbox. Customers may choose multiple choices from the list when purchasing the product, depending on whether you set minimum / maximum values. The customer will see minimum and maximum values below the checkbox group on the product page to inform them of the appropriate number of choices.
Minimum Number of Selections: (Optional) You can enter a minimum number of selections for the group. The customer will not be able to add the item to the cart unless at least this many boxes are checked.
Maximum Number of Selections: (Optional) You can enter a maximum number of selections for the group. Once the customer checks this number of choices, the rest of the checkbox inputs are disabled.
Radio Button
The radio button field allows you to create option values, which are the choices listed for buttons. Customers may choose only one choice from the list when purchasing the product.
Required: (Optional) Check this if the customer must complete the field in order to add the product to the cart. If unchecked, the field is not mandatory for customers to purchase the product.
Date Picker
The date picker field allows you to add a product option field for your customer's to select a calendar date from a calendar popup box. Simply select the date picker field and add the proper names and descriptions desired. When a customer clicks this field, it will open a small calendar which they can use to select a date. Date formats will then display in the field, and will automatically display the format that their own browser dictates (based on their global location at that moment).
Swatch Picker
Swatch Picker allows you to build a list of color boxes (swatches) for your customer's to choose from.
[NEW!] Swatch Upload/Image Swatch
Our NEW feature is now available that allows you to upload images to use as swatches instead of colors! You can also add prices for each swatch added. Stay tuned as there is more to come!
