{"id":534,"date":"2025-01-14T05:56:04","date_gmt":"2025-01-14T05:56:04","guid":{"rendered":"https:\/\/tableberg.com\/?p=534"},"modified":"2025-01-14T05:56:07","modified_gmt":"2025-01-14T05:56:07","slug":"how-to-create-a-product-specification-table-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-create-a-product-specification-table-in-wordpress\/","title":{"rendered":"How to Create a Product Specification Table in WordPress"},"content":{"rendered":"

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.<\/p>\n\n\n\n

It can help you cover a detailed overview of the product concisely so people can compare multiple products and make informed decisions.<\/p>\n\n\n\n

In this article, we\u2019ll show you how to create a product specification table in WordPress for Amazon eCommerce products with a step-by-step guide.<\/p>\n\n\n\n

\n
\n
\n
\n

\u7f8e\u3057\u3044\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u308b <\/strong>
\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u30fc\u4ed8\u304d<\/strong><\/p>\n\n\n\n

\n
\u7121\u6599\u4f53\u9a13<\/a><\/div>\n\n\n\n
\u30d7\u30ed\u306b\u306a\u308b<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\u30b9\u30c6\u30c3\u30d71\uff1aTableberg\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u6709\u52b9\u5316<\/h2>\n\n\n\n

The default WordPress table isn\u2019t enough to create comprehensive product specification tables. Because you cannot add images, CTA buttons, and many more options to the default table block.<\/p>\n\n\n\n

\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/strong> 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<\/strong> \u305d\u3057\u3066 \u30a2\u30af\u30c6\u30a3\u30d6\u5316<\/strong> the plugin from the plugin section on your backend.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u30b9\u30c6\u30c3\u30d72: Tableberg\u30d6\u30ed\u30c3\u30af\u3092\u6295\u7a3f\u307e\u305f\u306f\u30da\u30fc\u30b8\u30a8\u30c7\u30a3\u30bf\u306b\u8ffd\u52a0\u3059\u308b<\/h2>\n\n\n\n

Open a new post, page, or an existing one. Open the Gutenberg block library by clicking the \u30d7\u30e9\u30b9 (+)<\/strong> icon. Find the block by typing TableBerg in the search box. <\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

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<\/strong> \u305d\u3057\u3066 \u884c<\/strong> number 6*3<\/strong>.<\/p>\n\n\n\n

\"\u884c\u756a\u53f7\u3068\u5217\u756a\u53f7\u3092\u8a2d\u5b9a\u3059\u308b\"<\/figure>\n\n\n\n

\u30b9\u30c6\u30c3\u30d73\uff1a\u30c6\u30fc\u30d6\u30eb\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8ffd\u52a0\u3059\u308b<\/h2>\n\n\n\n

Since this specification table is for eCommerce products, we\u2019ll add our product images on the first row.<\/p>\n\n\n\n

# Add Images <\/strong><\/p>\n\n\n\n

Select a cell on the top row. The Gutenberg \u30d7\u30e9\u30b9<\/strong> icon will appear. By clicking it, select and add the \u30a4\u30e1\u30fc\u30b8\u30d6\u30ed\u30c3\u30af<\/strong> to the cell. Then, add your desired image to the cell and follow the same method for the other cell.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

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. <\/p>\n\n\n\n

\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002 Move Down icon<\/strong> on the toolbar, you can bring these names below to the image. <\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

You may want to change the product name color to hook visitors\u2019 eyes. Select the name text and hit the More option<\/strong> on the Gutenberg toolbar. Click Highlight<\/strong> on the list and choose a suitable color for the text.<\/p>\n\n\n\n

You can see we have used the color code #2b7186<\/strong> on the text.<\/p>\n\n\n\n

\"Highlight<\/figure>\n\n\n\n

# Add Price <\/strong><\/p>\n\n\n\n

Come to a new column below and set Price<\/strong> as its name. Put prices on cells below the respective column. We\u2019ve made the price text slightly bigger using the option under Typography<\/strong>. <\/p>\n\n\n\n

After that, we changed its color using the Highlight option<\/strong> the same way we showed you just a while ago.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

# Add Rating<\/strong><\/p>\n\n\n\n

Come to a new column again and name it \u683c\u4ed8\u3051<\/strong>. TableBerg currently misses the Rating block. But as of when you are reading this post, the Rating block may be available.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

# List Features<\/strong><\/p>\n\n\n\n

Finally, it\u2019s 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<\/p>\n\n\n\n

\"List<\/figure>\n\n\n\n

# CTA\u30dc\u30bf\u30f3\u306e\u8ffd\u52a0<\/strong><\/p>\n\n\n\n

CTA buttons aren\u2019t mandatory in the product specification table. Yet, you can add them to try if some people buy your products. Hitting the \u30d7\u30e9\u30b9\uff08+\uff09\u30a2\u30a4\u30b3\u30f3<\/strong>, add the \u30dc\u30bf\u30f3\u30d6\u30ed\u30c3\u30af<\/strong> to the table, and create your CTA buttons.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

\u30b9\u30c6\u30c3\u30d74\uff1a\u88fd\u54c1\u4ed5\u69d8\u8868\u306e\u30d7\u30ec\u30d3\u30e5\u30fc<\/h2>\n\n\n\n

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\u2019s ready to go live. If there is no problem, you can publish the table.<\/p>\n\n\n\n

\"Preview<\/figure>\n\n\n\n
\n\n\n\n

\u7d50\u8ad6<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

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. <\/p>\n\n\n\n

\u3053\u3061\u3089\u3082\u304a\u8aad\u307f\u304f\u3060\u3055\u3044\uff1a WooCommerce\u306e\u305f\u3081\u306e7\u3064\u306e\u30d9\u30b9\u30c8\u88fd\u54c1\u4ed5\u69d8\u30d7\u30e9\u30b0\u30a4\u30f3<\/a><\/p>","protected":false},"excerpt":{"rendered":"

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. Step 1: 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 […]<\/p>\n","protected":false},"author":1,"featured_media":6743,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Create-a-Product-Specification-Table-in-WordPress-.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/ja\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/534\/revisions"}],"predecessor-version":[{"id":6745,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/534\/revisions\/6745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/6743"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}