Posted on Leave a comment

WooCommerce Composite Products – #1 Way To Sell Custom Built Products

selling woocommerce composite products

WooCommerce Composite Products are a custom product type in WooCommerce that let you sell kits, custom built product with ease. One good example is computer shops that let their customers select the parts to build a computer. Another good example is a printable T-Shirt shop that let customers select the plain color shirt then select the art work to print. If you need something similar to that, read on. You’ll find your answer here.

Get WooCommerce Composite Products plugin

The first step is to get WooCommerce Composite Products plugin. As I mentioned above, this is a custom product type (thus, it’s not available by default.

Get WooCommerce Composite Products Plugin

Let’s create a composite product

In this post, I’m going to create a custom built phone that has three parts:

  1. The screen
  2. The case
  3. The battery

I know that a smartphone actually has more parts than this. However, to keep the example simple and easy to follow but still comprehensive, three parts should be enough.

Create selections for each part of your WooCommerce composite product

After deciding that the phone should have three parts, I will need to create options for each part so our customers can select. For each part, I’m going to create three options.

One option is one simple product. I also group the parts in their categories so I can select them easily later.

create options for woocommerce composite products

As you can see, I’ve created three categories with 3 products in each category. Now, I’m ready to create the composite product so my customers can start building their favorite smartphone.

Create WooCommerce Composite Products

Now, let’s go to Product->Add new and select product type as composite product:

select composite product type to create woocommerce composite product

As you switch the product type to composite, you’ll notice that there is a new tab called component appears:

components tab in composite product

This is where we add the component to the main product (the custom built smartphone). Let’s click on Add component to add screen, battery and case.

After clicking on Add component button, you’ll see this screen appears:

configure one component in composite product

The fields are quite straightforward, don’t you think? You enter component name and description in field 1,2. Then component’s image in field 3. In field 4, as mentioned earlier, the reason I created and group components in categories is here. I can simply select a category instead of selecting individual product.

additional fields to configure woocommerce composite products

The next fields let you further customize the display of the component. You can set the component as optional, set default option, min, max quantity and shipping and pricing option.

One note about pricing. If you have one price for all variation (that means the total price doesn’t change if the customer change parts, this option doesn’t work in this case though), then you can set the price at the general tab. However, if the price of the WooCommece composite product equals the sum of all selected components, you will need to check “priced individually” at the bottom of the component option page.

As I’m done setting up the components, let’s publish the product and see how it looks.

As you can see from the video, I can easily select the option for each component. The price at the bottom updates as we select different parts for the phone.

You may wonder, what is the number $620 at the top. That’s the sum of all parts initially. I’m quite surprise that this number doesn’t update as I change the parts. Only the number at the bottom get updated. This is a bug that should be fixed by the plugin developer.

Setting scenario for WooCommerce composite product

If you have bought a desktop computer before, you may know one fact: Not all motherboards work with all CPU. One simple example is if you get an Intel CPU, you cannot use it with a motherboard that supports AMD’s.

As the store owner, you definitely want to guard your customers from buying incompatible parts. Luckily, WooCommerce composite products plugin let you create scenarios where only certain products can be bought together.

For our example, I’m going to create a scenario says that expensive screen must come with high capacity battery. Customers cannot buy expensive screen with cheap battery because the cheap battery may not be possible to handle the power-hungry high end screen.

Let’s switch to the scenario tab to create that rule:

create composite product scenario names and description

The first two fields in the Scenarios tab let you set name and description. Next, there are fields for you to configure the rules:

configure the way components can be bought together

So, as you can see that, my rule says: if the screen is the most expensive one, the battery must not be the cheapest model. Also, I don’t need to set rules for all components. In this case, I omit rules for case.

Let’s update the product and check its page:

As you can see, if I select the screen to be the most expensive one, the option for the cheapest battery is not available.

Conclusion

As you can see, WooCommerce composite products plugin is great for you to create custom built items for your store. There are some minor issues such as:

  1. The price at the top isn’t updated as the customers change the component
  2. It is not possible to exclude categories in the scenarios tab

However, with the job it does, it is still a decent plugin and could serve you well in case you need WooCommerce composite products.

Posted on 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 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 3

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 4

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 5

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 6

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

Where to get the plugin?

Get single site license

Get 5 sites license

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.

Posted on Leave a comment

WooCommerce Tickets – Create & Sell In 5 Minutes

woocommerce tickets

There are a lot of work managing an event, create and sell tickets is one of them. Long gone are the day you have to setup a shop to sell tickets to your fan. Nowadays, you can sell tickets online. Since you are searching for WooCommerce tickets, I can safely assume that you have a WordPress site with WooCommerce installed. Thus, in this post, I’m going to show you how you can setup your WooCommerce store to start selling tickets in less than 5 minutes.

Install plugin to enable WooCommerce Tickets

By default, WooCommerce does not support ticket as a product. Of course you can create a simple product and name it as event tickets but you’ll miss some cool features such as:

  1. Set a start date and end date for the tickets (Events always have a specific date, aren’t they)
  2. Create scarcity by increase the price of the tickets as it gets closer to the event date or number of available tickets is getting low.
  3. Add a location to your event using Google Map
  4. Disable the tickets after the event expires
  5. Send an email to the customers who purchased tickets about the events and their purchases

All the above benefits are available in this plugin: YITH Event Tickets. It’s a prerequisite for this tutorial to work.

Create WooCommerce Tickets With YITH plugin

Now I assume that you have the plugin install and activated. Let’s go to Product->Add new to add a new product. Let’s first enter some details about the events and the tickets as you normally do with other WooCommerce products:

enter basic info for the ticket

Now, let’s get to the main part. As you might already know that, WooCommerce comes with three default product types: simple, variable, grouped. With the WooCommerce Event ticket plugin installed, you have a new one now.

Let’s go down to the product data section and click on the dropdown right next to it. You’ll see there is a new product type: Event ticket. Let’s select that as we are going to create an event ticket.

WooCommerce event ticket product type

Now, you’ll see there are a lot of options for your to build the great ticket in the General tab:

General settings for woocommerce tickets

At this tab, you can set the price for the ticket as usual. In addition, there are field to setup start date and end date. Interestingly, you can set tax status and even apply a tax class to the ticket if you want.

You can notice that there are two bold lines at the bottom of the screen:

  1. increase price based on stock
  2. Increase price by time

I’ll walk you through these two cool options to help you maximize your tickets sales.

In crease tickets’ price based on stock

Human are driven by a lot of factor and scarcity is one of the biggest. Thus, showing the fan that ticket price will increase as the stock get lower will encourage them to buy soon. To set this up, first you need to enable managing stock. Let’s click on Inventory tab to start adding tickets to your stock.

set stock for the tickets

First, you need to check the box says: “Enable stock management…”. Then, you need to set a number of available tickets. Now, go back to the General tab and click on “Increase price based on stock”:

increase ticket price based on stock

Click on the button “Add price-increase rule” to start configuring your ticket price based on your stock. As you can guess, there isn’t any limit on how many rules you can set. However, I prefer to keep things simple. Thus, here are my rules:

  1. As the stock get lower than 500, I’ll increase the ticket price by $20
  2. If stock gets below 100, I increase the ticket price by $50

Here is the configuration:

setting up price based on stock

Of course, you can set the increase by percentage, not a fix amount.

Increase ticket price by time

Using time as a factor to encourage people to buy the tickets sooner is a good strategy. If you set the price structure so that it will get higher as we approach the event date, people will buy the tickets sooner.

It’s very easy to setup that structure using this plugin.

Click on increase price by time:

increase ticket price by time

Similar to increase ticket price by stock, you’ll see there is a button for your to add the rule.

Let’s click on that to start adding the rules. Similar to the stock-based price increase, I setup two rules for time:

setup ticket price by time

Now, save the product. The ticket is ready for the fan.

Woocommerce ticket product page

Adding service for the event-goers

As people go to the event, they may need some extra services such as accommodation, car parking… If you can offer such services, it’s a great chance to earn some more other than tickets sales.

In case you want to add extra services, click on the service tab and start adding your services with their inventory (optional) and price.

setup additional services for the event

Now, on the product page, the fans can select the service that they need and pay along with the ticket. That’s very convenient!

additional event services

Take customers’ request by adding fields

If you want to get the customers requirements, you can easily do so by adding fields to the tickets product page.

add custom fields to the product

In this example, I added a textarea field so the customers let me know if they have any special requirements. After updating the product, I can see there is a text box appears on the product page:

custom fields on the product page

Conclusion

As you can see, this plugin is quite complete for selling tickets. It lets you create tickets very quickly. In addition, you can even add some extra services to upsell your customers. If it is what you need, you can get it here.

Good luck organizing your events!

Posted on Leave a comment

How To Quickly Give Away Products In WooCommerce

Giving products away is a great way to enhance your customers’ loyalty to your store. For customers that have spent a significant amount of money on your store, they will definitely feel appreciated.

We are going to install a plugin called WooCommerce Give Products to accomplish our goal in this post. The plugin is very simple to use and has quite limited functions. If you need more functions, simply leave a comment below and I’ll consider adding it to the plugin.

Get WooCommerce Give Products plugin

You can get WooCommerce Give Products at WooCommerce following this URL.

After that, let’s install it on your site using the zip file you downloaded. If you don’t know how to install a plugin/theme from a zip file, please check this tutorial.

Send products to user for free using WooCommerce Give Products

After you activate the plugin, you should see a new menu item under Products called Give Products:

woocommerce give products

Click on that option to bring the plugin’s interface:

How To Quickly Give Away Products In WooCommerce 7


As you can see, there are two fields for you to enter the needed information. In the first box, you need to enter the user that should get the products for free. You can enter her email/name or ID there and there will be a suggestion list for you to select from.

user suggestions on typing
Select products to give away for free

When you are done, simply click on the “Give products” button to send the products to the user.

What actually happens behind the scene is there is an order created automatically for you regarding this transaction.

If you go to orders, you’ll see all the details there:

Give away products stored in orders

Conclusion

This plugin is very simple. However, it does what it promises. If you need a tool to give away products for your customers, this is definitely the choice. However, there are cases you might want to give a way to not one but many customers at the same time, you might need something else or someone to customize this plugin for you.