Different products selections like colors and sizes can be set as product options. Users can personalize the product before making the purchase. You can also add price modifiers to increase or decrease product price based on the selection users make. The product option a customer choses while placing the order will appear in the order details as well as in your store’s notifications and in invoices.
Available option types
The following option types are available in your shop:
- Drop-Down List allows the selection of one value from multiple choices. We suggest drop-down lists for a compact view of many choices.
- Radio Buttons allow selecting one value from multiple choices like product color or gift wrapping.
- Size allows selecting one option from multiple size choices.
- Checkboxes allow selection of several options at once. For example, you can use them when offering extras like pizza toppings.
Add Product Options
To add options to a product, under CMS > Products, click on the name of the product.
Select the "Options" tab and click on the "Add Product Option" button
In the "Add Product Option" screen that appears,
- Option Name: Give a name for your option under the "Option name" field.
- Option Type: Select one of the four option types discussed above
- Option Values: Specify the first value for the option. Click +Add Value and add all other values of the option like shown in the screenshot.
- Add Price Modifier: If a product option has a higher or lower price compared to the base product, click the "Add price modifier" to specify how this option affects the base product price. Price modifier is not the price of the product option. It's the value that is added to (or subtracted from) the price of the base product that you enter in the Price field. For example, if a product costs €50, and for Medium and Large size, you want to set prices €52 and €55, you can add your price modifiers like this
- Value added automatically: If you want one of the product options to be selected by default in the product details page of your shop, set a default option here.
- Save your changes by clicking the "Add Option" button.
Edit Product Options
To change product options set for a product, under CMS > Products, click on the name of the product and under the "Option" tab, click on the 3 dots next to a specific option and click "Edit"
Reorder Product Options
To change the order in which different product options are presented in the product details page, under CMS > Products, click on the name of the product and under the "Option" tab, click on the 3 dots next to any option and select "Change Order"
In the "Reorder options and input fields" screen, click on the six dots and drag it to reorder the options.