1. Home
  2. Knowledge Base
  3. WooCommerce Product Tabs
  4. FAQ

How to create a product specification table

Lots of people use WooCommerce Product Tabs to add a 'Specifications' tab to the product page. This is a great idea because it lets you add detailed product specifications without cluttering up the product page - everything is neatly structured into an extra tab.

There are several ways to add product specification information to your new tab. This article will help you choose the best way to present the specification data for your products.

Create a product specification table

WooCommerce product specification table plugin

You can create a product specification table and add it directly to the extra tab that you have added to the product page. To do this, you need to create an HTML table. The easiest way to do this is to use a free HTML table generator such as https://www.tablesgenerator.com/html_tables to add the product specification data, and then paste the code for the table into the 'Text' view of the product specifications tab.

The styling for the HTML table will come from your theme. For example, the screenshot above uses the free Storefront theme which has styled the table nicely with a header row and alternating row background colors.

Add downloadable product specification documents

Add downloadable specification documents to WooCommerce product

Alternatively, you might want to provide customers with downloadable specification documents for your products. If you just have one document per product, then you can simply add a link to the document to the content of the tab. However, if you have multiple specification documents then it's best to use the Document Library Pro plugin to add and display these.

Document Library Pro lists specification documents (or any other type of downloadable file) in a structured table.

Related Articles

If searching the knowledge base hasn't answered your question, please contact support.