Number field

This is a quick overview of the Number field option.

Step 1: Please create an option set (follow this guide for more details)

Step 2: Choose option type: Number field and set the General Information

Step 3: Set the target of Price add-on (optional)

See details of this feature in How to add price to options?.

If you choose to Assign to variant, follow this guide for more information.

Note: Number Field only allows your customers to fill in numbers.

Step 4: Set up Advanced option settings (optional)

If you want to set up conditional logic for your option, read this article for more information: How to set up the Conditional Logic Options.

● Required field: When you choose Yes, that field will be required to fill in.

Here is an example of how it looks like in your storefront:

● Placeholder text: you can set up Placeholder text to give your customers a clear example of what should be filled in the field.

Here is an example of how it looks like in your storefront:

● Default value: it will display automatically in the field when customers go to the product page.

Here is an example of how it looks like in your storefront:

● Help text: Help text can be displayed as Tooltip or Content.

○ Tooltip:

Here is an example of how it looks like in your storefront:

○ Content:

Once you set it to display as Content, you can choose its position as: Below the option title, Beside the option title, or Below all options.

Here is an example of how it looks like in your storefront:

● Min value/Max value: you can set the minimum value and maximum value that customers can input.

Here is an example of how it looks like at your storefront:

If your customers input more than the maximum value, a message will inform them of max value.

Step 5: Make sure your settings are correct and Save

If you have a problem when setting up this feature, please feel free to reach us at [e-mail] or Live Chat if you need any assistance.