A product specification table showcases the key features, specifications, and details of a product. You can create product specification tables for both software and eCommerce products.
It can help you cover a detailed overview of the product concisely so people can compare multiple products and make informed decisions.
In this article, we’ll show you how to create a product specification table in WordPress for Amazon eCommerce products with a step-by-step guide.
Create Beautiful Tables
With Block Editor
Step 01: Install and Activate the TableBerg Plugin
The default WordPress table isn’t enough to create comprehensive product specification tables. Because you cannot add images, CTA buttons, and many more options to the default table block.
TableBerg is a custom table builder plugin with many advanced features. You can use it on WordPress just as the default table block. But first, install and activate the plugin from the plugin section on your backend.
Step 02: Add the TableBerg Block to Your Post or Page Editor
Open a new post, page, or an existing one. Open the Gutenberg block library by clicking the Plus (+) icon. Find the block by typing TableBerg in the search box.
Define the row and column number. After setting an initial figure, you can even modify the row and column numbers as needed. But for now, we are setting the column and row number 6*3.
Step 03: Start Adding Content to the Table
Since this specification table is for eCommerce products, we’ll add our product images on the first row.
# Add Images
Select a cell on the top row. The Gutenberg plus (+) icon will appear. By clicking it, select and add the Image block to the cell. Then, add your desired image to the cell and follow the same method for the other cell.
You can see that we have added two images of two of our products to the table. After that, we named the product on top of the images.
By clicking the Move Down icon on the toolbar, you can bring these names below to the image.
You may want to change the product name color to hook visitors’ eyes. Select the name text and hit the More option on the Gutenberg toolbar. Click Highlight on the list and choose a suitable color for the text.
You can see we have used the color code #2b7186 on the text.
# Add Price
Come to a new column below and set Price as its name. Put prices on cells below the respective column. We’ve made the price text slightly bigger using the option under Typography.
After that, we changed its color using the Highlight option the same way we showed you just a while ago.
# Add Rating
Come to a new column again and name it Ratings. TableBerg currently misses the Rating block. But as of when you are reading this post, the Rating block may be available.
Kindly check if the block is available with the plugin. Otherwise, you may show ratings in plain text. The first one is the average of all the ratings collected. The bracketed one is the total number of ratings received.
# List Features
Finally, it’s time to list all the features of the products (camera). You may use separate rows for each feature. You can see we have listed all the product features in the table
# Add CTA Buttons
CTA buttons aren’t mandatory in the product specification table. Yet, you can add them to try if some people buy your products. Hitting the Plus (+) icon, add the Button block to the table, and create your CTA buttons.
Step 04: Preview the Product Specification Table
By now, your table is supposed to be ready. Go to the preview mode and take a final look at your table to see if it’s ready to go live. If there is no problem, you can publish the table.
Conclusion
Thus, you can create product specification tables on your WordPress site. But before ending, here are some essential tips for you. Use straightforward language to describe your product features.
Organize the content in a logical manner, leaving no informational gap. Prioritize the most important information on the top. Finally, design the table in a mobile-friendly way to ensure maximum user experience.
Here’s a guide on how to create a product comparison table.
