---
title: How to add product custom option?
description: "[Avone](https://adornthemes.com/avone/)theme offer Product [Custom Options](https://avon-demo.myshopify.com/products/men-striped-ringer-tee?_ab=0&_fd=0&_sc=1&preview_theme_id=120669765699) that allow your customers to customize a product before checkout on your Shopify store. May you want your customer to upload a file or you want to let them choose from other custom options. With…"
url: "https://www.adornthemes.com/knowledge-base/vogal-how-to-add-product-custom-option/"
updated: "2026-04-29"
category: Product Page
---

# How to add product custom option?

[Avone](https://adornthemes.com/avone/)theme offer Product [Custom Options](https://avon-demo.myshopify.com/products/men-striped-ringer-tee?_ab=0&_fd=0&_sc=1&preview_theme_id=120669765699) that allow your customers to customize a product before checkout on your Shopify store. May you want your customer to upload a file or you want to let them choose from other custom options. With these option, customers can add additional information about the products while they are purchasing.

To add product custom options, Please follow below steps.

**Step 1:**

> Go to your online store -> click customize -> Select Products -> Default product

![How to Add Custom Product Options in Shopify](https://adornthemes.com/wp-content/uploads/2023/06/custom-option1.jpg)

**Step 2:**

> Click **Product Main** section -> Click **Add block** -> Add **Product Custom Option** block.

![How to Add Custom Product Options in Shopify](https://adornthemes.com/wp-content/uploads/2024/06/custom-option2-new.jpg)

```
Select Field Type :
```

Select which field you want to show for customers to choose while they make purchase.

![How to Add Custom Product Options in Shopify](https://adornthemes.com/wp-content/uploads/2023/06/custom-option3.jpg)

```
Field Label :
```

Add label for the field you want to add.

![How to Add Custom Product Options in Shopify](https://adornthemes.com/wp-content/uploads/2023/06/custom-option4.jpg)

```
Options for radio buttons, drop-down select or checkbox group
```

Add options separated by commas

![How to Add Custom Product Options in Shopify](https://adornthemes.com/wp-content/uploads/2023/06/custom-option5.jpg)

```
Required :
```

Enabling this option make it compulsory for your customer to select checkbox before they add item to cart

```
Show at checkout, cart :
```

Disabling this option hide custom option information from cart page and checkout page.

```
SET VISIBILITY
```

You need to set here how you want to display product custom options.

**Visibility : All**
Product customize option you add will display on all products

![How to Add Custom Product Options in Shopify](https://adornthemes.com/wp-content/uploads/2023/06/custom-option6.jpg)

**Visibility : By Type**

You need to add product types separated by commas, and custom options will display for all those product types.

![Add Langify to menu](https://adornthemes.com/wp-content/uploads/2023/06/custom-option7.jpg)

**Visibility : By Tag**

You need to add product's tags separated by commas, and custom options will display for all those product tags.

![Private:](https://adornthemes.com/wp-content/uploads/2023/06/custom-option8-1024x707.jpg)

**Visibility : By Products**

You need to select products for custom options to display

![](https://adornthemes.com/wp-content/uploads/2023/06/custom-option9.jpg)

**Visibility : By Metafield**

You need create a true/false metafield then select true or false from each products and custom options will display for all those true select.

> Go to Store Settings -> Metafields & Metaobjects > Products -> Click Add Definition

Now create metafield as shown below.

![](https://adornthemes.com/wp-content/uploads/2023/06/custom-option10-1024x685.jpg)

Copy full key name and paste in metafield text box and click save.

![How to Add Custom Product Options in Shopify](https://adornthemes.com/wp-content/uploads/2023/06/custom-option11-1024x589.jpg)

Now go to your products, scroll down to metafield and select true or false and click save. Custom option will display for all those true value.

![client registration form](https://adornthemes.com/wp-content/uploads/2023/06/custom-option12.jpg)