Instructions for adding products in Woocommerce

Tutorials 0 lượt xem
This post is part 2 of 8 in the Learn Woocommerce series

In the previous lesson, you already know how to install Woocommerce .

The first thing after you install Woocommerce is to create a product.

After creating the product, you can easily test how Woocommerce works.

In today’s lesson, you will learn how to create multiple product types in Woocommerce


them-san-pham-in-woocommerce-1

Menu add products

You will be taken to the new product creation screen. The screen interface is the same as when creating a new article. But it has additional functions related to product creation.

You enter the title and detailed description of the product


them-san-pham-in-woocommerce-2

Enter the product title and description

In the box below you will enter the product data. Here, you choose simple products. Next you enter the necessary information of the product such as price, product code …


them-san-pham-in-woocommerce-3

Product information input box

Screen detail explanation:

General : This section is for product price input

  • Standard price ( Regular price ) : This is the selling price of the product.
  • Sale price : This is the promotional price of the product.

Inventory : In this section, you will set up the number of products and the status of goods in stock.

  • Product code : If you manage products by code (SKU), enter the code here.
  • Warehouse management : If you want to manage the status of goods in stock, then tick.
  • Stock Status: The product’s status in stock. This means that the product is in stock or out of stock. If you choose Inventory management above, when the customer buys all the products set, it will return to the state of out of stock. This information will be displayed on the interface for customers to know.
  • Solid Individual ( Sell separately ): When you select this function, the customer can only buy the quantity of one item in an order.

Delivery : This part you set the weight, size of the product. Besides, you also set up the delivery method.

  • Weight : Enter the weight of the product. You configure the unit to use inWoocommerce -> Settings.
  • Size : Enter the length, width and height of the product. The unit is set up in Woocommerce -> Settings .
  • Type of delivery : Select the type of delivery if available.

Connected products : Connect products together to prompt customers to buy more.

  • Up-sells : Suggesting customers to buy replacement products for the current product. For example, you have a product that is in a newer version than the current product.
  • Cross-sells : Suggest customers to buy more while viewing the shopping cart. For example, if you sell phones, you can suggest customers to buy additional accessories
  • Group : Select the product to include in the group. Product grouping means that customers buy products as a group, rather than individually. I mention creating group products below. 

Attributes : Set product attributes such as color, size.. You will see how to add products with attributes in the section below.

Advanced: Some advanced settings for the product:

  • Purchase note ( Payment note ): The note you want to send to customers after making a purchase.
  • Order menu : Priority order number of products in the cart. The smaller the number, the higher the priority.
  • Allow Reviews : Checkmark if you want guests to be able to rate the product.

To avoid complications, in the simple product creation section, you just need to enter information in the general section:


them-san-pham-in-woocommerce-4

Scroll down, you will enter a short description for the product. This section will be displayed below the product price in the article. In fact, this is where you describe the product’s highlights.


them-san-pham-in-woocommerce-5

Finish the product information section. You move on to setting up a product catalog. This function is identical to category in classifying articles. If you don’t have a product catalog, you can create one here:


them-san-pham-in-woocommerce-6

Below, you will enter keywords related to the product if any.


them-san-pham-in-woocommerce-7

About the product photo, you choose a photo to represent the product


them-san-pham-in-woocommerce-8

Below is the product photo gallery. You choose some other photos of the product to display as a slide on the product page.


them-san-pham-in-woocommerce-9

At this point, you have completed all the necessary product information. You choose Post article.

To view the simple product you just created, go to the store page ( Pages -> All Pages -> Click the view link below Shop)


them-san-pham-in-woocommerce-10

Here is the simple product image you just created:


them-san-pham-in-woocommerce-11

When you click on it, you will see the details of the product:


them-san-pham-in-woocommerce-12

If you click Add to Cart, you will receive a notification that the product has been added to your cart as shown below:


them-san-pham-in-woocommerce-13

Click view cart to view cart page:


them-san-pham-in-woocommerce-14

You click on the payment button to see the payment screen:


them-san-pham-in-woocommerce-15

2. Add products with attributes

Beside the simple product you just created above. You can create products with attributes. For example, you are selling clothes. Clothing will have common attributes such as size, color. Woocommerce supports you to create products with such attributes.

Besides, you can set up individual product prices for each attribute.

Technically, by default, Woocommmerce supports two types of properties: the text attribute and the selection style attribute .

With the text attribute , the customer cannot select the attribute value. They only see value as text in more information about the product. Thus, the purpose of using this type attribute helps customers have more reference information about the product. For example, hardware information of electronic devices. 

We also cannot set price and image separately for this style property. For example, if you sell a software product, the operating system that the software supports is an attribute. You can select operating system properties such as text styles.

Regarding the selection style attribute , you can enter a different price for each attribute. On the screen, customers can choose to buy the value type of the attribute they want. For example when you buy clothes you can choose the size and color.

If you want more attribute styles in addition to text and selection styles, check out the paid plugin: Woocomerce Extra Product Options ($19).

Explain more about product attribute concept

a. Add text style attribute:

To create a new text attribute, go to Product -> Attributes . You create a new text attribute as follows:


them-san-pham-in-woocommerce-16

The archive section allows WordPress to create a separate archive page for this property. This page has its own link to categorize products by that attribute.

In the next step, you use the newly created attribute on an existing product or create a product to add the attribute.

In the product data section, select “Attributes” . Next, you select the property you just created above. Press the add button.


them-san-pham-in-woocommerce-17

Once added, you will enter the display value of the attribute. Remember to use the | . sign to separate values ​​from each other


them-san-pham-in-woocommerce-18

After creating the value of the attribute, remember to click update product.

Now go out of the screen to see the product with the attribute you just created.


them-san-pham-in-woocommerce-19

b. Selection style attribute

Same as above, go to Product -> Attributes . Now you choose the selection style attribute


them-san-pham-in-woocommerce-21

After adding the attribute, you will set the values ​​of the selection style attribute. Please click the circle icon above in the property management screen


them-san-pham-in-woocommerce-22

Next, you declare the values ​​for that property:


them-san-pham-in-woocommerce-23

Done, you apply the attribute to the product. In the product data section. You choose Variant Products


them-san-pham-in-woocommerce-24

Next, select the Attributes section , add the selection style attribute you just created. Next, you add the values ​​of the selection style property. Remember to mark for multiple variations.


them-san-pham-in-woocommerce-25

Next you go to Variants and add product variations:

For each variant you enter the product details of that variant.

Do the same for the next variations. Finally save the variant and update the product.


them-san-pham-in-woocommerce-26

Here is the result


them-san-pham-in-woocommerce-27

3. Add external products

External products used when you do affiliate marketing. In this case, you are not selling the product directly, but referring the customer to the real seller.

To style this product, in the Product Data section, select External/Associated Products.


them-san-pham-in-woocommerce-28

Next, enter your marketing link and button name for clarity


them-san-pham-in-woocommerce-29

Check the change again on the product detail screen:


them-san-pham-in-woocommerce-30

4. Add product group

Product groups in Woocomerce include a collection of products. When a user buys a group of products, they buy the whole group instead of just buying individual products.

First, we need to create a product group. The product group is also the normal product. In the product data section, select Grouped Products . Now you do not need to enter a price for it.


them-san-pham-in-woocommerce-31

Next we add new products to the group. In the Product data section, select Connected products . Next to the Group section , select the Product Group for the product you are editing. 


them-san-pham-in-woocommerce-32

Now we see the product group on the interface:


them-san-pham-in-woocommerce-33

Epilogue

Woocommerce supports you to create many types of products from simple products to attribute products. Besides, you can group products for sale instead of selling them individually.

If you are an affiliate marketer, you can choose to create an affiliate product.

If you have any difficulty with creating products in Woocommerce, please leave a comment below.

View articles in the series

Previous part: Woocommerce installation guide Next part: Woocommerce: How to use StoreFront . theme

Bài viết liên quan