Author: Đạt Trần

Posted on by — 1 Comment

How To Add Size To Product In WooCommerce

woocommerce variable product

If you are selling clothing, you may have to deal with product’s variation. One T-Shirt may have more than one size, color… In WooCommerce, such products are called variable products (since they have more than one variation).

So, how to add size to product in WooCommerce?

Understand product variations

When a product has multiple attributes (such as color: red, black, size: S, M, L) we usually don’t create different product for each variation but instead we create a product with variations.

For example, you want to sell a t-shirt with sizes S, M, L, you only need to create one product and add three variations S, M and L.

When your customers go to your store to make the purchase on this product, they must select a single variation before adding to cart.

How to add size to product in WooCommerce

From the understanding of variation product, you can guess that we are going to create an attribute called size and assign the desired values to them. In this example, I’m going to add three sizes: S (small), M (medium) and L (large) or a T-Shirt product.

Adding size attribute

Let’s go to Products->Attribute in your dashboard:

start creating attributes on WooCommerce

Now, in the new screen, enter the following details to start creating the size attribute:

Create woocommerce attributes

Click on add attribute button to save the configuration. Now, you have a “Size” attribute.

It’s time to add the specific variations to this attribute.

After clicking on “Add attribute” button, the attribute is create and you see it appears on the right:

start configure variation for size attribute

Let’s click on configure terms to start adding specific sizes.

adding terms to attribute

As you can see here, there is a form for us to enter the details of a possible variation. Let’s go ahead and add all the variations (S, M, L) by entering the details and click on “Add new Size” button.

Finally, we have three variations listed on the right like so:

How To Add Size To Product In WooCommerce 1

Now, we are ready to add those sizes to the T-Shirt product.

Adding Size Variations To T-Shirt product

Let’s start by going to Products->Add new. In the new window, let’s scroll down to “Product data” and select the product type to “Variable Product”:

How To Add Size To Product In WooCommerce 2

Now, let’s go to “Attribute tab” and in the only drop down in that that, select Size and click on “Add”:

Select size attribute and add to the product

You’ll see that new fields appear. Let’s click on “Select term” input box and select all the variations we want for our product. You don’t have to add all of them. However, in this case, I’ll add all three by clicking on them.

add all possible variation to the product

Then, make sure you check the “Used for variations” checkbox and finally, click on Save attributes to complete the tasks we need to do on this tab.

added all variations

The next step would be click on “Variations” tab, click on the only select box in that tab and select “Create variations from all attributes”

create variations from all attributes

After clicking on “Go”, there will be a dialog box appears to confirm the creation of variations. Let’s click on OK and you’ll see all the size variations are created:

size variations added

Now, it’s time to configure specific properties for each variation. When you click on each variation, you’ll see a new tab appears:

configure specific properties for size variations

You can see that, there are a lot of fields for you to enter specific properties for each size variation. For example, you can set the variation own price and sale price. Since we are adding sizes, you can specify the dimension of each product here.

I’m going to add some images to the variations and set different prices.

Finally, let’s save all changes and publish the product.

View the different product sizes as customers

Let’s view the product on our store:

how to add size to products in WooCommerce

As you can see, this product display is different from normal product:

  1. It has variable price. The price is ranging from the lowest to highest priced variation. Since my product has three size variations which costs from $20 to $30, the price is shown as $20 – $30.
  2. There is a select box for customer to pick the size.
  3. The buy now (add to cart button) is greyed out if the customer hasn’t picked a variation.

Conclusion

There you have it! You now now how to add size to products in WooCommerce. This is the power of variable products. It doesn’t limit you to add just sizes, you can add colors, weight… variations to your products too.

If you have any questions, simply leave a comment below.

Posted on by — 2 Comments

Easy Way To Create WooCommerce Combo Products For Free

woocommerce combo products

The idea of WooCommerce combo products is not new. Creating combo offers is a great way to increase revenue since people tend to make the purchase if there is a discount offer.

Creating WooCommerce combo products is easy and I’m going to show you how with a free (and awesome) plugin.

Download WooCommerce Combo Offers

Your first step would be downloading the plugin WooCommerce Combo offers here.

After that, you can install the zip file to your site and activate it. Another good way to install a plugin when it’s available on WordPress.org is to search for it in Plugins->Add new and install it from there.

Now I assume that you have the plugin installed and activated. It’s time to create our first WooCommerce combo product.

How to Create WooCommerce Combo Products

For this example, I’m going to create a combo product for these three products:

Easy Way To Create WooCommerce Combo Products For Free 3

Now, let’s click on Products->Add new. If you scroll to product data and click on the select box at its right, you’ll see there is a new product type: combo offer:

new product type combo offer

This is the option we need to select.

After you select this option, there is a new tab appears:

new tab to configure woocommerce combo products

This is where you configure the combo product.

There are some important options in this tab that you need to pay attention to.

The first option is the top most input box says “type any keyword to search”. This is the box where you search for products to add. Simply type the name of the products then you can select it to the combo.

select products to create woocommerce combo products

As you can see, I have added three products mentioned at the beginning of this section. After adding the products, I can change the quantity of each product. If I don’t want any product to be in the combo, I can easy click on the x icon at the right to remove it.

The next thing you need to do is to set the price for the combo. By default, the plugin will sum the prices of all single product. However, doing so gives no reason for the shopper to get the combo.

You may want to give your potential customers a discount. With the plugin, you can configure a percentage discount or a fixed price discount.

As you can see from the screenshot, the total of my three products is $78. To set a fixed price for this combo, I’ll go to General tab and set the price from there. Before doing so, make sure you disable the Auto price check box:

disable autoprice for woocommerce combo products

Another type of discount is based on a percent of the regular price (the sum of all products). This option works better than fixed price discount if you allow the customer to change the quantity of items in the combo:

setting percentage discount for the combo

Once you check the “Optional products” checkbox, you’ll see new fields appear. Here, you can set the minimum and maximum quantity for single products in the combo. Thus, you can prevent customers set some particular products to 0.

Finally, you’ll have an option to set some text before and after the combo products. It’s totally optional to set text here.

Test a WooCommerce combo product

Now it’s time to test our product.

woocommerce combo product

As you can see, all the products I selected are available in the combo. I can now add this product to cart and proceed to checkout as I do with other product types.

woocommerce combo products in cart

Conclusion

There you have it. This free plugin is what you need to do to create WooCommerce combo products. If done right, combo products can be an awesome tool to increase sales for your store.

Posted on by — Leave a comment

[Solved] WooCommerce Additional Email Recipients

woocommerce additional email recipients

By default, there are only two parties that get emails when an action is performed in WooCommerce. They are the store owner and the customer.

For example, when an order is placed, the store owner gets one email, the customer get one email.

What if you want to add additional recipients to those emails? Maybe your wife says: “Hey, add my email so I can see how well you are doing”.

Who can refuse, right?

OK, you have your own reasons. No matter what they are, today, I’m going to guide you how to enable WooCommerce additional email recipients.

How to enable WooCommerce additional email recipients

Were are going to need a free WooCommerce plugin for this. Let’s download https://wordpress.org/plugins/wc-multiple-email-recipients/ to get started.

The plugin is very simple and its interface is easy to use.

After you install and activate the plugin, click on the Settings link right below the plugin’s name:

[Solved] WooCommerce Additional Email Recipients 4

Here is its dashboard:

[Solved] WooCommerce Additional Email Recipients 5

You can see that there are 5 fields for you to enter additional emails. That’s right, you can’t enter more than 5 addition emails. Most of the time, people are happy with this limit. However, if you want to add more than 5 people to receive your store’s emails (maybe all your family members want to know how well you manage your store), then please let me know. I can do a custom work for you.

Next, you’ll notice a list of checkboxes. Those are the emails that you want to send to those additional addresses. For example, you want to save your wife from those brutal refund notifications. Thus, you will not tick the box at the left of refund emails.

Plugin’s limitations

There you have it: a simple plugin that helps you enable woocommerce additional email recipients. In my opinion, this plugin serves its purposes well. However, there are some limitations:

  1. You cannot restrict what emails are sent to what addressed. Once you enter the email addresses in one of those 5 fields, they will get all the emails that checked.
  2. You only can send to 5 emails

Conclusion

So, what do you think about the plugin? Do you have any suggestions to make it even better? Please leave your comments below.

Posted on by — Leave a comment

[Solved] Hide WordPress Dashboard Notifications Without Using Plugins

[Solved] Hide WordPress Dashboard Notifications Without Using Plugins 6

There are a lot of times you find your dashboard is flooded with tons of notifications, mostly from plugins and themes.

Hide WordPress Dashboard Notifications

In rare cases, those notifications are useful. Most of the time, they are outright annoying. Some notifications even appear after you click on the close icons right next to them.

So, you wonder, is there any way to hide these notifications for good? If possible, without using a plugin?

Well, that’s the reason I’m writing this. I’m going to show you the easiest way to hide WordPress dashboard notifications without using any plugin.

Are you ready? Let’s get started.

Hide WordPress Dashboard Notification in less than 1 minute

With this method, you need to write some code. Don’t worry, you are not actually writing any code but to copy and paste some code I have here.

Now, copy this code:

add_action('admin_head', 'bc_disable_notice');

function bc_disable_notice()
{ ?>
 <style>
    .notice { display: none;}
 </style>
<?php }

Where to put this code, you might ask.

Well, let’s put this at the end of your themes functions.php file.

However, as I mentioned in many of my posts, this is not a safe way since your changes could be overridden by theme updates.

So, make sure you create a child theme of your current them and put that code at the end of your child theme’s functions.php file.

Save the file and reload your dashboard. The notices should have gone.

Hide only dismissible notices only

What if you want to hide only dismissible notices only? (The ones that have the close button at their right). Well, it’s super easy too.

Let’s remove the code you entered previously and replace with this one:

add_action('admin_head', 'bc_disable_notice');

function bc_disable_notice()
{ ?>
 <style>
    .notice.is-dismissible { display: none;}
 </style>
<?php }

Save the file and you are done!

Conclusion

There you go. Now you can hide WordPress dashboard notifications without using any plugin. Let me know what you think and if you have suggestions, leave a comment below.

Posted on by — Leave a comment

Get WooCommerce Force Sells In 5 Minutes

When I first heard about WooCommerce force sell, I wonder why a store would do something like that? In the end, the customers are the ones who decide what to buy. Why do vendors force them to buy something.

Then I quick realize, many stores sell products together. For example, when you buy a car, buying an insurance policy for that car is a must.

There are still many examples in real life that make you, as store owner, to bundle products to sell together. If you find yourself in such situations, force sell is a good solution.

How To Implement WooCommerce Force Sells

Implementing force sell is quite simple with my new plugin. I call it BC Plus One. I don’t really like the name force sell so I want to name it something more natural. Furthermore, the name makes sense since these WooCommerce force sells products are similar to plus ones of the main product 🙂

Let me show you how it work first then you can see if it’s a good fit for you.

The scenario

Let’s imagine the following scenario. It’s almost winter now (November) but people still want to go to the beach. Thus, they are going to buying something like this:

woocommerce force sell main product

However, if they only buy this, there is a good chance that they will catch a cold after having a good time swimming and playing. So, it is a good idea to gently remind them that a scarf is a must, to protect them from catching a cold.

additional force sell product

It makes so much sense right? Our customers will be touched because we care so much about them.

So, the idea is, when the customers buy the swimwear, the scarf will be added to cart automatically.

How to Setup Plus One Product (WooCommerce Force Sells)

It is super easy to setup a plus one product.

Let’s edit the swimwear, go to linked products:

woocommerce force sell configurations

As you can see, along with upsells and crosssells, you have two new boxes to enter products:

  1. Non sticky plus one
  2. Sticky plus one

What are the similarities and differences between them?

The only similarity between sticky and non sticky plus one is when you add the main product (swimwear) to cart, both sticky and non sticky get added too.

Now let’s talk about the difference between them. Sticky plus one’s quantity is in sync with the main product. That means when you change the main product’s quantity in cart, sticky’s quantity changes accordingly while non-sticky’s stays unchanged.

Sticky products, when added along with the main product, cannot be removed individually. Meanwhile, you can do that with non-sticky plus one without problems.

The final difference is, when the main product is removed from cart, only sticky plus ones are removed.

Sounds confusing? No worries, I’ll walk you through some examples.

We are going to add a non sticky plus one first. Let’s click on the input box at the right of “Non sticky plus one” and start typing the name of the product we want to add (If you select a variable product as plus one, make sure you pick the right variation).

As we need to add the scarf, I’ll start typing scarf into the input box:

force sell product suggestions

Sure enough, you can see the product appears right below. Let’s click on the product to select it and update the main product.

Now, let’s add a main product to cart (the swimwear) and sure enough, the scarf is in the cart too:

Get WooCommerce Force Sells In 5 Minutes 7

Now, if I remove the main product, the plus one product stays in cart since it’s not sticky.

As I mentioned above, if you want the to remove the plus one product along with the main product, add it in the sticky box.

Customize the look of the plus ones products in main product’s listing

Now, let me add another plus one product to the main product. This time, I’m going to make it sticky.

Let’s say after selling the duo a while, some of our customers still catch a cold. Obviously, a scarf is not enough. As a result, I need to add something stronger, a jacket maybe.

add another force sell product

Now, if I view the swimwear, I can see there are two products below:

Get WooCommerce Force Sells In 5 Minutes 8

Well, the two products are there but they don’t look very significant. As a result, our customers may miss that part and think we don’t care about their health enough.

How about adding the products’ images, prices and make the products’ title clickable?

All is possible if you go to Binary Carpenter->Plus One:

Get WooCommerce Force Sells In 5 Minutes 9

You’ll find all the nice settings here:

woocommerce force sells settings

Let’s check all the checkboxes, then click on save settings and go to take a look at our product page again:

Get WooCommerce Force Sells In 5 Minutes 10

Do you think the new listing looks much better? I’m sure you do.

Where to get the plugin?

Get single site license

Get it now

Get 5 sites license

Get it now

Conclusion

There you go. Does the plugin do what you need? If so, awesome! You can download it here with a small fee. Please remember that your purchase comes with lifetime update and support from me.

If you think the product still needs some improvements, I would love to hear your opinion.