Help center

Learn how to sell online with Checkout Page

Add a quantity selector to a variant option

Add a quantity selector to a variant option

In this help article, we’ll cover adding a quantity selector to product variants.

By using product variants, you can sell multiple product types within the same checkout.

Add a quantity selector to a variant option

It is easy to add a quantity selector to your variant option.

  1. Create page from your dashboard and select Checkout

  2. Go to Variants and Add variantimage-c90a65.png

  3. After naming your variant, scroll down to variant Settings

  4. Select Quantity per option and make it Requiredimage-95e7b9.png

  5. Click Save

Pro tip: Under variant Layout settings, tick Display as accordion to display all variant options as a dropdown.

image-1d39a9.png

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

image-91939f.png

Product colors

  • Red - Quantity: 1

  • Blue - Quantity: 1

  • Green - Quantity: 2

image-60c513.png

Online courses

  • Private class - Quantity: 1

  • Group lesson - Quantity: 2

image-9b41b8.png

Manage stock for each variant

After you have added your product variants, you can also manage stock for each.

  1. Set up your product variants as per the instructions above

  2. Under each variant, go to Settings and tick Manage stock and Saveimage-ec842e.png

  3. Enter the available stock for each variant and Saveimage-4bc79e.png

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 colors and sizes.

First, your customer will choose the color.

Then they can select the quantity for each size for this specific color.

image-a75b47.pngLearn how to set up conditional logic for product variants here


Have a question about
Checkout Page?

Start selling in minutes with our no-code checkout page builder.

Create branded, custom checkout pages and increase revenue with one-click upsells and order bumps.

Whether on your website or in your sales funnel, our simple checkout process boosts sales.

Use cases

2024 © Checkout Page LLC. All rights reserved.

8 The Green, Ste R, Dover, DE 19901