Comparison List Widget for Elementor
PRO

Comparison List Widget for Elementor

Compare product bundles or packages side-by-side with the versatile Comparison List widget, making it easy to showcase features, pricing, and unique benefits at a glance.

Choose Template
Comparison List with a Gradient Background
Comparison List with a Gradient...
Comparison List with a Button to Expand Details
Comparison List with a Button...
Comparison List with an Initially Open Accordion
Comparison List with an Initially...
Comparison List with Remote Tabs
Comparison List with Remote...
Loading...
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Layout & Settings

Create Stunning Comparison Tables Effortlessly

The Comparison List Widget lets you design clean, modern tables for comparing products, services, or plans. With support for expandable rows and clear visuals, you can showcase differences in an organized and professional layout.

Expandable Rows

Clean Design with Expandable Details

Keep your tables tidy by showing only the most important information upfront. Expandable rows allow users to click to reveal more details, making your tables both functional and visually appealing.  

Call to Action Button

Encourage Action, Drive Results

Seamlessly add buttons to your tables, such as “Buy Now” or “Learn More.” These customizable buttons allow users to take immediate action, making the widget ideal for boosting conversions on pricing pages, product showcases, or service comparisons.

Responsive Comparison Table

Perfect Display on Every Device

Your comparison tables will look flawless on all screen sizes. The Comparison List Widget automatically adjusts layouts to ensure your tables are user-friendly on desktops, tablets, and smartphones. Create seamless browsing experiences for every visitor.

Discover More Features the Comparison Table Widget Has to Offer

Here is a list of some fantastic features this widget brings to elevate your web design.

Seamless Customization

Easily adjust rows, columns, colors, and fonts to create comparison tables that perfectly match your site’s style.

Expandable Rows

Keep your tables clean and organized with expandable rows. Click to reveal extra details only when needed. 

Lightweight & Fast

This widget is built for speed, ensuring quick loading times to keep your site running smoothly.

Mobile-Friendly

The tables automatically adapt to any screen size, giving your visitors a seamless experience on all devices.

Easy To Use

No coding skills? No problem! This widget is designed for anyone to set up and use in just a few clicks.

Highlight Important Info

Make certain rows or columns stand out to emphasize key details or promotions.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Comparison List Widget with this video tutorial. Master each step at your own pace effortlessly.

Comparison List Widget Frequently Asked Questions

What is a Comparison List in an Elementor website?

The Comparison List widget allows you to create detailed side-by-side comparisons between products, services, or features. It’s an excellent tool for helping users make informed decisions by clearly displaying differences and similarities.

How do I add a Comparison List to my Elementor website?

This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website. 

  1. Go to the Unlimited Elements Widget Library. 
  2. Search in the search bar for “Comparison List”. 
  3. Hover over the widget in the search results and click Install. 
  4. Add the “Comparison List” widget to any Elementor Page.
Is the Comparison List a free widget?

The Comparison List widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now.

Can I show WooCommerce products in the Comparison List?

Absolutely! You can easily showcase your WooCommerce products directly within the list to create an interactive shopping experience. With WooCommerce as the source, you can query products using options like Custom Query, Current Product Query, Related Products, and Manual Selection. 

You can also connect powerful filters to refine the experience, including Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, Price Range, Color Swatches, and Alphabet Filters.

Can I show WordPress posts or custom post types in the Comparison List?

Absolutely! You can showcase WordPress posts or custom post types dynamically within the list. Query options include Custom Query, Current Post Query, Related Posts, and Manual Selection. 

You can also connect powerful filters, such as Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, and Alphabet Filters.

Can I add filters to the Comparison List?

Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters: 

  1. Search Filter: Transform the search experience with a live search that gives instant results. 
  2. Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display. 
  3. Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches. 
  4. Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display. 
  5. Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort. 
  6. Pagination: Enhance the browsing experience with smooth navigation between post results.
  7. Load More / Infinite Scroll: Improve user interaction in your product widgets using a Load More Button or Infinite Scroll. 
  8. Active Filter: Display the selected filters and reset them easily for user convenience. 
  9. Clear Filters: Let users easily clear all selected filters with one quick and easy click. 
  10. Post Query Summary: Provides quick feedback by displaying the number of posts or pages found. 

Click here to Learn More.

Can I show an ACF Repeater in the Comparison List?

Definitely! The Comparison List widget supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.

Can I show data from a CSV file in the Comparison List?

Yes, the Comparison List widget supports importing data from CSV files, making it versatile for various use cases.

Can I show data from a JSON file in the Comparison List?

Of course! You can easily display JSON file data within the Comparison List to create dynamic content layouts.

Can I add prices to the packages?

Yes, you can easily toggle on package pricing. This widget, available in Unlimited Elements Pro, ensures clarity for your audience.

Can the package button be hidden?

Absolutely, you can disable the package button if it doesn’t fit your design. The widget adapts seamlessly to any Elementor layout.

Is the Comparison List compatible with RTL?

Yes, the widget fully supports RTL languages for multilingual sites. It’s part of the Unlimited Elements Pro package for advanced Elementor users.

Does the widget have an accordion option?

Yes, you can enable the accordion for a sleek and compact design. Unlimited Elements Pro makes adding dynamic elements to Elementor effortless.

Can I customize the button text?

Definitely, the widget allows you to edit the button text to match your content. This feature is part of the Unlimited Elements Pro suite for Elementor.

How do I use the Comparison List in Elementor?

Using the Comparison List is straightforward. Drag the widget into your page, configure your list and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.

Popular Use Cases for the Comparison List Widget

Subscription Plans

Showcase your pricing tiers (Basic, Pro, Premium) with a side-by-side feature and benefit comparison.

Product Bundles

Compare product packages to highlight what’s included in bundles (e.g., electronics sets, beauty kits).

Software Features

Display the differences between free and paid software versions to boost sales conversions effortlessly.

Hotel Packages

Help guests choose between room types or holiday packages based on amenities and added perks.

Online Courses

Compare course levels (Beginner, Intermediate, Advanced) to emphasize educational value and depth.

Membership Plans

Make it easy for users to pick a plan by listing exclusive benefits, discounts, or unique perks.

Travel Packages

Compare vacation packages with detailed information on destinations, activities, and pricing options.

Insurance Plans

List the features and coverage details of different insurance policies in an easy-to-read format.

eCommerce Products

Let customers compare detailed specifications of similar products (e.g., phones, laptops, or cameras).