One of the great things about WooCommerce is that it makes it easy to add products to your website and to organize them.
WooCommerce is flexible enough that you can sell almost any type of good while adding important information such as images, product descriptions and tags to distinguish them.
Furthermore, you can configure your information to adjust its inventory, shipping and other custom attributes such as size.
This guide is the second step of our WooCommerce tutorial: How to build an e-commerce website in 12 steps.
We will be using WooCommerce and Toolset to build a customized website with important features that will help clients make purchases on your pages. We will only require simple HTML and CSS to do this.
We will start by adding our first product with a title and description. Go to Products -> Add New.
You will be taken to the WordPress edit screen where we can add the product name in the title section and the product description below it just like in a normal post.
This information will appear on the main product page on the front-end.
There are further types of information which you can add which you might recognize from editing products and pages:
As you can see below, we have added a category, a featured image and a couple more images for the gallery.
Further down the same page, you will find a new section called Product data where you can organize your items and provide further information about them.
The first thing to do is to choose what type of product you are selling from the drop-down menu at the top. You can select one of four options:
The tabs on the left-hand side will change based on which one you pick. For the purposes of this demonstration, we will opt for the Simple product.
Note how we can also select whether or not our product is Virtual (removing shipping) or Downloadable (offering a space to attach the file).
You can see that below there are a number of tabs on the left-hand side which allow us to customize our item further.
Let’s look at what you can do within each one:
You can add a brief description of your product which will go just underneath the title.
Now that we have added everything we need we can click Publish and see how our product looks on the front-end.
It looks good but we can make it look even better. In one of the future steps, we will go through how we can use Toolset to customize our WooCommerce product page template.
There are four more options within the Products tab which we will briefly mention.
Toolset allows you to add some of the most important features for your website in less time than ever. That’s because with Toolset you do not need to write PHP – saving you hours of needless coding.
You no longer need to manage dozens of complex plugins for your website. You can use the full Toolset package to build, run and maintain it all.
Whether you are a WordPress newbie or an experienced web developer, we have the plan for you based on your needs and budget.