\u30b9\u30c6\u30c3\u30d73\uff1a\u65e2\u88fd\u30c6\u30fc\u30d6\u30eb\u3092\u9078\u3076<\/h3>\n\n\n\n \u5fc5\u8981\u3067\u3042\u308c\u3070\u3001\u30bc\u30ed\u304b\u3089\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u3002\u305d\u308c\u306f\u5f8c\u3067\u7d39\u4ecb\u3057\u3088\u3046\u3002<\/p>\n\n\n\n
\u307e\u305a\u3001\u69cb\u7bc9\u6e08\u307f\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u898b\u3066\u307f\u3088\u3046\u3002Tableberg\u30d6\u30ed\u30c3\u30af\u3092\u633f\u5165\u3057\u305f\u3089\u3001'Pre-Built Tables'\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002 <\/p>\n\n\n\n\u30d1\u30bf\u30fc\u30f3\u30fb\u30e9\u30a4\u30d6\u30e9\u30ea\u30fc\u304c\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u4fa1\u683c\u8868\u300d\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u3001\u4fa1\u683c\u8868\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u9078\u629e\u3057\u307e\u3059\u3002 <\/p>\n\n\n\n\u30c6\u30fc\u30d6\u30eb\u304c\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u633f\u5165\u3055\u308c\u308b\u3002 <\/p>\n\n\n\n\u30b9\u30c6\u30c3\u30d74\uff1a\u30c6\u30fc\u30d6\u30eb\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h3>\n\n\n\n Tableberg\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30d6\u30ed\u30c3\u30af\u5168\u4f53\u3092\u9078\u629e\u3057\u3001\u53f3\u4e0a\u306e\u8a2d\u5b9a\u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002\u305d\u3053\u304b\u3089\u8868\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u308b\u3002 <\/p>\n\n\n\n\u30bc\u30ed\u304b\u3089\u4fa1\u683c\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n \u30bc\u30ed\u304b\u3089\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u3002 <\/p>\n\n\n\n
\u30b9\u30c6\u30c3\u30d71\uff1a\u5217\u3068\u884c\u306e\u6570\u3092\u9078\u629e\u3059\u308b<\/h3>\n\n\n\n Tableberg\u30d6\u30ed\u30c3\u30af\u3092\u633f\u5165\u3057\u305f\u3089\u3001\u884c\u756a\u53f7\u3068\u5217\u756a\u53f7\u3092\u8a2d\u5b9a\u3059\u308b\u3002\u305f\u3060\u3057\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u3001\u8868\u3092\u4f5c\u6210\u3057\u305f\u5f8c\u3067\u884c\u3068\u5217\u306e\u6570\u3092\u5897\u3084\u3057\u305f\u308a\u6e1b\u3089\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002\u3057\u304b\u3057\u4eca\u306f\u30014*4\u306e\u884c\u3068\u5217\u3092\u9078\u629e\u3057\u3066\u3044\u308b\u3002<\/p>\n\n\n\nAs you add lots of content, you may need more space within the table cells. So, it\u2019s better if you increase the table width. Select the entire table by clicking the TableBerg icon three times on the toolbar.<\/p>\n\n\n\n
You\u2019ll get the \u8a2d\u5b9a\u30bf\u30d6<\/strong> appearing on the right sidebar. Under the settings table, you\u2019ll find the Table Width<\/strong> option. Increase its width as you need.<\/p>\n\n\n\n\u30b9\u30c6\u30c3\u30d72\uff1a\u30c6\u30fc\u30d6\u30eb\u30ab\u30e9\u30e0\u306b\u30bf\u30a4\u30c8\u30eb\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n\n\n\n Add suitable titles to the table columns. Suppose we\u2019ll create a pricing table for a web hosting business. There are four pricing plans in the table. So, the column title will be Economy, Deluxe, Ultimate,<\/strong> \u305d\u3057\u3066 Maximum<\/strong>.<\/p>\n\n\n\nYou can customize the title text and its background color from the respective tab on the right sidebar. You can also increase the text typography and its size.<\/p>\n\n\n\n\u30b9\u30c6\u30c3\u30d73\uff1a\u4fa1\u683c\u30c6\u30fc\u30d6\u30eb\u306e\u5217\u306b\u4fa1\u683c\u3068\u5272\u5f15\u7387\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n\n\n\n First, add the prices of the plans to their respective columns. We have made the price texts bold, a bit bigger, and colorized with blue.<\/p>\n\n\n\nThe discount rate usually sits very close to the main price. Place your cursor on the pricing cell and create space below them, pressing the Enter button<\/strong> on your keyboard.<\/p>\n\n\n\nAfter that, type your desired discount rates in the respective columns. <\/p>\n\n\n\nWe will now highlight the discount rate so it becomes more visible. Select the discount rate<\/strong> text area with your cursor. Click the More option<\/strong> on the toolbar. Choose the Highlight option<\/strong>.<\/p>\n\n\n\nUse a background highlighter to the discount rate text. We have applied the color code #fcdc4b<\/strong> in the background of the discount rate on the pricing table.<\/p>\n\n\n\nApply the same process to each column in respective areas.<\/p>\n\n\n\nIf there are any special notes for the plans, you must specify them within the pricing area. See, we\u2019ve done it using the first bracket sign.<\/p>\n\n\n\n\u30b9\u30c6\u30c3\u30d74\uff1a\u30c6\u30fc\u30d6\u30eb\u306bCTA\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b<\/h4>\n\n\n\n By adding CTA buttons, you cannot provoke users to buy your products. Select the cell to which you want to add the CTA button. Press the \u30d7\u30e9\u30b9\uff08+\uff09\u30a2\u30a4\u30b3\u30f3<\/strong> on the cell and select the CTA button<\/strong>.<\/p>\n\n\n\nWe\u2019re not covering this part in full detail. All you have to do here is write a compelling CTA copy for each button. Link buttons to the checkout page. Add background and text colors for the buttons.<\/p>\n\n\n\n\u30b9\u30c6\u30c3\u30d75\uff1a\u4fa1\u683c\u30c6\u30fc\u30d6\u30eb\u306b\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n\n\n\n Finally, you need to list all the features of your products and services based on their pricing plans. If there are any special words that you want to highlight, you can bold them.<\/p>\n\n\n\n\u30b9\u30c6\u30c3\u30d76\uff1a\u4fa1\u683c\u30c6\u30fc\u30d6\u30eb\u306e\u30d7\u30ec\u30d3\u30e5\u30fc<\/h3>\n\n\n\n Before you publish the pricing table, it\u2019s better if you see it in the preview mode to check if there is any mistake. If the table is totally clean, you can make it live.<\/p>\n\n\n\n\u7d50\u8ad6<\/h3>\n\n\n\n Thus, you can create informative pricing tables on your site that help customers make informed decisions. TableBerg is coming up with more new features by which you can create more advanced tables on your site.<\/p>\n\n\n\n
If you love this post, comment below and let us know your feedback. Take a look at \u30ef\u30fc\u30c9\u30d7\u30ec\u30b9\u3067\u6bd4\u8f03\u8868\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"A pricing table is a well-structured representation of products and services along with their corresponding prices and features. It allows customers to compare different pricing plans and choose the one that suits them. The default WordPress table block lacks many advanced features. You cannot create comprehensive price tables with it. You need a table builder plugin like Tableberg to create stunning pricing tables. You can create conversion-centric pricing tables even with its free version. In this article, we’ll show you how to create a pricing table in WordPress using the Tableberg plugin. Choosing a Pricing Table Template The Tableberg plugin comes with some pre-built pricing table templates. You can get […]<\/p>\n","protected":false},"author":1,"featured_media":6733,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[9],"class_list":["post-519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Create-a-Pricing-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\/519","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=519"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"predecessor-version":[{"id":6735,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/519\/revisions\/6735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/6733"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1024x481.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1024x721.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1024x650.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1024x841.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1024x625.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1024x600.png\")
<\/figure>\n\n\n\n![\"\u884c\u756a\u53f7\u3068\u5217\u756a\u53f7\u3092\u8a2d\u5b9a\u3059\u308b\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\")
<\/figure>\n\n\n\n![\"Increase](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates.webp\")
<\/figure>\n\n\n\n![\"Select](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table.webp\")
<\/figure>\n\n\n\n![\"Use](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text.webp\")
<\/figure>\n\n\n\n![\"Use](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables.png\")
<\/figure>\n\n\n\n![\"Customize](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons.png\")
<\/figure>\n\n\n\n![\"List](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables.webp\")
<\/figure>\n\n\n\n![\"Preview](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table.webp\")
<\/figure>\n\n\n\n