How to Set and Display Different Prices for Product Variations in WooCommerce

Written by James Kemp
Written by James Kemp

Full disclosure: If you purchase through a link on our site, we may earn a commission. Here’s why you can trust us.

In this article

Advertisement

Depending on the product attribute selected, WooCommerce may require more than one product variation price when selling variations.

In a standard WooCommerce store, you’ll need to configure each variation of a product separately if you want to offer options at different price points. 

It doesn’t have to be this complicated. With a variation plugin, you can create complex pricing structures for variable products in no time, and in this article, we’re going to show you how.

By the end of this article, you’ll know exactly how to set a product variations price in WooCommerce. The best part? You’ll be able to do it quickly with a WooCommerce plugin.

Why you might want to set different product variation prices in WooCommerce

Let’s say you’re selling a pair of shoes that are available in two different materials (leather and leather). Both materials aren’t created equally so you want to add a little extra cost to one option. 

Instead of adding each pair of shoes as a separate product in your WooCommerce store, you’d add additional fees to each attribute (in this case, an additional $10 to leather). So depending on which one a customer selected, their end price would be updated to reflect their choice.

woocommerce product variations price

This could work for any attribute you wanted to add additional fees too, allowing you to set up a customized pricing structure quickly and intuitively. 

This can only be done with a plugin, however, and the one we recommend is WooCommerce Attribute Swatches. This plugin makes it a lot easier to customize fees for your products.

Now it’s possible to create complex pricing structures for variable products by increasing or decreasing the price based on the chosen product options.

How WooCommerce Attribute Swatches works

WooCommerce Attribute Swatches isn’t just a WooCommerce product variations pricing plugin. 

As the name suggests, Attribute Swatches also allow you to update your product attributes to display in a much more intuitive and user-friendly way. Including:

  • Color and image swatches
  • Radio buttons
  • Upgraded text swatches

All of these are displayed on individual product pages and can also be used on category pages and product filters. 

Essentially, Attribute Swatches allows you to improve how your product attributes look and function, as well as add the bonus ability to set different prices for product variations.

attribute pricing woocommerce

So let’s take a look at the latter and set up product variation prices for your WooCommerce store.

How to set product variation prices in WooCommerce

In this example, we’ll be adding an extra fee to a picture frame glass quality. 

To set specific prices for product attributes, take the following steps:

  1. Go to WordPress  > Products in your WordPress dashboard/admin area.
  2. Find the variable product you want to edit, and click Edit.
  3. Scroll down to the Attributes tab in the Product Data section.
variable product attribute settings
  1. Expand the attribute you’d like to add fees to.
variable product attributes
  1. Scroll to the Fees section and enter the additional fee you want to charge in the Fee section.
woocommerce product attribute price
  1. Click Save attributes.
  2. Then click Update (at the top right-hand side of the page) to update your product.

Now when viewing the product in the front end of your store, these attribute values will have additional fees.

woocommerce product variations price

Setting your WooCommerce product variations price

Managing different prices for your product variations can be straightforward if you have the right tools on hand to help you customize and manage them efficiently. WooCommerce Attribute Swatches helps you do just that.

Displaying Variable Pricing

Displaying variable pricing on your WordPress WooCommerce site is essential for creating a user-friendly shopping experience. It allows customers to easily compare prices and select the options that fit their budget without having to manually search for product variations.

WooCommerce Variation Prices allow you to have greater control over how your pricing structure is presented to the end user.

WooCommerce Variation Prices Screenshot

This plugin provides an extensive range of features to help you control how, when and where your pricing structure is displayed.

Some of those features include but are not limited to:

A price range separator

Replace the dash between the low-high variation prices with anything you like – e.g. “$50 to $100” or “$50 / $100”.

Create custom pricing ranges and variations.s

List all variation prices

Customers hate having to select a variation before they can see the price. List all variation prices immediately.

Hide variable product price

Want to hide the variation price range completely? You can quickly and easily hide product prices until a variation is selected.

WooCommerce Variation Prices controls how the prices of your variable products are displayed. It doesn’t change the price which your customers are charged.

In Conclusion

Variable pricing helps stores remain competitive, capture customers, reduce inventory surplus and increase revenue. Displaying variable pricing attracts customers with discounts or promotions and allows them to compare prices to other retailers.

This article was filed in our archives.
Article by
James Kemp
James is the founder of Iconic, a WooCommerce plugin shop selling premium plugins to enhance your eCommerce store.

Discover More

10 Responses

  1. Hi, is there a way that the attributes drop can also showcase the different price either positive or negative based on currently selected option.

    For Example, check here – https://www.ant-pc.com/gaming-pc/pharaoh/ant-pc-pharaoh-rz500x

    if you got to the link above, and open the drop down of processor, each of the value will consists of a difference amount dynamically appearing, showcasing the value extra value to be paid or value reduction that will happen after we switch to another choice then what is currently selected. This gives a price difference idea of increase/decrease to the buyer in an easier way.

    Currently, in your plugin, I can show the value of that attribute/variant but it doesn’t show the price impact in overall price of the final product.

    1. Hey,

      James here from Iconic. You’re right – right now the pricing isn’t dynamic in that way because the final price is not available until all options are selected.

      For example, if a variation was $40, and another was $30, we wouldn’t know that until the user selected all the attribute options.

  2. Hi
    I can’t seem to find a plugin that offers the the fee variation either. The link in the article does’nt work. Do you know what to do?

    Thank you
    Tine

    1. Hi Tine, which link isn’t working for you?

      Just to confirm, do you have the WooCommerce Attribute Swatches plugin installed and activated on your website already?

      1. Hi Mark

        It’s the link for the plugin that’s not working, and I can’t seem to find any plugins that will let me add fees in that way.
        I don’t have the plugin installed. It doesn’t com up when I search for it.

        Thank you so much for replying.

        1. Hi Tine, the Attribute Swatches plugin is a premium plugin that you can purchase by clicking on this link. It will take you to its website to buy a license, and once you’ve done that you can download and install it on your website.

  3. Hi,
    In WordPress version 5.9.2 there is no fees option in the drop down menu of the attribute where I want to change the price.
    Can you advise where to change the price of one attribute?

    Thx
    Rawan

    1. Hey,

      Are you using our WooCommerce Attribute Swatches plugin, linked in the article? That is what makes this option available.

      Thanks,

      James at Iconic

Share Your Thoughts

Your email address will not be published. Required fields are marked *

New discoveries, every week.
Join thousands of designers, developers, and builders that come to WP Mayor to find the best guides, tools, and services for their next website. One email, once a week.
WP Mayor Newsletter

Unlock higher conversions and a better user experience 🚀

Download our FREE 60/30/10 guide to web design.

By downloading this guide, you are opting in to our email list. You may unsubscribe any time.

What's missing?