{"id":1051,"date":"2019-01-31T09:15:12","date_gmt":"2019-01-31T09:15:12","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=1051"},"modified":"2025-04-07T10:29:56","modified_gmt":"2025-04-07T10:29:56","slug":"how-to-create-and-add-an-effective-pricing-table-to-pages-built-with-elementor-using-jetelements-pricing-table-widget","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-create-and-add-an-effective-pricing-table-to-pages-built-with-elementor-using-jetelements-pricing-table-widget\/","title":{"rendered":"Pricing Table Overview"},"content":{"rendered":"\n

The pricing table is the most essential part of any commercial website, so it has to attract attention, be informative, and be stylish. The Pricing Table widget within the JetElements plugin is a helpful tool created especially for adding efficient pricing tables to Elementor-built pages. This widget saves you time because it has all the elements you need already included. You can add, exclude, customize, and organize prices, features, and buttons in any order.<\/p>\n\n\n\n

So, let\u2019s take a look at how it could be created.<\/p>\n\n\n\n

Pricing Table Settings Overview<\/h2>\n\n\n\n
\n

Add the Pricing Table widget<\/h3>\n\n\n\n

Go to the page where you need a pricing table and open it in the Elementor page builder. Click the \u201cAdd New Section<\/strong>\u201d button and then select the appropriate structure of the section. Seek the Pricing Table widget and drop it into a new area.<\/p>\n\n\n\n

\"Pricing<\/figure><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

Pricing table widget creates a single column of the pricing table. To make the table creation process faster, it will be wise of you to create and style one column and then just duplicate it as many times as you need.<\/p><\/div><\/div>\n\n\n\n

Define the settings<\/h3>\n\n\n\n

By default, the pricing table looks like that. As you can see, it has all the necessary elements already included:<\/p>\n\n\n\n

\"pricing<\/figure><\/div>\n\n\n\n

Click on the widget to access three blocks with different settings: Content, Style, and Advanced. There are six sections in the Content block where you can adjust the settings that define the widget\u2019s content. Let\u2019s have a closer look at each of them.<\/p>\n\n\n\n

General<\/h3>\n\n\n\n
\"Pricing<\/figure><\/div>\n\n\n\n