Elementor Comparison Table Widget (Pro)
Comparison Table is a Master Addons Pro widget that builds a feature grid for 2 to 6 products or plans. Feature names run down the first column, and each product column has a title, price, image, a value for every feature row and a button. Values can be a check mark, a cross, an icon or text. Pick one of four layouts, give one column its own colors to mark the recommended option, and style rows, headers and buttons. It needs no WooCommerce, so it works for plans, software, hardware or service packages. For single plan cards, the free Pricing Table widget is the better fit.
How to Add a Comparison Table in Elementor
Comparison Table needs Elementor and an active Master Addons Pro license.
- Activate Master Addons Pro, edit your page with Elementor and search the widgets panel for Comparison Table.
- In General, pick a Layout and set Products to the number of columns.
- In Features Box, add one item per feature row and set the heading.
- Open each Product section and add the title, price, image, button text and link.
- Set every row value to a check, cross, icon or text, in the same order as the feature list.
- Turn on Override Style for the column you recommend, style the table, then check it in mobile view.
Every setting is covered in the Comparison Table widget settings guide.
Compare 2 to 6 Products Feature by Feature
Set Products in General (2 to 6, 3 by default) and a Product section appears for each column. List your rows once in Features Box: a Heading, one repeater item per feature and a Button Heading. Then fill each product with a Title, Price, Image, Button Text, Link and a value for every row.
- Each row value is a check, a cross, an icon of your choice or plain text such as “1 Year”.
- Feature rows are shared, so keep the same number of items in each product so the rows line up.
- Content is typed in the panel. Prices do not pull from WooCommerce.
Comparison Table vs Pricing Table Widgets
Elementor and Elementor Pro have no comparison table widget. Elementor Pro has a Price Table widget for single plan cards. Here is when to use each option.
| Widget | Layout | Best for | Price |
|---|---|---|---|
| Master Addons Comparison Table | One grid, 2 to 6 product columns sharing the same feature rows | Feature by feature decisions between plans or products | Master Addons Pro |
| Master Addons Pricing Table | One plan card per widget with header, price, features and button | Pricing pages with two or three simple plans | Free |
| Elementor Pro Price Table | One plan card per widget with a ribbon option | Plan cards on sites that already use Elementor Pro | Elementor Pro |
If visitors need to check the same features across several options, a comparison table is easier to read than cards side by side. If each plan has a short list and a price, pricing cards take less space. Also useful: Dynamic Table for plain data tables.
Four Layouts and Table Styling
Choose Style 1 to Style 4 in Layouts, from a classic table to separate product cards with price badges. The Style tab has four sections. General sets odd and even row colors, border, box radius, column spacing and row spacing. Feature Box sets the feature column width, colors, alignment and padding. Products styles headings, prices, images and the mobile breakpoint, and Button styles the buy buttons.
- Zebra rows with Odd Row Color and Even Row Color make long tables easier to scan.
- Box Width sets how wide the feature column is.
- Below the Start Tab Format From width (767px by default) some layouts switch to a row of product tabs. Check the table in mobile view before you publish, and lower that width if you prefer the full table to scroll.
Highlight the Recommended Column
Turn on Override Style inside a product section to give that column its own colors. You can set the heading color and background, the count badge, the price and its column background, feature text, check and cross colors, odd and even row colors, and the button colors. Use it for your “most popular” plan or your own product in an us versus them table.
- Override Style works per product column, not per cell.
- There is no built-in ribbon or badge, so add the label to the product title or price text.
- Keep other columns on the global style so the highlighted one stands out.
Frequently Asked Questions For Comparison Table
Is the Comparison Table widget free?
No. Comparison Table is part of Master Addons Pro. The free plugin includes the Pricing Table widget for single plan cards.
How many products can I compare?
Between 2 and 6. Change Products in the General section and product sections are added or hidden to match. Three or four columns read best on most page widths.
How does the comparison table look on mobile?
Below the Start Tab Format From width in the Products style section (767px by default), some layouts change to a row of product tabs above the feature column, while others keep every column. Preview the table in Elementor’s mobile view, and lower that width if the tabbed view does not suit your table.
Should I use a comparison table or a pricing table?
Use Comparison Table when visitors need to compare the same features across several options. Use a pricing table when each plan is a short card with a price and a few features. Master Addons has a free Pricing Table widget for that.
Trending Elementor Widgets & Extensions
Build sophisticated websites in less time.
Glassmorphism
Container Extras
Patterns
![Master Addons Post/Page Duplicator extension for Elementor: MA Duplicator row link in the WordPress Pages list creating a Landing Page - [Duplicated #128] draft](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
