woocommerce display variation price

WooCommerce Tutorials

How to Display the Variation Price in WooCommerce

If you want to display the variation price in your WooCommerce store, the standard WooCommerce setup doesn’t make it easy. Also, if you want to charge additional prices depending on which attributes are selected, you can’t do it. 

It is possible to display the variation price and add additional fees in your WooCommerce store. In this article, we’ll show you how.

By the end of this article, you’ll know exactly how to display the variation price in WooCommerce. The best part? You’ll be able to do it in 2 steps with the variation plugin, WooCommerce Attribute Swatches.

Start your 14-day free trial of WooCommerce Attribute Swatches

Start your free trial now and start displaying the variation price in WooCommerce

Get Free Trial

How WooCommerce Attribute Swatches works

When viewing one of your variable products in WooCommerce, a customer will be presented with a number of different options to choose from. These options will depend on the various attributes you assign to each product.

The difference here is that when they select particular variations, additional fees will be added to their total, depending on which they select.

woocommerce display variation price

All of these additional fees can be set by the store owner. Allowing you to create complex pricing structures depending on which product options are selected.

As a bonus, WooCommerce Attribute Swatches also allows you to show image and color swatches for product options. As well as visually appealing radio buttons and text boxes. Doing away with clunky dropdowns for good.

attribute swatches WooCommerce

Then, once all product options are selected, the total variation price will be displayed, ready for your customer to purchase.

display variation price WooCommerce

We’ve explored how WooCommerce Attribute Swatches works, now let’s get adding it to your site.

How to display the variation price in WooCommerce

To display the variation price in WooCommerce, you’ll need to:

  1. Install the variation plugin, WooCommerce Attribute Swatches.
  2. Add fees to your product attributes.

That’s it. Below we’ll outline these steps in detail so you can start making more sales for your online store.

Step 1: Install WooCommerce Attribute Swatches

To get started, purchase WooCommerce Attribute Swatches from the Iconic store: iconicwp.com/woocommerce-attribute-swatches

Then follow these steps:

  1. Go to Plugins > Add New > Upload Plugin.
  2. Choose the zip file you downloaded, upload, and then click Activate.
  3. Once activated, you’ll need to enter your licence key.

Now that we have WooCommerce Attribute Swatches installed, we can move onto adding fees to your attributes.

Step 2: Add fees to your product attributes

When it comes to adding fees to your product attributes in WooCommerce, you can get as complicated as you like. In this example, we’re going to be adding an extra fee to a picture frame glass type. 

To set specific prices for product attributes, do the following:

  1. Go to WordPress > Products in your WordPress dashboard.
  2. Find the variable product you want to edit, and click Edit.
  3. Scroll down to the Attributes tab in the Product Data section.
attribute settings WooCommerce
  1. Expand the attribute you’d like to add fees to.
attribute fees WooCommerce
  1. Scroll to the Fees section and enter the additional fee you want to charge.
add fee WooCommerce
  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 on your store, these attribute values will have additional fees.

attribute pricing WooCommerce

Configuring your variation prices

That’s it, your WooCommerce store now displays the variation price in WooCommerce. With this up and running, you’ll be able to provide a much clearer shopping experience for customers, resulting in more sales for your online store.

Make these change quickly and easily with WooCommerce Attribute Swatches.

Start your 14-day free trial of WooCommerce Attribute Swatches

Start your free trial now and start displaying the variation price in WooCommerce

Get Free Trial

Gina is our in-house content creator and social media manager.

Share

Leave a Reply

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