Skip to main content

How to Add Product Variants

Variants answer the shopper question: “Which flavor, color, or size am I buying?” Many offers work with quantity tiers alone when the real choice is pack size — not a separate SKU.

Before You Start​

Make sure you have:

  • A clear offer model — pack sizes (tiers) vs flavor/color/size (variants).
  • Access to Products and Preview in your workspace.
  • Checkout links for each purchase path you expose to shoppers.

See Product variants (reference) and Quantity tiers.

Step 1: Choose Tiers vs Variants​

NeedUse
Different pack sizes or unit counts with own pricingQuantity tiers on a simple product
Different flavors, colors, or SKUs shoppers must pickVariant-style product setup when available in your editor
Single offer, one priceSimple product without tiers

Most teams ship single-variant products or tiers through the standard UI. Contact support if you need variant behavior not visible in your editor.

See How to use quantity tiers and Subscribe and Save.

Step 2: Configure the Product​

  1. Open Products and Edit the target simple product (or create one with How to create a product).
  2. If pack sizes are the main choice, enable quantity tiers and label each row clearly (for example 1 Bag, 3 Pack).
  3. If your workspace supports multiple variants for the product, configure options following your account’s product editor — names, imagery, and checkout behavior should match each SKU story.

Avoid mixing incompatible pricing modes (for example compare-at on tiers while Subscribe & Save is enabled).

Step 3: Validate in Preview​

  1. Toggle Preview in the product editor.
  2. Step through each selectable option — every tier or variant shoppers can pick.
  3. Confirm button labels, prices, and checkout URLs match the intended offer.
  4. Check mobile layout if Preview supports responsive views.

Do not publish until every option routes to the correct checkout experience.

See Product preview.

Step 4: Add to a Page and Publish​

  1. Open the landing page in the Page Builder.
  2. Insert a Product block and select your catalog entry.
  3. Override Show full product only if this page needs a different layout than the catalog default.
  4. Save, Publish, and test the live URL in an incognito window for each option.

See How to add a product to a page.

Troubleshooting​

ProblemWhat to try
Unsure which mode to useUse tiers for pack size; contact support for advanced variant catalogs.
Preview shows wrong priceRe-save the product; confirm tier or variant row fields.
Live page missing optionsRepublish the page after catalog changes.

Outcome​

Your product presents the correct selectable options — tiers or variants — with validated checkout behavior on the published page.

FAQ​

Are variants the same as quantity tiers?

Variants usually mean different SKUs or flavors. Tiers mean different pack sizes or quantities with their own pricing table. You can use tiers alone when that matches your offer.

Will the multi-variant editor return?

Check release notes or contact support if you need broader variant editing options.

Can bundles use variants?

Bundles combine simple child products. Configure tiers or variant behavior on each simple child, not on the bundle container.