How to Create a Product Specification Table in WordPress

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.

美しいテーブルを作る
ブロックエディター付き

ステップ01: TableBergプラグインのインストールと有効化

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.

テーブルバーグ 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 そして アクティブ化 the plugin from the plugin section on your backend.

TableBergプラグインをインストールして有効化する

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 プラス (+) icon. Find the block by typing TableBerg in the search box.

Add the TableBerg Block to Your Post or Page Editor

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 そして 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 プラス icon will appear. By clicking it, select and add the イメージブロック to the cell. Then, add your desired image to the cell and follow the same method for the other cell.

Add images to the product specification table

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.

をクリックしてください。 Move Down icon on the toolbar, you can bring these names below to the image.

Add product image and its name to the product specification table

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.

Highlight the product name

# 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 prices to the product specification table

# Add Rating

Come to a new column again and name it 格付け. 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.

Add rating to the product specification table

# 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

List all the product features in the table

# CTAボタンの追加

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 プラス(+)アイコン, add the ボタンブロック to the table, and create your CTA buttons.

Add CTA buttons to the product specification table in WordPress

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.

Preview the Product Specification Table

結論

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.



テーブルバーグ・チーム

早割キャンペーン実施中
これは通知バーのデフォルトテキストです。