How to create a product catalog for your tech shop?

November 27, 2018

product catalog

Today electronics shops are one of the most popular online stores in the world. So, if you sell gadgets, computers, smart tech, other electronic devices, and similar items – then this post is exactly for you! Take a moment and you will become a master in creating a perfect online catalog for your goods with WooBeWoo Product Table plugin.

 

What does exactly ‘product catalog’ means?

Product catalog allows you to create an item’s list in a clear and structured way. Users will be able to scroll down the goods, filter and sort them according to a category. Also, people need an option which will let them buy products straight from the catalog view. This is an “Add to cart” button.

  • How to create pagination, sorting, filtering options?
  • How to include multiple add to cart?
  • What are the product’s attributes and categories?

In this tutorial, we will answer those questions and any others related to a product catalog.

 

How to add products?

Before creating a product catalog, it is important to dive into the logic on how products work in WooCommerce. There are several types:

  • Simple: they are easily shipped and have no additional options. For instance, headphones
  • Grouped: consist of simple products. For instance, thermocurlers
  • Virtual: doesn’t require shipping. For instance, glass-replacing on the phone
  • Variable: goods with different variations like color, memory size, etc.

Every product type incorporates certain differences with the downloading. We will add a simple product, as the most popular type.

Simple products

Navigate WooCommerce -> Products -> Add New. Enter a Name and Description, like writing a post in WordPress.

add product

Add a new product

 

Then scroll down and you will see Product data block. Choose the product type. If it is a virtual product (service) check it. Also, this block has several sections.

General section:

  • Regular price – normal price
  • Sale price – price under discount

price

Set a product price

 

Inventory section:

  • SKU – Stock keep unit. It has to be unique for every item
  • Manage stock – check it if you want the stock status be visible in the Product Data inventory box. If you do not check, you need to select the item’s stock status. If you check, then, select a stock quantity and and backorders
  • Sold individually option limits the product to one per order

Inventory section

Inventory section

 

Shipping section:

  • Weight – weight of the item
  • Dimensions – length, width and height
  • Shipping class

Shipping section

Shipping section

 

Linked products section:

  • Upsells – link with a similar products to boost your sales
  • Cross-cells

In our previous blog post you can read the difference between upsells and cross-sells.

Linked products section

Linked products section

 

Attributes section:

  • Custom product attribute – assign details to a product (sets what you are created before)

Attributes section

Attributes section

 

Advanced section:

  • Purchase note – optional note wich will be sent to a customer after purchasing
  • Menu order – ordering position
  • Enable reviews

Advanced section

Advanced section

 

After you fill these fields, let’s move to the Product short description. Here add an excerpt from your long item’s description.

Product short description

Product short description

 

It’s not over yet! See the menu tab on the right? Now we will see more closely on these windows. First of all select theProduct Categories. And then add Tags. The last step here is to choose the Product image.  

Product Categories                                              Product image

                Product Categories                                                                              Product image

 

And now your product is ready to be published. But, wait there are several additional options. You can determine which shop products will be listed on:

  • Shop and search results (recommended options)
  • Shop only
  • Search results only
  • Hidden.

Featured product option allows you to promote your item in a product category additionally.

Publish

Publish section

How to add a product to the WooBeWoo Product Table plugin?

WooBeWoo Product Table plugin is a simple way to list all the selected items on the site, create it automatically, add caption, sorting, pagination, and other interesting things.

Firstly, you need to install the plugin. Navigate to Plugins -> Add New, and, then type  “Product Table WooCommerce by WooBeWoo”. After that, click “Install” and “Activate”. If everything is correct, you will see a new plugin, ready to work in the admin menu. Click on it and move to the next step.

WooBeWoo Product Table plugin use the products already created with WooCommerce. Here you can adjust all the default settings, and download them using a CSV/XML import or create them manually using the instruction described above.

Add New table

Add New Product table 

 

So, let’s create a product table for the tech items. In the plugin, click the “Add new table”, and enter the title of the table. Finally, press on the Create button.

Create button

Create New Product table 

 

After you have created a product table, you need to add an items. Remember, that they are synchronized with WooCommerce products? Therefore, you will see all the available goods listed on the first page. Select only those which are applied for your store.

add products to table

Add products to the table

 

Now move to the next tab and set table properties, like:

  • Name
  • Thumbnail
  • Price
  • Categories
  • Date
  • SKU
  • Quantity
  • Attribute
  • Summary
  • Buy.

properties

Set table properties

 

To customize the product table click on Settings -> Main. It includes such options:

1 – Caption

2 – Description

3 – Signature

4 – Header

5 – Footer.

Fixed Header allows to fix the table’s header during table scrolling.

Also, you can tune the date format. Features Tab enables to activate additional functions to work with the table. In the Appearance Tab customize the visual style, and in the Language and Text Tab change the settings of service text. Click Preview and see your results.

Read more information in our documentation.

main

Main section

 

Finally, add a product table to the site content via Table Shortcode and Table PHP code. Here is one important option: insert the shortcode only in a text editor page, and not in the visual.

 

Congratulation! You have just created the product table catalog for the tech online store.

Leave a Reply

Your email address will not be published. Required fields are marked *