Posted on Leave a comment

Sell Extra Items With WooCommerce Product Addons

Sell Extra Items With WooCommerce Product Addons 1

WooCommerce product addons are things you sell with your main product. Imagine this scenario: A customer buys a phone on your store. The phone costs $300. If you don’t have any other items to sell along with the phone, your revenue would stay at $300. However, you can offer extra services to maximize your revenue. For example, you can offer screen glass installation for extra $15, one more year warranty with $15 more. If the customer decides to get all those extras, you’ll get $30 more. That’s is 10% increase in revenue.

In this post, I’m going to show you how you can use WooCommerce product addons to maximize your revenue.

Get WooCommerce Product Addons plugin

The functionality we need to enable selling addons is not available in WooCommerce. So, you need to get a plugin to do that job.

Click here to download WooCommerce product addons

Once you get the plugin, install and activate it to get started.

Create addon for a single product

Let’s take the example at the beginning of this article. I’m going to create a product on my store and walk you through the process of creating two addons:

  1. The glass cover installing service
  2. One extra year of warranty

Let’s edit the product. Under product data, you’ll see there is a new tab called add-ons. Let’s click on that tab:

woocommerce product add ons tab

Now, click on add field button to start creating our first add-on. I’m going to create the glass installing service first.

adding a add-on to woocommerce product

As you can see, adding an add-on to a product is quite simple. First, I need to specify the type of the field. In this case, I select checkboxes since this is an optional service, the customer can check or uncheck that box to add the add-on to cart or not.

Next, I write a title for the add-on and a description.

Then, you’ll see there is a place to mark this add-on is required or not. There are required add-on such as when you buy a car, you must buy an insurance policy. However, in this case, the service is optional so I’ll leave that field unchecked.

Finally at the bottom, here you can set the fee for the add-on. As mentioned at the beginning of the post, the fee for this add-on is $15.

Now, we have created one add-on, let me go ahead and create the other.

add another add-on to the product

Now, let’s save the product and see what does it look like.

woocommerce product addon on product page

As you can see, the two add-ons are available on the product page.

If you think the title of those add-ons are quite hard to see, I agree. Let’s change the title type from label to heading

change add-on title from label to heading

Now, view the product page, you can see that the headings are stand out:

product add on title in heading

When you pick these add-ons, the price adjust accordingly:

Create global add-ons for all products in your store

Creating add-ons for single product is easy. However, there are times that you want to create one add-on that apply to all products on the store. Going through every product on the store to add that add-on would be impossible.

Luckily, you don’t need to do that. This plugin allows us to create add-ons that applied to all products on the store.

Let’s learn how to create that.

Under Products, you’ll see there is a new option called Add-on:

add on option under woocommerce products

Click on that, you’ll see this screen:

add on screen to create new add-on for all products

Let’s click on Create new button to create a new add-on. In this example, I’m going to create a multi options add-on. The details of the add-on as follow:

  1. Option one: get the product today, cost: $20
  2. Option two: get the product within 2 days, cost: $10

If the customers don’t use this add-on, the products are delivered by normal shipping.

create a global add-on entering details for the add-on

First, you need to enter some details for the add-on. These details are not visible on the front-end (that means your customer won’t see them). As you can see from the screenshot above, you can specify the categories that this add-on is available. For simplicity purpose, I’ll choose all products.

When scroll down, you’ll see a similar screen to the one in single product for creating add-on. Here is the configuration for the shipping add-on I mentioned above:

create-multiple-choice-add-on-for-woocommerce

As you can see, instead of selecting checkboxes in the type select dropdown, I choose Multiple choice since we have two choices this time. At the bottom, I added two options as mentioned. The cost of the two options are $20 and $10 accordingly.

Now, click on the publish button at the bottom to make this add-on available to all products on the store.

Let’s go ahead and see the multiple choice add-on on single product page:

As you can see, the add-on is fully functional. You can switch between options to get the shipping you prefer.

You can also notice a subtle bug. When I choose none, the subtotal is $0. This is incorrect. It should be the cost of the product.

Final thoughts

As you can see, WooCommerce product addons plugin is a great tool to sell extra items that is related to the current product. It is quite similar to a upsell. If the add-on is required, it would be similar to a force sell product. Hopefully this plugin can help you increase your revenue and profit.

You can find out more about the product here.

Posted on Leave a comment

[FREE] How To Print WooCommerce Shop, Category Page To PDF

[FREE] How To Print WooCommerce Shop, Category Page To PDF 2

If you are looking for a way to print your shop page, category page (archive pages) or product page, you came to the right place. Recently, a client asked me just that.

So I searched for a plugin since people say, when you need a function in WordPress, there is a plugin for that. And yes, in this case, there are two plugins: one paid and one free.

There is one from WooCommerce.com that does the job. This is what it does:

While the plugin does it job, I felt that the functionalities doesn’t justify the price tag $49. So, I tried to search for any free alternative available. Yes, there is one available for free here.

However, don’t install that plugin yet. It broke my site. It seems the author was in a hurry and he missed some important library.

So I decided to put some time to fix that plugin and here is what I got:

It looks pretty good right? I think it’s better than the $49 from WooCommerce.

So, if you want, you can download the plugin below to start adding that print to PDF function to your site.

Download print to PDF plugin here

I don’t take the credit of making the plugin. However, since the current version on WordPress.org is not functioning, I had to create the fix and post it here.

Hope you enjoy it.

Posted on 1 Comment

WooCommerce Tab Manager – Add, Remove, Reorder Tabs

woocommerce tab manager

If you find yourself need to add, remove or reorder WooCommerce tabs (in single product page), this post is what you need. I’m going to show you how you can use WooCommerce Tab Manager (a plugin) to:

  1. Add more tabs to WooCommerce product pages
  2. Remove tabs that you don’t need
  3. Re-arrange the tabs in the order you like

Now, let’s get started.

The default WooCommerce product page tabs

By default, on a single product page, you’ll see the following tabs:

default woocommerce tabs in single product page

These three tabs come with almost all WooCommerce products. I said almost because the Additional Information is not available in WooCommerce simple product. It is usually seen in variable products. However, since the information in that tab is not particularly useful, there are many people seek a method to remove it.

If you want to remove that tab, no worries, I’m going to show you later in this post.

Get WooCommerce Tab Manager plugin

To accomplish things we are going to do in this post, you need to get WooCommerce Tab Manager plugin.

Click here to get WooCommerce Tab manager

Remove WooCommerce default tabs

Now, with the plugin installed and activated, let’s go to WooCommerce->Tab manager:

woocommerce tab manager

To remove a WooCommerce default tab, click on Default tab layout:

Default tab layout woocommerce tab manager

To remove a tab, simply click on the remove button at the right of that tab and then click on Save changes.

For example, I’m going to remove the additional information tab on my product page. Let’s see the product page now:

woocommerce remove additional information tab

As you can see the additional information tab is removed.

Change WooCommerce tab name with WooCommerce Tab Manager

Still in the “Default Tab Layout” tab, you can see that you can change the tab title and heading.

For example, for the description tab, it currently has the following title and heading:

product tab title and heading

Now, I want to change:

  1. Description to info
  2. Product description to Product information

I can do it quite easily in WooCommerce Tab Manager.

This is the default title and heading:

default tab title and heading

Now, I’ll update to the new information:

update product tab title and heading in woocommerce tab manager

Save the changes and view the product page:

product page description tab title and heading updated

As you can see, the Description tab title and heading are changed to the value I set.

Add global tabs that available to all products

Now, what if you want to add tab to all products on your store (you can limit that tab to show on specific categories only, I’ll show you later).

For example, I want add special thank you note to all customers in a tab. Thus, I’m going to add a tab called Thank you and the content should be the sincere thank you note.

In WooCommerce Tab Manager, click on Add Global tab and then start filling the content for that tab.

create a new tab with woocommerce tab manager

Click on Save tab to save the changes.

The tab is not visible on the product page yet. Now you need to click on Default Tab layout tab to add the thank you tab to the list of visible tabs.

On the Default Tab Layout screen, at the bottom right, you’ll notice that there is a select box and a button for you to add the tab to list of visible tab. Select the tab you want to add and click on Add:

add the thank you tab to the list of default tabs

Now you see that the new tab is added:

new tab added to woocommerce product tabs

Save changes and view the product page. Sure enough, the new tab is there!

new tab is visible

Configure the new tab to be available in specific product category only

If you want, you can make the new tab available in specific categories only. this make sense since there are information that isn’t related to all products on your store.

Switch to the list of tabs by click on Tabs and click on the tab you want to edit:

list of created tabs

If you look at the right, you’ll see there is an input box to enter the list of categories that this tab is shown:

select the list of categories that the tab is visible

Save changes and you’ll see the tab is not available for all products but only products in your selected categories.

Arrange the order of tabs with WooCommerce Tab Manager

If you look at my tabs here:

default tabs order in woocommerce product page

You can see that the Thank you tab is below the Review tab.

What if you want to move the thank you tab up and push the review tab down?

It’s super easy.

Go to Default Tab Layout, if you hover the cursor over the tab headers, there is a four direct arrows icon appears. You can click and drag the tab to reorder them.

After dragging the tabs to your desired location, click on save changes and see the result:

reorder tabs in woocommerce product page

Add tab to specific products

There are times you want to add tabs to one product or a few products only. In such cases, global tab is not what you need. Luckily, WooCommerce Tab Manager lets you configure tabs for single products.

Let’s edit one product to find out how to configure tabs for a single item.

In the product’s edit screen, scroll to the bottom and click on Tabs:

edit tabs in single product

As you can see, by default, the tab content is disabled. To edit the settings, you need to check the box says “Override default tab layout”.

enable editing for single product tabs

Now, you can see, the tab is active and you can start editing the tabs.

To add a new tab to this product only, click on the Add button at the bottom right of the screen to add a Custom tab. You can also add tabs that you added previously in WooCommerce->Tab manager:

add a custom tab for single product

Now, update the product and view the product page:

Single product tab added by woocommerce tab manager

As you can see, the tab is added to the product page.

Final thoughts

As you can see, the plugin is very helpful when it comes to manage WooCommerce tab. You can edit tabs, remove tabs or add tabs to product pages. You can add tabs to all products using global tabs or add tabs to single products. The global tabs can be added to specific categories only. In my opinion, the plugin does a really good job as a WooCommerce tab manager.

Want to implement WooCommerce gift cards? Check this tutorial out.

Posted on Leave a comment

Woocommerce Hide Out Of Stock Products In 1 Minute

Woocommerce Hide Out Of Stock Products In 1 Minute 3

By default, out of stock products are visible on your store even they are not purchasable. For many store, hide out of stock products is a good choice since doing so lets customers pay attention to available products only.

When a product is out of stock, you’ll see this notification on its product page:

Woocommerce Hide Out Of Stock Products In 1 Minute 4

To hide out of stock products, simply go to WooCommerce->Settings, click on Products tab then Inventory:

hide out of stock products

Nearly at the bottom of that page, you’ll see a checkbox says: “Hide out of stock items from the catalog”. Check that box and save the settings and you are done. Out of stock products are now hidden from your shop.

How to accept order on out of stock products

There are times you have hot selling item that is constantly sold out. The nice thing is you know that in a short time, it will be available again. In this case, it is unwise to hide out of stock products. Instead, we put the product in a status called “allow backorder”. That means the customers still order the product as usual and we ship it when it is available in our store.

To do so, first, undo the steps you done to hide out of stock products. We need them to be visible.

Next, go to edit the out of stock products, click on Inventory tab (under Product data) and set the options as below:

enable backorder for out of stock products

As you can see, the Manage stock checkbox is checked. Stock quantity is 0 since the product is currently out of stock. The most important option here is “Allow backorders”. You set it to “Allow, but notify customer” or simply “Allow”. Now, save the product and you are done.

Let me show you the difference between “Allow, but notify customer” and “Allow”. When you set it to “Allow, but notify customer”, on the cart page, the customer will see this:

allow backorder and notify customer

When simply set the option to allow, the notification I pointed to in the above image is not available. Customers just see it as normal, in stock product:

allow backorder and don't notify customer

Conclusion

As you can see, hiding out of stock products is not always the best thing to do. If you can restock quickly, it’s best to enable backorders to maximize the revenue. However, if you don’t plan to restock the products or they may not be available in a long time, hiding them is the best bet.

Posted on Leave a comment

How To Make Woocommerce Free Shipping Per Product

How To Make Woocommerce Free Shipping Per Product 5

If you are running a store selling items that have different shipping requirements, having different shipping terms in very important. One very common scenario is to enable WooCommerce free shipping per product. That means for other products, you still charge shipping fee. However, for some particular products, you may want to enable free shipping.

I’ll show you how to do that in this post. Good news is there is no plugin to install.

Use shipping class to enable WooCommerce free shipping per product

Shipping class is a very simple feature in WooCommerce. However, it is very powerful if you know how to use it. I made a shipping class in depth tutorial here.

Create a shipping class

Now, let’s go to WooCommerce->Settings->Shipping class

woocommerce shipping class interface

Let’s click on Add shipping class button to start creating our free shipping class. You can name any way you like. However, I’ll make it descriptive by giving it the name: Free shipping class.

How To Make Woocommerce Free Shipping Per Product 6

Click on Save shipping classes and you are done.

Configure the free shipping class’s fee

Our next step would be configuring the free shipping class fee. Let’s go to shipping zone and click on the edit button below your zone. If you have multiple shipping zone, you need to do this for every zones if you want to make the free shipping per product works for all customers in all zones.

edit a shipping zone

Next, edit the shipping method. As you can see, I have one shipping method here (a flat rate shipping method). If you have multiple shipping methods, you need to configure the free shipping class fees for all of them.

Edit shipping method
How To Make Woocommerce Free Shipping Per Product 7

In this edit screen, you can see that at (1), I have the common shipping cost to all products is $21. In order to enable free shipping for products that have “Free shipping class”, I need to enter a number that when add to the cost results in $0.

The only number that adds to 21 returns 0 is -21.

Save the changes and you are almost done.

Set free shipping class for particular products

Now, the last step would be assign the free shipping class to product that you want to enable free shipping. Let’s pick a product and edit it. Scroll down to Product data and click on Shipping tab:

configure WooCommerce free shipping class per product

Let’s assign the shipping class of this product as “Free shipping class”.

Now, if I add this product to cart and go to the cart page, I’ll see that there is no shipping fee:

woocommerce free shipping per product

That’s how you enable WooCommerce free shipping per product using shipping class. There is another way, which I’m going to show you next.

Use coupon to enable free shipping per product

Do you know that you can use coupon to enable WooCommerce free shipping per product? I’ve made a free shipping coupon tutorial here so you can have a look. Using free shipping coupon offer some unique flexibilities and it is definitely a method you can use to maximize the flexibility that you can offer to your customers.

Conclusion

As you can see, configuring WooCommerce free shipping per product is quite simple and require no external plugin. You can either use a coupon or a shipping class to enable this feature. I personally prefer using free shipping coupon as it requires less step and you can easily add products that can use the coupon at one screen.

Using shipping class has some unique strengths too. In the case of free shipping coupon, you need to add a new free shipping method in every shipping zone. This may not be desirable for some people. However, it is up to you to decide what method to use based on your actually situation.