Add a quantity selector to a variant option
In this help article, we’ll cover adding a quantity selector to product variants.
With Checkout Page, you can add a quantity selector to your product variants, allowing customers to choose how many of each option they want to purchase. This makes it easy to manage orders for multiple variants within a single checkout.
Add a quantity selector to a variant option
It is easy to add a quantity selector to your variant option.
- Create page from your dashboard and select Checkout
- Go to Variants and Add variant
3. After naming your variant, scroll down to variant Settings
4. Select Quantity select
5. Click Save
Pro tip: Under variant Layout settings, tick Display as accordion to display all variant options as a dropdown.
You can also add a price to each variant option.
Please note: Variant quantity selector only works on one-time and pay-what-you-want checkouts.
Examples
Here are some examples of adding a quantity selector to a variant.
Event ticket types
- Adult - Quantity: 1
- Child (under 12) - Quantity: 2
Product colors
- Red - Quantity: 1
- Blue - Quantity: 1
- Green - Quantity: 2
Online courses
- Private class, Basic level - Quantity: 1
- Group lesson, Basic level - Quantity: 2
Manage stock for each variant
After you have added your product variants, you can also manage stock for each.
- Set up your product variants as per the instructions above
- Under each variant, go to Settings and tick Manage stock and Save
3. Enter the available stock for each variant and Save
Now, your checkout will show the availability for each variant option, marking those that are sold out.
Conditional logic for variants
Quantity selector works with conditional logic, however, the key is to apply it to the latter conditional variant.
Example
You have set up a checkout for T-shirts in different sizes and colors.
First, your customer will choose the size.
Then they can select the quantity of each color for this specific size
Learn how to set up conditional logic for product variants here
