×

Products - How to Manage Product Variants

Created by Education Team, Modified on Fri, 10 May 2024 at 01:41 PM by Education Team

Image showing product variant section

Product Variants are just different versions of the same product, like offering a t-shirt in various colors or sizes.

Imagine you’re running an online store using ClickFunnels, eager to offer your best-selling item in various styles to attract a wider audience. For instance, you are selling T-shirts with options for both size and color. You might have small, medium, and large sizes available in blue and green. Each combination of size and color represents a specific variant, like a small blue T-shirt.

In this article, you’ll learn step-by-step instructions for adding, updating, and deleting product variants in ClickFunnels.

Table of Contents


Requirements


Considerations for adding variants:

  • Each product can have up to three options.
  • A maximum of seven values can be added to each option.
  • With three options, each offering seven values, you can create a total of 343 unique combinations.

Accessing Variants In the Product Settings

  1. Navigate to Products in the side navigation menu.
    Image showing clicking the All Products menu

  2. Select All Products.
  3. On the right-hand side, locate your desired product. You can either click on the product itself, its image, or the settings ⚙ icon to access product settings.
  4. Scroll down to the Variants section.

Back to Top


Adding Variants to a Product

You can add options and option values to generate new product variants.

  1. Within the “Variants” section, check the box This product has multiple options, like different sizes or colors to enable variant options.
  2. In Option field, select an existing option or click Add new option to create a new option, such as Size.
    Image showing adding a variant option

  3. In the Values fields, enter each option value, such as Small, Medium, or Large. Remember, you can add a maximum of seven values for each option.
    Image showing adding variant values

  4. Add Additional Option: To include more options, such as Color or Material, click + Add option. Note that you can add a maximum of three options for each product.
    Image showing adding multiple options

  5. Click Done, and then click Update Product.

Back to Top


Editing Existing Options and Values

  1. Within the product settings, navigate to the Variants section.
  2. Include a New Option:
    • To add a new option, click + Add option and enter the option name and values. Remember, you can have a maximum of three options for a product.
  3. Edit Existing Options:
    • To edit an existing option and its values, click the Pencil ? Icon next to it.
      Image showing editing existing option

    • In the Option field, select a new option or add a new one.
      Image showing modifying existing option

    • In the Values fields, you can rename the existing values, add new values, or delete values using the cross ✖ icon.
      Image showing editing existing values

  4. Click Done, and then click Update Product.

Back to Top


Editing Existing Variants

  1. Within the product settings, navigate to the Variants section.
  2. Include a New Variant:
    • To add a new variant, click Add Variant.
      Image showing including a new variant

    • Enter a variant name.
    • Optionally, click Use custom description to override the inherited product description.
    • Click the Create variant button to save changes.
  3. Edit Existing Variant:
    • To edit an existing variant, click Edit variants button or directly on the variant itself.
      Image showing modifying existing variant

    • Customize variant settings, including Variant Name, Custom Description, Images, Pricing, Tax Settings, Inventory & Shipping, and Purchase Actions.
    • Click Update Product to apply changes.

Back to Top


Deleting Variants to a Product

  1. Within the product settings, navigate to the Variants section.
  2. Deleting an option:
    • Click the pencil ? icon next to the option you want to delete.
    • Then, click the trash ? icon to confirm deletion.
      Image showing deleting an option
  3. Deleting Values:
    • Find the variant you want to delete.
    • Click the trash ? icon to delete the variant.
      Image showing deleting a value

    • Alternatively, click on the variant itself, then click the Delete button at the bottom left corner to delete the variant.
  4. Click Update Product to apply changes.

Deleting Options and Values is permanent and cannot be undone once saved.

Back to Top


Previewing Product Variants in an Order Page

  1. Create or Edit a Funnel:
    • Create a new funnel or edit an existing one.
    • Add an order page to the funnel.
  2. Add Checkout Element:
    • Alternatively, if you’re working on an existing page, insert a Checkout element in the page editor.
  3. Add Product with Variants:
    • In the funnel, add a Product to the order page that includes variants.
  4. Preview the Page:
    • Click Preview or access the page link to view the page.
    • The variant selector will automatically populate, allowing users to select their preferred options.
      Image showing variant selector in the checkout

Learn more in the Funnels - How to Attach a Product to a Funnel Step and Smart Checkout Guide - How to Add a Smart Checkout articles.

Back to Top


Additional Information

Back to Top

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article