Skip to main content
Creating options
Jelizaveta avatar
Written by Jelizaveta
Updated over a week ago

With Zapiet - Product Options, you can create as many options as needed, combine them in option sets, and assign to products.


Create a product option

On the Options page, click Create option.

You can create the following option types:


Checkboxes

Checkboxes appear on the product page, and multiple product options can be selected at the same time.

  1. Add an Option name.

  2. In the Option type field, click Checkboxes.

  3. Start adding option values. Click Add option value to add more checkboxes.

  4. You can change the order of the options.

  5. If needed, add a charge to every option.

  6. If needed, you can add Tooltip text and Help text.

  7. Choose whether you would like the first option to be selected by default.

  8. Allow multiple selections setting is enabled by default. If you want only one option selected, please use the Radio buttons option type.

  9. Limit how many checkboxes can be selected on the product page. Add a minimum and maximum number of selections. If this is left blank, the customer will be able to choose as many as they like.

  10. Select if this is a Required option for your customers to complete before adding the product to the cart.

  11. Click Create.

Repeat the process if you want to add different options as a list of checkboxes. Once your options are set up, the next step is to create an option set.


Dropdown list

A dropdown list appears on the product page, and only one option can be selected at a time.

  1. Add an Option name.

  2. In the Option type field, click Dropdown list.

  3. Start adding option values. Click Add option value to add more options in the dropdown list.

  4. If needed, add a charge.

  5. You can change the order of the options.

  6. If needed, you can add Tooltip text and Help text.

  7. Add a Placeholder.

  8. Choose whether you would like the first option to be selected by default.

  9. Tick Quantity selector to allow customers to add a numerical value for the chosen option, and add a maximum value they can enter.

  10. Select if this is a Required option for your customers to complete before adding the product to the cart.

  11. Click Create.

Repeat the process if you want to add different options as a dropdown list. Once your options are set up, the next step is to create an option set.


File upload

A file upload field appears on the product page, allowing customers to upload their files.

  1. Add an Option name.

  2. In the Option type field, click File upload.

  3. Select accepted file extensions.

  4. If needed, you can add Tooltip text and Help text.

  5. Select if this is a Required option for your customers to complete before adding the product to the cart.

  6. If needed, add a charge to every option.

  7. Click Create.

The uploaded files will be available for download on the Shopify > Orders page.

Repeat the process if you want to add additional file upload fields. Once your options are set up, the next step is to create an option set.


Large text field

A large text box appears on the product page, where customers can add a description or instructions. You can limit the number of characters entered and add a charge.

  1. Add an Option name.

  2. In the Option type field, click Large text field.

  3. If needed, you can add Tooltip text and Help text.

  4. Add a Placeholder.

  5. If needed, add a Default value and a Character limit.

    • If you add both a default value and a placeholder, the placeholder will not be visible to your customers because the default value will be shown instead.

  6. Select if this is a Required option for your customers to complete before adding the product to the cart.

  7. If needed, you can Create a charge for every option.

  8. Click Create.

Repeat the process if you want to add different options as large text fields. Once your options are set up, the next step is to create an option set.


Number field

A number field appears on the product page for your customers to enter a numerical value.

  1. Add an Option name.

  2. In the Option type field, click Number field.

  3. If needed, you can add Tooltip text and Help text.

  4. Add a Placeholder.

  5. Add a Default value, Minimum and Maximum values.

    • The default value will be automatically selected for every customer. Customers will be able to adjust the number according to their needs.

  6. Select if this is a Required option for your customers to complete before adding the product to the cart.

  7. If needed, you can add a charge.

  8. Click Create.

Repeat the process if you want to add different options as number fields. Once your options are set up, the next step is to create an option set.


Radio buttons

A list of radio buttons appears on the product page, where only one option can be selected at a time.

  1. Add an Option name.

  2. In the Option type field, click Radio buttons.

  3. Start adding option values. Click Add option value to add more options that will appear in the list.

  4. You can also change the order of the options.

  5. If needed, you can add a charge to every option.

  6. If needed, you can add Tooltip text and Help text.

  7. You can choose whether you would like the first option to be selected by default.

  8. Tick Quantity selector to allow customers to add a numerical value for the chosen option, and add a maximum value they can enter.

  9. Select if this is a Required option for your customers to complete before adding the product to the cart.

  10. Click Create.

Repeat the process if you want to add different options as radio buttons. Once your options are set up, the next step is to create an option set.


Swatches

A selection of swatches with images or colors appears on the product page for your customers to choose one or more options.

  1. Add an Option name.

  2. In the Option type field, click Swatches.

  3. Start adding option values. Click Add option value, to add more options that will appear in a list.

  4. Click Image sign to select swatch color or add an image.

  5. To add a color, add the hex code or select the color manually, then click Save.

  6. Click Select an image, then click Add image to upload an image. Click Save.

  7. You can also change the order of the options.

  8. If needed, you can add a charge to every option.

  9. If needed, you can add Tooltip text and Help text.

  10. Select whether you would like the first option to be selected by default.

  11. Tick Quantity selector to allow customers to add a numerical value for the chosen option, and add a maximum value they can enter.

  12. Tick Change product image on selection if you have uploaded images and want to change the image based on the selected option.

    • This option would require completing additional steps in order to work correctly.

    • You will need to add the class .zapiet-product-image-container imgto every product image container on your theme. To learn more take a look at our Showing dynamic images on product pages article.

  13. Allow your customers to select multiple options. If needed, add Minimum and Maximum selections allowed for this option.

    • If you tick Allow multiple options, Quantity selector and Change product image on selection settings will be disabled.

  14. Select if this is a Required option for your customers to complete before adding the product to the cart.

Repeat the process if you want to add different options as swatches. Once your options are set up, the next step is to create an option set.


Text field

Text option will add a text box to your products page for your customers to add short messages.

  1. Add an Option name.

  2. In the Option type field, click Text field.

  3. If needed, you can add Tooltip text and Help text.

  4. Add a Placeholder.

  5. If needed, add a Default value and a Character limit.

    • If you add both a default value and a placeholder, the placeholder will not be visible to your customers because the default value will be shown instead.

  6. Select if this is a Required option for your customers to complete before adding the product to the cart.

  7. If needed, you can add a charge.

  8. Click Create.

Repeat the process if you want to add different options as text fields. Once your options are set up, the next step is to create an option set.


Edit options

  1. To view and edit your options, click Options.

  2. Click the option you want to edit.

  3. Make the necessary changes, then click Save.


Delete options

  1. To delete your options, click Options.

  2. Tick the options that should be deleted.

  3. Click Delete.

  4. Click Confirm, delete option. This action cannot be reversed.


Next step

Did this answer your question?