Add Products¶
Introduction¶
The Add products section of the Manual will cover steps which are common for all product types. This shows the basic steps to be followed always.
Adding a Product¶
Adding a product involves the below steps:
- Go to ShadesofIndia
- Login with the credentials
- Click on Products on the left side panel.
-
Click -> All Products - This will show the complete list of already existing products.
-
Click -> Add New. This opens a new interface, where you can add Product name, description, product image, product category, tags etc. A sample screenshot is below:
-
To Edit Existing Product - hover over an existing product name and click - Edit
Below, we will see how to add/edit each section for a product:
Product Name¶
Firstly, a name for the product needs to be entered in the below field:
-
Name : Enter Product name here. This is the name that shows next to the product on the website as below:
Product Description¶
-
Add Descripton : Provide a detailed description about the product. Use the content editor and tools to add and edit description.
Note: When adding/editing product manually, do it in "Visual" mode.
The product description on website:
Products Custom Fields¶
This section allows you to add customised details about the product. These details can be seen on the single product page on the website. The options available are:
Finer Details¶
The finer details field may include details related to the fabric used, care instructions, etc. The below field should be edited:
The Finer details appear on the product page on website as below:
- When description is added in the finer details field, two icons - "Dry-clean only" and "Handcrafted" appear automatically under the text on the product page.
- If no description is added, the finer details tab will not be visible on the product page.
Size & Fit¶
Any instructions regarding the size and fit can be added here. The below field should be updated:
On the website product page look:
Delivery & Exchange/Return¶
This field contains information regarding shipping, return of product etc. Update the below fields:
On the website product page, the tab appears as below:
Note - When text is added in this field, a link for Shipping & Returns appears automatically. We cannot to edit this link.
Product Data¶
The Product Data box is where the majority of important data is added for the products. Here, you will select the product type and information about pricing, inventory, shipping etc.
Let's look at how to add/edit different types of products.
Simple Product Data¶
Below, we will see steps to add a Simple Product.
- Go to -> Product Data -> Product Type -> Select Simple Product from the list.
Once the type of product is selected, information in various tabs needs to be added. We will discuss the tabs one by one:
General¶
The General section is for configuring the regular and sale price and taxes of the product.
-
Price
- Regular Price - Item's normal or regular price. This shows along with the product on catalog page as well as the single product page.
-
Sale Price - The sale price is for when you decide to run a discount campaign. If sale price entered, then a schedule has to be set.
-
Schedule - This allows to define a start and stop date for the sale.
-
-
Tax
- Tax status - Always enter Taxable
- Tax class - Choose the applicable tax class from list.
Inventory¶
The inventory section allows you to manage stock for the product individually and define whether to allow back orders and more. It enables you to sell products and allow customers to add them to the cart to buy.
- SKU - SKU is a unique identification number available on every product or service which simplifies inventory management. It can be entered manually or generated automatically.
- Manage stock? - This should be always Enabled. Tick the box to enable it.
- Stock Quantity : Enter the number of pieces available, and it will auto update as Stock, Out of Stock or On Backorder.
- Allow Backorders : Always select Do not Allow
- Low stock threshold : Enter a number, which will notify you when the product’s stock goes below the threshold.
- Sold individually : This is always disabled. Never tick this box, as it will limit the product to one per order.
Shipping¶
The Shipping tab, allows you to control important details about a physical product for shipping. The below fields are required to be filled:
- Weight - Enter the weight of the product.
- Dimensions - Enter the Length, Width and Height of the product.
-
Shipping Class - Shipping class is used by certain shipping methods to group similar products. Select the applicable class from the below options:
- Normal - This class is used for all the products on website.
- Delhivery - This is used only for the Home and Living products.
Linked Products¶
Linked products are recommendations to cross promote products and improve store revenue. There are two ways to accomplish this:
- Upsells - Up-sells are displayed on the product details page. These are products that you may wish to encourage users to upgrade, based on the product they are currently viewing. Search and add the relevant product in this field.
- Cross-sells - Cross-sells are products that are displayed with the cart and related to the user’s cart contents. Search and add the relevant product in this field.
Attributes¶
Attributes are descriptors for a product. This tab will help you assign details like color options, sizes, fit and more to the product.
- Select the attribute from the list
-
Click on Add
-
Apply the terms/values attached to the attribute. For simple products, mostly a single value is entered.
-
Tick the Visible on the product page box - This will show the selected attribute on the product page.
This is how a selected attribute looks on the product page:
Fields not to be updated¶
The below 2 fields need no updation:
- Advanced
- LookBook
Variable Product Data¶
Below, we will see steps to add a Variable Product.
- Go to -> Product Data -> Product Type -> Select Variable Product from the list.
Once the type of product is selected, information in various tabs needs to be added. We will discuss the tabs one by one:
General¶
The General section for Variable product, allows to set the tax fields of the product.
-
Tax
- Tax status - Always enter Taxable
- Tax class - Choose the applicable tax class from list.
Inventory¶
The inventory section allows you to manage stock for the product individually and define whether to allow back orders and more. It enables you to sell products and allow customers to add them to the cart to buy.
- SKU - SKU is a unique identification number available on every product or service which simplifies inventory management. It can be entered manually or generated automatically.
- Manage stock? - This should be always Enabled. Tick the box to enable it.
- Stock Quantity : Enter the number of pieces available, and it will auto update as Stock, Out of Stock or On Backorder.
- Allow Backorders : Always select Do not Allow
- Low stock threshold : Enter a number, which will notify you when the product’s stock goes below the threshold.
- Sold individually : This is always disabled. Never tick this box, as it will limit the product to one per order.
Shipping¶
The Shipping tab, allows you to control important details about a physical product for shipping. The below fields are required to be filled:
- Weight - Enter the weight of the product.
- Dimensions - Enter the Length, Width and Height of the product.
-
Shipping Class - Shipping class is used by certain shipping methods to group similar products. Select the applicable class from the below options:
- Normal - This class is used for all the products on website.
- Delhivery - This is used only for the Home and Living products.
Linked Products¶
Linked products are recommendations to cross promote products and improve store revenue. There are two ways to accomplish this:
- Upsells - Up-sells are displayed on the product details page. These are products that you may wish to encourage users to upgrade, based on the product they are currently viewing. Search and add the relevant product in this field.
- Cross-sells - Cross-sells are products that are displayed with the cart and related to the user’s cart contents. Search and add the relevant product in this field.
Attributes¶
Attributes are descriptors for a product. This tab will help you assign details like color options, sizes, fit and more to the product.
-
Select the required attribute from the dropdown and click Add
-
Set values separated by a vertical pipe "|" (e.g. - Small | Medium | Large)
- Enable -> Visible on the product page checkbox - to show all attributes on the product page.
- Enable -> Used for variations checkbox - to show it's for variations.
-
Click -> Save Attributes
This is how a selected attribute looks on the product page:
Variations¶
To add variations:
Once the attributes are selected, its time to add variations to them. Variations can be added in two ways, discussed below:
Manually Add Variation¶
-
Select -> Add Variation from dropdown menu and click -> Go
-
Select attributes for the variation.
-
Click -> Save Changes
Creating all Possible Variations¶
To create every possible combination of variations, follow below steps:
- Select -> Create variations from all attributes
-
Click -> Go
This will create a new variation for each and every possible combination of variation attributes (max 50 per run). If you have more possible combinations you can run it again.
Example:
If you have two attributes – color (with values blue and green) and size (with values large and small) it creates the following variations:
- Large Blue
- Large Green
- Small Blue
- Small Green
Adding Variation Data¶
Once all variations are created, each variation can have the following properties:
-
Image - An image can be added for each variation. To add:
- Click -> the blue placeholder
- Select -> the image you wish to use
- Click -> Set Variation Image
-
Additional Images - For every variation more images related only to that variation can be added as additional images.
- Click -> Add Additional Images
- Select -> the images you want to use
- Click -> Add to Variation
-
SKU - Each variation has a unique SKU which is different from the parent SKU. It is generated automatically or can be entered manually.
- Enabled - Enable or disable the variation.
- Manage Stock? - Enable to allow stock management at variation level.
- Regular Price - This is a required field. Enter the price for this variation.
- Sale Price - This is optional. Enter variation price when on sale.
-
Measurements - Different measurements can be entered. E.g. shoulder, waist, length etc. These measurements form the basis for the size chart on the product page (an example snapshot of the same is below).
Fields not to be updated¶
The below 2 fields need no updation:
- Advanced
- LookBook
Product Short Description¶
This field doesn't need to be updated. Leave it blank.
WooCommerce Views filter fields¶
This field doesn't need to be updated. Leave it blank.
Right Side Panel - Add some finishing touches¶
By following the above steps correctly, the product page is almost ready. Some more tweaks and finishing touches to the right side panel will make the product page more user-friendly. Let's look at the menu options to be updated here:
Product Categories¶
Product categories help in organizing the products. Categories are the primary way to group products with similar features. You can also add sub-categories if desired. We refer to them as levels.
- L1 - Parent Category
- L2 - Sub-category
- L3 - Sub-sub-category
Category levels can also be reordered by dragging and dropping – this order is used by default on the front-end whenever the categories are listed. This includes both widgets and the category/subcategory views on product pages.
The customers will be able to use the categories on the front-end of the website store in the form of filters to find/shortlist products.
- Go to -> Product Categories
- Choose from existing categories, sub-categories and sub-sub-categories.
This is how the category filter looks on the website:
Product Tags¶
Product tags are another way to relate products to each other, next to product categories. Contrary to categories, there is no hierarchy in tags; so there are no “subtags.”
The customers will be able to use the tags on the front-end of the website store in the form of filters to find products. Try to make them logical and useful for your target customers.
- Go to -> Product Tags
- Add keywords seperated with commas
- You can also choose from the most used tags
Colors¶
Colors help in organizing, searching the products on the basis of color category/family.
The customers will be able to use this as a color filter on the front-end of the website store to find products.
- Go to -> Colors
- Select from the existing list
The color filter on the website:
Materials¶
Materials help in organizing the products on the basis of material used (fabric, accessories). The customers will be able to use this as a material filter on the front-end of the website store to find products.
- Go to -> Materials
- Select from the existing list
The material filter looks as below:
Product Image¶
The Product Image is the main image for your product and is reused in different sizes across your store. This will be the largest image on the single product page and will also appear on the catalog page.
Follow the steps to add image:
- Go to -> Product Image
-
Click -> Set Product Image
-
Select an existing image or upload a new one.
-
Click -> the image to edit or update
A snapshot of the product image in the catalog on the website is below:
Product Gallery¶
Product galleries display all images attached to a product through the Product Gallery meta box. You can add extra images that appear in the gallery on the single product page.
Follow the below steps to add gallery images:
- Go to -> Product Gallery
- Click -> Add product gallery image
- Select existing images or upload new ones.
Images in the product gallery can be re-ordered easily via drag and drop.
To remove an image from the product gallery, hover over the image and click on the red “x.”
This is how the product gallery appears on the website product page:
Note - The first image in the Product Gallery is the same as the Product Image. Rest of the images are known as Gallery Images.
Setting catalog visibility options and feature status¶
In the Publish panel, you can set Catalog Visibility for your product. The below options are available to choose from:
- Shop and search – Visible everywhere, shop pages, category pages and search results. Always select this option.
- Shop only – Visible in shop pages and category pages, but not search results.
- Search only – Visible in search results, but not in the shop page or category pages.
- Hidden – Only visible on the single product page – not on any other pages.
Publish/Update¶
Once you double-check that all of the product details are correct, you can:
-
Click on Publish button on the right side panel to save a new entry.
-
Click on Update button on the right side panel to save any edit done on existing entries.
The Final Product Page¶
Once all the above changes are published or updated, the final look of the product page on the website is below:
