Have you seen Elementor?
Our flagship product, Layers has been acquired by the team at Elementor.
With a powerful, fast page builder, Elementor is the best way to get your site online with as little effort as possible.
The Product post type allows you to list and categorize your products, and ties in with the WooCommerce shopping cart and review system. For best results, add at least three products to test the theme, or load your theme's demo content (linked from the Quick Setup article).
Quick Setup of Simple Products
These steps outline basic setup of a simple product:- Add a Product Name
- Add a short bit of text to the post editor describing the product, if you wish
- Under the Product Data section, enter an SKU(if tracking stock) and Regular Price
- Enter your , , (Upsells) and where needed
- If your main post entry is long, enter a Product Short Description, which is just like a post Excerpt.
- Click
- To add additional images to the post to display as thumbnails or to create a product slider (depending on your theme's design), click
to upload or select a featured image
- Add some product tags and select or create a Product Category
- Click Publish
Detailed Overview of Add Product screen
Title
Add the product name in the Title field. Try to keep this short and sweet, as Google will cut off anything after 80 characters.Body
Enter any copy or product information into the post editor. For best results, keep this brief and do not insert images here (you can insert a WordPress gallery if displaying swatches as long as the thumbnails are small). Attributes such as color, size, etc have a separate place explained below.Product Image (aka Featured Image)
Over on the right side of the new product post page, click , then click and Select Files to browse to your image and upload it. When finished, select the image and click the Set Product Image button in the lower-right. For details on adding featured images, see this article, or continue below:Product Galleries or Product Sliders
You may have additional images for your products, such as photos showing a different angle or color. In WooCommerce 2.0 and later, the Product Gallery box is available on the lower-right of the product editor screen allowing you to upload multiple images, which in turn attaches them to the product. These images will display in a thumbnail grid in the Product Gallery box and can be rearranged in the Media Library by selecting Images Uploaded to this Post from the Medial Library tab menu and dragging and dropping them in the desired order.Uploading Additional Images Using the Media Manager (used for creating sliders)
- Within the product post, click on the Add Media button above the post editor.
- Click Upload Files, then Select Files to browse to your images and upload them.
- Images must be uploaded directly. Selecting images already in the Media Library will not attach them to the post and they will not display!
- When complete, click each image to view the image details on the right.
- Close the Media manager (hit the X in the corner) without inserting any images into the post.
The following example shows the product image slider in CleanSale after 2 additional images were uploaded to the post to showcase the different shirt colors:
Uploading Additional Images Using the Product Gallery - used for creating thumbnail grids or thumbnails under the Featured image (Default)
- Click on images under the Product Gallery box on the right side of the product editor
- Select images or click Upload Files/ Select Files to browse to your images and upload them.
- When complete, click each image to view the image details on the right.
- Click Add Gallery in the lower-right to close the Media Library
Below shows the product gallery thumbnails in Gigawatt eCommerce with the Product Gallery option selected in Theme Options:
Product Data
Below the Theme Options panel is the Product Data panel, where you can configure the product:Simple products have no variations such as size or color. These should have the SKU and Regular Price filled in at a minimum. Your SKU is a unique ID for the item that makes it easier to manage your catalog, such as A-1 A-2 and so on.
- Check the Virtual box if your product has no shipping (typically used for services or digital products)
- Select the Downloadable box if your product is digital. You will provide a file or download link later.
- At a minimum, enter the Regular Price
- Select the Tax Status and Class based on your preferences.
Variable Products have multiple sizes, colors or other differences to choose from, but share the same overall style. These are used to keep your catalog tidy, rather than entering a single product post for every variation. Most of your products are Variable products. When selecting Variable Product, the only thing you need to enter on the General tab is the SKU.
Grouped Products allow you to create a collection of products under one "parent" item. Grouped products are great for creating products such as a digital album that has several individual tracks for sale which also allows for the purchase of the full (parent) album. This is explained in detail here.
Inventory allows you to manage stock on individual items and it is recommended you enable this on all physical products.For detailed help with managing stock, see WooCommerce: How to Manage Inventory and Stock
Shipping allows you to enter a weight, length and height for your item, if available. This is shown on the Product tabs when viewing products along with other attributes such as color, size, etc. If you are using a shipping method that looks at weight, a minimum value must be filled in on all products. You may change the weight unit on the Catalog tab in WooCommerce Options. Linked Products allow you to select specific products to appear on the related product section (Up-Sells) or Cart (Cross-Sells). This is helpful if you want to push special sales or promotions.For detailed help with configuring upsells and cross-sells, see WooCommerce: Related Products, Upsells and Cross-sells
Attributes are where you can select Color, Size etc for the product (ensure Visible on Product Page is checked to display the values on the Additional Information tab of your product post).- If this is a variable product, separate each selection with the pipe | when adding new values. Example: Red | Blue | Black
- Check “Used for Variations” and then click Save attributes.