Back to contents

How to create a pricing table using JetElements Pricing Table Widget for Elementor

This tutorial uncovers the basic ways of working with JetElements Pricing Table widget, one of 50 powerful widgets for Elementor.

The Pricing Table widget is helpful for adding informative pricing tables to Elementor-built pages. Using this widget, you can attach information about the price of the product and services which your company provides.

Pricing Table widget

Creating a pricing table using JetElements Pricing Table widget

Step 1 — First of all, you need to click Add New Section option and then select the appropriate structure of the section.

Step 2 — After that, drop the Pricing Table widget into a new section.

pricing-table-widget

Step 3 — Click the widget to get access to three blocks with different settings: Content, Style and Advanced.

Step 4 — There are four sections in the Content block, where you can adjust the needed settings that define the widget’s content.

General settings in Pricing Table widget

Feel free to customize Pricing Table general content settings in General block. Here you can choose the suitable icon, enter the title and the subtitle.

Also, it is really easy to mark the item as featured. To do it you just need to turn on the option for applying an additional featured badge and the select a custom position of the featured badge.

Step 5 — The name of the next block speaks for itself. Price block is where you can set the price, the currency, and add an extra note to the price.

Price settings in Pricing Table widget

Step 6 — Open the Features block to manage the particular features of the product or the pricing plan. You can add as many items as you need to present the product by clicking Add Item option. Just click the feature and here it is. Furthermore, you can select whether this feature is included or excluded from the pricing plan.

Features settings in Pricing Table widget

Step 7 — You can customize the Action Button in Action Button block that happens to be the last one in the Content settings. There are several fields where you can add the text to show up before and after Action Button. You can also input here the fitting text and define the URL link that will redirect the customers to the purchase page or shopping cart.

Step 8 — When the content’s settings are configured, proceed to style the widget’s elements. Switch to the Style block to customize the design of the table, the header, the icon, the pricing, the features, Action Box and Action Button.

Style settings in Pricing Table widget

Step 9 — After everything is done, click the Update button in order to save the changes and display it on the page.

That’s all! Now you know how to create and display WordPress pricing tables for representing products in a more attractive form.