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.
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.
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.
Then, once all product options are selected, the total variation price will be displayed, ready for your customer to purchase.
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:
- Install the variation plugin, WooCommerce Attribute Swatches.
- 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:
- Go to Plugins > Add New > Upload Plugin.
- Choose the zip file you downloaded, upload, and then click Activate.
- 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:
- Go to WordPress > Products in your WordPress dashboard.
- Find the variable product you want to edit, and click Edit.
- Scroll down to the Attributes tab in the Product Data section.
- Expand the attribute you’d like to add fees to.
- Scroll to the Fees section and enter the additional fee you want to charge.
- Click Save attributes.
- 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.
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.