A product page is more than a photograph, a name,
and a price. It is the part of an online shop where a customer decides whether an item matches their needs, whether the price makes sense, and whether they have enough information to proceed with a purchase.If you sell furniture, clothing, electronics, books, household goods, or digital products, a well-structured product listing helps customers make informed decisions. It also helps you maintain accurate prices, organize your catalog, and reduce avoidable questions about size, specifications, availability, and delivery.
WooCommerce, an e-commerce plugin for WordPress, gives store owners tools for creating and managing products. This chapter walks through the practical process of preparing a product listing, configuring its important details, and checking how it appears to customers.
The example throughout this tutorial is a wooden study desk. You can substitute your own product and use the same principles.
1. Understand what a product listing must accomplish
Before opening the product editor, identify the information a customer needs to make a reasonable buying decision.
A useful product listing should answer six questions:
- What is the product? Give it a clear, specific name.
- What does it do or offer? Explain its purpose and important features.
- What does it cost? Show an accurate price and explain any additional charges where relevant.
- What will the customer receive? Describe the size, materials, quantity, included components, or digital deliverables.
- Is it available? Keep stock or availability information accurate.
- How will the customer receive it? Explain relevant shipping, delivery, collection, or download arrangements.
A product page that leaves these questions unanswered may generate extra customer enquiries or cause a buyer to misunderstand the offer.
A good listing does not need exaggerated claims. It needs clear, accurate, useful information.
2. Prepare the product information first
Gather the details before entering them into your store.
For the example study desk, prepare the following:
| Field | Example |
|---|---|
| Product name | Wooden Study Desk |
| Regular price | ₦85,000 |
| Description | A wooden desk designed for studying or home-office work |
| Materials | State the actual wood or board material |
| Dimensions | Enter the verified width, depth, and height |
| Colour | Enter the available finish or finishes |
| Stock | Enter the quantity actually available, if stock tracking is used |
| Delivery | State the areas served and how delivery charges are calculated |
| Product identifier | Enter your SKU or internal stock code, if used |
The price and specifications above are illustrative, not a market quotation. Replace them with your actual business information.
For products with multiple sizes, colours, or configurations, decide whether each option should be a variation of one product or a separate product listing.
Also prepare clear product photographs if your store supports them. Use images of the actual item or an accurate representation, and do not use a photograph that promises a feature the delivered product does not have.
3. Open the WooCommerce product editor
You need a WordPress website with WooCommerce installed and configured. You also need an account with permission to manage products.
On a typical WooCommerce installation:
- Sign in to your WordPress administration dashboard.
- Open Products.
- Select Add New Product.
- Wait for the product editor to load.
WooCommerce may offer different editor layouts as its interface evolves. If your screen looks different from the one described here, identify the equivalent product name, description, price, inventory, shipping, and publishing controls rather than assuming a particular layout is universal.
If you do not see the Products menu, check your account permissions and whether WooCommerce is installed and activated.
4. Enter a specific product name
Find the product name or title field and enter:
Wooden Study Desk
A useful title identifies the item without forcing customers to interpret vague marketing language.
Compare these examples:
- Weak: “Amazing Product”
- Better: “Wooden Study Desk”
- More specific, if accurate: “Wooden Study Desk with Two Drawers”
Do not add features that the product does not have. If a model has no drawers, for example, the title must not imply that it does.
A consistent naming system also helps when you have many products. You might use product type, material, model, and a distinguishing feature, where relevant.
5. Write the product description
The main description should help the customer understand the item, its intended use, and its important characteristics.
For the study desk, a draft might read:
Example description
This wooden study desk is designed for studying, reading, and everyday home-office work. Before ordering, review the listed dimensions, material, finish, and delivery information to confirm that the desk suits your space and requirements.
The final published description should include verified details about the desk's construction, storage, assembly requirements, care instructions, and other relevant features.
Use short paragraphs and lists when they make specifications easier to scan. Avoid repeating the same keywords unnaturally or making claims such as “best quality” without evidence.
If the editor offers a short description or product summary field, use it for the most important buying information. For example:
- Intended use
- Main distinguishing feature
- Available sizes or finishes
- A critical compatibility or delivery note
Keep the full description for the additional details customers may need.
6. Set the product price
Locate the product's pricing controls. In the standard WooCommerce product editor, pricing is commonly configured in the Product data section.
For a simple product:
- Select the appropriate product type, usually Simple product for an item with no selectable variations.
- Locate Regular price.
- Enter the actual selling price, such as
85000for the illustrative desk. - If you are running a genuine promotion, enter the appropriate sale price in the sale-price field.
- Check that the store's currency is configured correctly.
WooCommerce normally displays the currency and formatting configured for the store. Do not assume the example's naira price will automatically appear correctly on every website.
A sale price should reflect a real offer. Set a start and end date if the available controls support scheduling and you want the promotion to run only during a defined period.
Before publishing, confirm that the displayed price matches your intended offer and that any shipping or other additional charges are explained clearly.
7. Configure stock and inventory
An attractive product page becomes a business problem if it allows customers to order items that are not available.
Open the product's Inventory settings, where available.
Review the following:
- SKU: Add a unique stock-keeping code if you use one to identify products.
- Stock management: Enable stock tracking when you need WooCommerce to maintain a quantity for the product.
- Quantity: Enter the actual number available if stock management is enabled.
- Stock status: Confirm whether the item is in stock, out of stock, or available on backorder, as appropriate.
- Low-stock handling: Review notification options if your store uses them.
The precise controls depend on the product type and your WooCommerce configuration.
For the study desk, do not enter a stock quantity of ten just because ten desks might be manufactured later. Enter the quantity that your inventory policy supports, and configure backorders only if your business can genuinely fulfil them.
For made-to-order products, decide how you will communicate production time and availability. Stock quantity alone may not describe the production process accurately.
Practical rule: Your store's stock information must reflect your real fulfilment capability, not your hoped-for supply.
8. Add product categories and tags
Categories help customers browse related items. Tags can describe useful characteristics that do not need to become top-level categories.
In the product editor, find the Product categories area.
For the example, a category structure might be:
- Furniture
- Desks
Create categories that reflect the actual range of products you sell. A small shop does not need dozens of categories with only one item in each.
If your installation supports product tags, use them sparingly for meaningful descriptors such as “study desk” or “home office.” Avoid creating numerous near-duplicate tags that make the catalog harder to maintain.
Before saving, check that the product belongs to the correct category and that customers can reach it through your store's navigation.
9. Add product photographs and a gallery
Product photographs help customers inspect an item before buying.
In the product editor, look for Product image and, if available, Product gallery.
- Select the main product image.
- Upload or choose an accurate photograph of the product.
- Add additional views in the gallery if they help explain the item.
- Check that the images are clear and appropriately cropped.
- Use descriptive alternative text when the interface offers it and the image conveys meaningful information.
For the desk, useful views might include a front view, a side view, a close-up of the finish, and a photograph showing the drawers if the model has them.
Do not use a picture of a larger or more expensive model to represent a cheaper one. If a photograph includes accessories that are not included in the purchase, state that clearly.
Compress oversized image files before uploading where practical. Large files can slow down product pages, especially for customers on mobile connections.
10. Configure product shipping details
Physical products need a fulfilment plan.
Look for the product's Shipping settings, if available. Depending on your store and shipping configuration, you may be able to enter weight, dimensions, and shipping class.
For a desk:
- Measure the packaged item if your shipping method uses package dimensions.
- Enter a verified weight if required.
- Select the correct shipping class if your store uses classes to group products by delivery requirements.
- Confirm how the store calculates delivery charges.
Do not enter guessed dimensions simply to complete the fields. Incorrect information can lead to inaccurate delivery estimates or unexpected charges.
You must also configure your store's shipping zones and methods separately where required. Entering dimensions on a product does not automatically establish delivery service across every location.
If you deliver only to certain cities or states, make that limitation clear. If delivery is quoted individually, explain when and how the customer will receive the quotation.
11. Choose the right product type for options and variations
A simple product works well when the customer is buying one product configuration at one price.
However, some products have selectable options.
For example, a desk may be available in different widths or finishes. If customers must choose an option before buying, a Variable product may be appropriate.
In WooCommerce, variable products can have separate variation-level details, including prices and stock, depending on how they are configured.
A general setup sequence is:
- Open the product's Product data controls.
- Select Variable product instead of Simple product.
- Find the Attributes section.
- Add the relevant attribute, such as Finish or Size.
- Define the valid options.
- Enable the attribute for use in variations.
- Open Variations and create the required combinations.
- Set the relevant price and stock details for each variation.
- Save the changes and test the choices on the customer-facing page.
The exact controls may vary by editor version.
Do not create combinations that you do not actually sell. If only two finishes are available in the large size, make sure the listing does not offer an unavailable third finish in that size.
For digital downloads or services, WooCommerce also supports product configurations such as Virtual and Downloadable. These are useful when shipping a physical item is not part of the purchase. Configure file access, delivery, and any relevant restrictions before accepting real orders.
12. Review visibility and publishing settings
Before making the listing public, review the publishing controls.
Depending on the editor, you may be able to save a draft, preview the product, schedule publication, or publish immediately.
Use this sequence:
- Save the product as a draft if you still need to verify details.
- Preview the product page.
- Check the title, description, price, images, categories, stock, and delivery information.
- Correct errors.
- Publish when the listing is ready.
Also check the product's catalog visibility if that option is available. A published product may be configured to appear in the shop, in search results, or in a more restricted location, depending on the setting.
Do not assume that clicking Publish guarantees the product appears exactly where you expect. Check the public-facing store.
13. Test the product as a customer
The administration screen shows what you entered. The public product page shows what a shopper experiences.
Open the published product page in a separate browser tab or use the preview.
Check the following:
- Is the product name clear?
- Does the price display correctly?
- Are the product images relevant and readable?
- Can the customer understand the specifications?
- Are selectable variations working?
- Does the stock status match the actual offer?
- Is the Add to cart or relevant purchase control visible and usable?
- Are shipping limitations or additional charges explained?
- Does the page work on a mobile phone?
If your store is ready for checkout testing, place a controlled test order using the testing options supported by your payment setup. Confirm that the product, price, selected options, and order details are correct before you begin promoting the listing.
A successful preview is not proof that every payment, shipping, tax, and email workflow is working. Test those systems separately before accepting live orders.
14. Common product-listing problems and how to fix them
The product is missing from the shop.
Check its publication status, catalog visibility, category assignment, and any filters or restrictions configured by the theme or store.
The wrong price appears.
Reopen the product editor and verify regular and sale prices, the selected variation, currency settings, and any applicable tax display configuration.
A customer can select an unavailable option.
Inspect the product's attributes and variations. Correct the available combinations and each variation's stock settings.
The product shows an incorrect stock status.
Check whether stock management is enabled and whether the saved quantity and stock status match your actual inventory policy.
The delivery charge is unexpected.
Review the store's shipping zones, methods, product dimensions, shipping classes, and any relevant delivery rules.
The page is difficult to read on a phone.
Shorten unnecessarily long paragraphs, make specifications easy to scan, and inspect the layout at mobile width. Check that important controls are not hidden or obstructed.
The product description creates confusion.
Replace vague claims with measurable specifications. State what is included, what is optional, and what the buyer needs to know before ordering.
15. Build a repeatable product-publishing checklist
Use the following checklist for each new product:
- [ ] Product name accurately identifies the item.
- [ ] Description explains the offer and its limitations.
- [ ] Price and currency are correct.
- [ ] SKU and stock settings are accurate where used.
- [ ] Categories and attributes are appropriate.
- [ ] Photographs represent the actual product.
- [ ] Variations, if any, have correct prices and availability.
- [ ] Shipping or delivery information is accurate.
- [ ] Draft or preview has been checked.
- [ ] Public product page has been tested on mobile.
- [ ] Purchase flow has been tested before live promotion.
A checklist is particularly useful when several people create or update listings. It turns product publishing into a repeatable business process rather than an improvised task.
16. Understand the limits of this workflow
WooCommerce is not a complete business operation simply because the product page is ready. A functioning store also depends on payment configuration, shipping arrangements, customer communication, order handling, security, backups, and appropriate policies.
The exact costs depend on the website hosting, domain, payment providers, extensions, shipping services, and any professional support you choose. The core WooCommerce plugin is available without a licence fee, but operating an online store is not necessarily cost-free.
Product creation is also separate from legal and commercial responsibilities. Make sure your prices, claims, consumer information, tax treatment, privacy practices, and returns or refund terms are appropriate for the markets where you sell.
If you sell through WhatsApp Business or another channel as well as your website, establish a reliable method for keeping prices and availability consistent. Do not assume that updating a WooCommerce product automatically updates a separate catalog or spreadsheet unless you have configured and tested an integration.
17. Your practical exercise
Create one draft product listing for a real product you sell or intend to sell.
Complete these tasks:
- Prepare the product name, description, price, and verified specifications.
- Add the product in WooCommerce.
- Choose its product type and configure relevant categories, stock, and shipping information.
- Add accurate product photographs.
- Save a draft and preview it.
- Review the page on a mobile phone.
- Correct any missing, misleading, or inconsistent details.
- Publish only when you are satisfied that the listing accurately represents the offer.
Then ask someone unfamiliar with the product to review the page. Can they explain what they would receive, what it costs, whether it is available, and how delivery works? If they cannot, improve the listing before promoting it.
Final perspective
An effective e-commerce product listing connects the product you offer with the information a customer needs to make a decision. Clear descriptions, accurate prices, reliable stock information, useful photographs, appropriate product options, and transparent delivery terms help make that connection.
Treat every product page as part of your store's information system. When the information is accurate and consistently maintained, customers can make better-informed choices and your business has a stronger foundation for handling orders.
Further reading
- WooCommerce, Adding and Managing Products
- WooCommerce, WooCommerce Documentation

No comments:
Post a Comment