6 Easy Steps to Build a Pricing Layout with Elementor Table

Step 1: Open the Elementor editor

Open the editor, then start with a blank page or import a template from the Elementor library.

Creating a pricing table with Elementor is straightforward. Begin by opening the Elementor editor. From there, you can either start with a blank page or import a pre-designed template from the Elementor library to get started.

Step 2: Select columns

Click the plus sign in Elementor, choose the number of columns, and select a column structure for your pricing table.

When you’re ready to add the pricing table, start by selecting the number of columns you’d like. Click the plus sign in the Elementor editor and choose the column structure that best suits your pricing section.

Step 3: Add pricing table widgets

Drag and drop a Price Table widget into each column; each table works individually but displays side by side as a unified section or stacks on mobile devices

Drag and drop the pricing table widget. Remember that when using multiple columns, you’ll need to place a separate Price Table widget in each one. While each table will function as an individual element, users will see them displayed side by side (or stacked vertically on mobile devices) as part of a unified section.

Step 4: Style the first table

Start by adding and customizing one Price Table widget. Then duplicate it into other columns and update content for each.

It’s a good idea to start by adding one Price Table widget and customizing its style first. Once you’re happy with the design, you can easily duplicate or copy that widget into the other columns and update the content for each.

To personalize the table, select the widget and navigate to the Style tab in the settings. Elementor offers a wide range of styling options, including color choices, typography settings, and custom configurations for different sections of the table.

Step 5: Duplicate styled table

After styling the price table, right-click the widget, select ‘Duplicate’, then drag the copy into an empty column.

After finalizing the style of the price table, right-click on the widget and choose Duplicate. A copy of the table will appear beneath the original, which you can easily drag into one of the empty columns.

Repeat this process for as many of the preferred columns as you need. Keep in mind that each table can have its own unique style if you prefer not to reuse settings. Just make sure the styles are similar enough for visitors to easily recognize that they are viewing a comparison.

While customizing your table, remember that Elementor allows you to add custom CSS to any module. To do this, navigate to the widget’s Advanced settings and select the Custom CSS tab:

Add custom CSS to your table in Elementor by going to the widget’s Advanced settings and selecting the Custom CSS tab.

Adding custom CSS via Elementor is much easier than editing WordPress code manually. Normally, editing CSS in WordPress requires accessing theme files and optimizing the code for performance. With Elementor, you simply paste the CSS code into the provided field for each module.

If adding CSS sounds daunting, don’t worry. Learning CSS is easier than it seems, and it’s a valuable skill that can help you further customize your WordPress websites—or even open up opportunities in web development.

Step 6: Finalize and save

To edit table text and features, select the table and go to the Content tab in the widget settings.

Once your tables are in place, it’s time to edit the text and add the necessary features for each entry. To do this, select a table and go to the Content tab under the widget settings.

Editing the content of your price tables is straightforward. You can click on any element within the widget to modify it. Once you’re satisfied with the changes, your price tables will be ready to use.

1. WP Table Builder

WP Table Builder is a drag-and-drop plugin that lets you create tables with elements like buttons, reviews, and product ratings.

If you love drag-and-drop editors (and you likely do if you’re using Elementor), you’ll enjoy WP Table Builder. This table builder plugin allows you to create tables using pre-configured elements like buttons, review sections, product ratings, and more.

In addition to these advanced elements, you also get access to basic modules like text and images. The plugin includes table templates to further simplify your work.

WP Table Builder integrates seamlessly with the Block Editor and Elementor, making it easy to insert tables anywhere on your site.

Key Features:

• Drag-and-drop table builder that can help you create tables quickly and easily
• Pre-built elements such as buttons, reviews, and product ratings, you can easily enhance user engagement.
• Style customization for each table element lets you effortlessly match the design to your brand.
• Pre-built page templates save you time by offering ready-to-use layouts for a professional look.

Price: WP Table Builder licenses start at $39 per year.

2. Essential Addons for Elementor

Essential Addons for Elementor adds over 80 widgets to the page builder, including options for pricing tables, data tables, and tables of contents.

Essential Addons for Elementor enhances the page builder with over 80 widgets, including options for pricing tables, data tables, and tables of contents.

The plugin offers a free version, which includes an improved pricing table widget. For access to data tables with features like filtering, searching, and various styles, you’ll need to opt for the premium version.

Key Features:

• The plugin allows you to add pricing, data, and content table widgets, making it easy to display essential information in a clear format.
• It enables searching and filtering within tables, helping users quickly find the information they need.

Price: The free version is available, while premium licenses start at $39.97 per year.

3. JetElements

JetElements adds 45 new widgets to Elementor, many designed for ecommerce and subscription-based websites.

JetElements enhances Elementor by adding 45 new widgets, many of which are tailored for ecommerce and subscription-based websites. However, it also includes several noteworthy table widgets.

Among these, you’ll find pricing and responsive tables. Compared to Elementor’s base pricing tables, JetElements list of features offers a range of additional customization options. You can experiment with highlight effects such as parallax and micro animations to make your tables stand out.

Key Features:

• Lets you add pricing and responsive features to Elementor, ensuring your content looks great on any device.
• You can customize tables with advanced visual animation effects like parallax to create a more engaging user experience.
• Allows you to create dynamic table elements with micro animations, adding subtle, eye-catching movements to your design.

Price: JetElements all-inclusive licenses start at $130 per year. You can also build custom widget bundles by selecting only the features you need.

4. TablePress

TablePress plugin adds spreadsheet-like tables to WordPress, letting you import from CSV, Excel, JSON, and export tables to other programs.

TablePress is a free table plugin that brings spreadsheet-like functionality to WordPress. It allows you to import tables from CSV, EXCEL, and JSON, and also offers export options for use with other programs.

With TablePress, you can create tables that include search functionality, allowing users to filter data, choose how many entries to display, and navigate through large datasets with pagination.

Embedding TablePress tables in Elementor is straightforward. The plugin generates unique shortcodes for each table, and you can easily add them to any page using the Elementor Shortcode widget.

Key Features:

• Allows you to import and export data in Excel, CSV, JSON, and HTML formats, making data management seamless across platforms.
• You can create searchable tables, helping users find specific information quickly and efficiently.
• It enables pagination for large datasets, improving table performance and making it easier for users to navigate.

Price: TablePress is free, with premium extensions available for additional features.

5. Data Mentor

DataMentor plugin offers a powerful table widget for Elementor, providing more functionality than many other addons, even with just one widget.

DataMentor is a plugin with a basic feature of a single, feature-rich table widget for Elementor. Despite having just one widget, it provides more functionality than many other addons.

With DataMentor, you can create highly versatile tables that allow you to insert images, buttons, lists, and icons in each element. Additionally, the plugin lets you apply unique styles to each column or row, giving you full control over the design. It also includes several table templates to help you get started quickly.

Key Features:

• The plugin allows you to add a robust table widget to Elementor, enhancing your page layouts with advanced table functionality.
• You can access multiple table templates for quick setup, saving time and simplifying the design process.
• It lets you customize tables with images, text, buttons, lists, and icons, providing flexibility to create visually appealing and informative content.

Price: DataMentor is available for free.

6. PowerPack for Elementor

PowerPack for Elementor adds over 70 widgets and numerous templates to help you design websites more efficiently with the page builder

PowerPack for Elementor adds over 70 widgets to the page builder, along with a vast selection of templates to help you design websites more efficiently.

For tables, PowerPack allows you to create sortable and searchable data tables. You can easily import data into these tables using CSV files. The plugin also offers multiple pre-built table templates for quick setup.

In addition to data tables, PowerPack provides info and pricing table widgets, perfect for showcasing services and products in an organized and professional way.

Key Features:

• Allows you to create sortable and searchable data tables, making it easier for users to find and organize information.
• You can import data from CSV files, simplifying the process of populating tables with large datasets.
• It provides access to pricing and info table widgets, enabling you to display key details in a clear and structured format.

Price: PowerPack licenses start at $44 per year.

7. ElementsKit Add-Ons for Elementor

ElementsKit offers over 85 widgets for Elementor, including basic tables, pricing tables, and easy TablePress integration for embedding tables

ElementsKit offers over 85 widgets for Elementor, including options for basic tables, pricing tables, and TablePress integration for embedding tables easily.

With the Professional version, you can access an advanced tables widget, which allows for searching, filtering, and pagination. This helps organize large data sets efficiently without overwhelming users with long tables.

Key Features:

• The plugin offers three types of table widgets, giving you flexibility in how you present your data.
• It includes advanced table functionality with search, filter, and pagination, making data easier for users to navigate and find specific information.
• The integration with TablePress allows for easy embedding of tables, enhancing your site’s functionality without additional complexity.

Price: ElementsKit licenses start at $39 per year.