How to Sell Products By Weight in WooCommerce (Price per kg)

Are you looking to sell products by weight in WooCommerce? There you go. We have created a Step-by-Step Guide on How to Sell Products by Weight in WooCommerce.

WooCommerce lets you add products’ dimensions, weights, and sizes. There are many scenarios when you would like to sell products by their quantity, such as when selling fruits, vegetables, dry fruits, nuts, etc. 

In this tutorial, I’ll show you how to sell products by weight in WooCommerce. To get the desired results, I’ll use the WooCommerce Product Table Plugin to show variations quickly in a table and the WooCommerce Variation Swatches Plugin to create product variations.

I’ll show you each step in detail with the help of images to help you understand the process better. So, continue reading to check out how to sell products by weight in WooCommerce. 

How to Sell Products By Weight in WooCommerce? 

We will add weight options as variations in our WooCommerce store to sell products by weight. 

For instance, if you are selling sweets or, let’s say, dry fruits, you can create and add multiple weight variations, such as 500g, 1Kg, 1.5Kg, 2Kg, and more in WooCommerce. After adding these as variations, we will show them in a table to let customers choose easily. 

If a customer wants to buy 1.5Kg Almonds, they can add 500 grams variation and 1Kg variation to their Shopping Cart. 

Follow the steps to sell WooCommerce products by weight. 

1. Install WooCommerce Variation Swatches Plugin & WooCommerce Product Table Plugin

To install the WooCommerce Variation Swatches Plugin & WooCommerce Product Table Plugin, you must install the Woosuite Core plugin and activate your Woosuite license key. We have created a Quick Start Guide to walk you through the installation process. 

2. Create Or Edit A New Product

I’m starting this from scratch, so it will be easier for you to understand. But, you can also edit an existing product if you want. 

In WordPress Admin Dashboard: Products > Add New > Click on it.

1. Give a Name to Your Product

In the ‘Add Product Name’ field, enter the name of the product you want to show on the front-end. 

2. Add A Short Description for the Product

In the ‘Product Short Description’ field, write a short description of the product you want to show on the Product page. 

3. Change ‘Product Type’ to ‘Variable Product’

We will create variations for the product in the upcoming steps. To create variations, we will need to change the ‘Product Data’ to ‘Variable Product’ from ‘Simple Product.’

To create ‘Product Attributes’ in WooCommerce, search for the ‘Attributes’ option in the ‘Products’ submenu. 

4. Upload a Product Image

Look for the ‘Product Image’ section in the right sidebar of your product edit page. Click on the box to add an image to your new product. 

5. Click on the ‘Publish’ or ‘Update’ button. 

Click on the ‘Publish’ or ‘Update’ button to publish the product. 

3. Create Product Attributes For Your WooCommerce Store

To create ‘Product Attributes’ in WooCommerce, search for the ‘Attributes’ option in the ‘Products’ submenu. 

1. Add ‘Weight’ in the Name Field

We will create the Weight attribute in this tutorial. So, we will add ‘Weight’ in the name field. This will show on the front end. 

2. Select ‘Type’ to ‘Label’

From the given options, select ‘Type’ to ‘Label.’ This determines how this attribute’s values are displayed. 

3. Click on the ‘Add Attribute’ Button

Click on the ‘Add Attribute’ button to save and publish the new product attribute. 

4. Add Items to Your New Attribute

You will see all the attributes you created on the same Attributes page. You can see the same in the given image. 

5. Configure the Attribute

Click on the ‘Configure Items’ button to edit the attribute and add value to it. 

Read Also: How To Add Color Swatches in WooCommerce.

6. Create Product Sizes

Follow the steps to Create Weight Variations.

6.a. Give A Name to Your Product Sizes

In the ‘Name’ field, Add weights like ‘500 Grams,’ ‘1 Kilogram,’ etc. This will appear on the front end. 

6.b. Repeat the Same Steps to Create More Product Weight Attributes

Repeat the same steps to create more product weight variations. 

4. Add Weighted Product Variations For the Selected Product

Follow the given steps to create weighted product variations. 

1. Edit the Product to Create Weighted Product Variations

Head over to your ‘Products’ section, and edit the product you created or edited at the beginning. 

In the WordPress Admin Dashboard: Products > Choose the Product > Edit > Click on it.

2. Import Attributes to the Product

Look for the ‘Attributes’ option in the Product Data section. And, click on it. 

Choose Weight from the dropdown, and click on the Add button.

Click on the ‘Select All’ button. 

Tick the ‘Used For Variations’ button.

Then, click on the ‘Save Attributes’ button. 

5. Create Variations from Product Attributes

Jump to the ‘Variations’ settings in the Product Data section. 

From the dropdown, select Create Variations from All Attributes, and click on Go.

6. Add Information to Weight Variation

In the steps, we will add information to all our product variations, such as adding price, image, stock, etc. 

1. Add Variation Image

Click on the ‘Image’ icon and select the variation image from your image library. 

2. Set Price to Your Variation 

You should add the price for the variation to the ‘Regular Price’ field. 

3. Add Available Stock for the Variation

Tick the ‘Managed Stock’ button to enable the ‘Stock Quantity’ option. 

In the ‘Stock Quantity field,’ mention the stock available for this particular variation. This will be visible on the front end. 

4. Add Weight to Variations

Look for the Weight(kg) option, and add your variation weight there.  

5. Repeat the Same Steps for All Variations

Now, repeat the same step mentioned above for all variations you created. After doing this, click on the Update button to save all the changes. 

7. Navigate to Product Table Plugin’s General Setting

Look for the Woosuite option in the right sidebar of your WordPress toolbar. Then, click on the ‘Product Table’ option.

Navigate to the Woosuite Submenu > Click on the Product Table in the WordPress Admin Dashboard.

After clicking on the ‘Product Table,’ it will redirect you to the ‘General Settings.’ 

Read Also: How To Display Variations on the Shop Page for WooCommerce?

8. Click on the ‘Add New Table’ Button

Woosuite: Product Table > General Settings > click on the Add New Table button. 

After clicking on the ‘Add New Table’ button, it will redirect you to a new page with an additional settings section on it. 

9. Navigate to Order Form Display Setting

Click on the ‘Order Form Display’ dropdown arrow to access the settings.

10. Create Weight Variations Table

Follow the mentioned steps to create a variation table. 

1. Give An Internal Campaign Name

Enter an internal campaign name for your new variations table in the ‘Title’ field. This is for internal purposes only. 

2. Navigate to Order Form Information Settings

Head over to the ‘Order Form Information’ settings. 

3. Add Columns to the Product Table

Now, you need to add columns to your WooCommerce variations Table. You can add columns to the table according to your preferences. 

To add a particular column in the product table, you have to drag the required columns from the ‘Available Columns’ box to the ‘Current Selected Columns’ box. 

Video: https://drive.google.com/file/d/1A7zAczMJf8BeSvb3M2fsj-aFRdJdXisa/view?usp=sharing

You can also edit the Columns’ name, width, and class by clicking on the ‘Pencil’ icon. Click on the Pencil icon. There you will see three options. 

1. Name: You can change the name from this option. 

2. Width: By default, this will be set to Auto. You can add the preferred width in the Width field. 

3. Class: This field is here to let you customize the particular field with the help of CSS. You can enter your CSS code in this field. 

For my WooCommerce variations table, I will add these columns – SKU, weight, thumbnail/image, stock, price, and add-to-cart button. 

We will also add more columns like checkboxes and other options through other settings. So, keep following the steps.

4. Enables Checkboxes and Add to Cart Button

To enable the Checkboxes and Add to Cart feature, head over to the ‘Bulk Add to Cart’ setting. 

Select the ‘Add to Cart Button Display’ option to ‘Button and Checkbox.’ 

5. Show Quantities in the Table

Turn on the ‘Quantities’ option to let buyers change the quantity before adding the products to the cart. 

6. Show Variations On the Product Table

Select the ‘Variation Setting’ to ‘Separate Rows in A Table.’  

7. Click on the Save Changes button

Now, it’s time to save the changes and publish the product table. 

To save the changes, click on the ‘Save Changes’ button present at the top-right corner of your WordPress dashboard.

Also Read: A Definitive Guide On WooCommerce Product List View

8. Select the Variation Table

Head to Product Table’s General settings, and look for ‘Enable Variation Table.’

From the dropdown, select your recently created variation table. 

9. Hide ‘Search Bar’ From the Table

Edit your variation table from the Product Table’s ‘General settings’. 

Head over to the ‘Order Form Control’ settings, and search for the ‘Search Box.’ 

Select ‘Hidden’ from the dropdown. 

10. Disable Product Totals to Show on the Product Table

Look for the ‘Product Totals’ option, and select ‘Hidden’ from the dropdown. 

11. Disable Headings

Go to the ‘Order Form Design’ settings to remove headings from your weight variation table. 

Search for the ‘Disable Heading’ option, and toggle it on. 

Final Results

We have now figured out how to sell products by weight in WooCommerce. We made all the settings correctly. We will now check whether everything is working fine or not. 

I’m currently on the Product Page, and you can see the weight variations table in the product description. Here are the final results we got with the help of the Product Table Plugin and WooCommerce Variation Swatches Plugin. 

Conclusion

We finally checked out how to sell products By Weight in WooCommerce. I hope you understood the steps properly and implemented the same on your WooCommerce store. If you face any issues while selling products by weight, leave a comment or contact Woosuite customer support. Our dedicated customer support team typically replies within 48 hours. 

Ready to sell products by weight in WooCommerce?
Install the WooCommerce Product Table plugin & WooCommerce Variation Swatches Plugin today.