Expanding Content Cards Widget for Elementor
PRO

Expanding Content CardsWidget for Elementor

Display multiple content cards in a vertical accordion with the Expanding Content Cards widget. Just click on the card and it will expand to show the content inside of it.

Choose Template
Expanding Content Cards Tabs Filter
Expanding Content Cards Tabs...
Post Tabs with Expanding Content Cards
Post Tabs with Expanding...
Expanding Content Cards with Remote Controls
Expanding Content Cards with...
Expanding Content Cards with Checkboxes Filter
Expanding Content Cards with...
Expanding Content Cards with Select Dropdown Filter
Expanding Content Cards with...
Expanding Content Cards with Places
Expanding Content Cards with...
Expanding Content Cards as a Color Palette
Expanding Content Cards as...
Expanding Content Cards with a Card Carousel
Expanding Content Cards with...
Expanding Content Cards with a Team Member Carousel
Expanding Content Cards with...
Expanding Content Cards with a Content Slider
Expanding Content Cards with...
Loading...
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Widget Settings

Enhance Content with Expanding Card Presentations

Choose between click or hover as the trigger for card expansion, set the default active item, control transition smoothness with the Transition Duration, adapt to various screens using Responsive Breakpoint, and achieve a seamless layout with Columns on Breakpoint.

Dynamic Content

The Power of Multiple Dynamic Source Types

Easily populate card items with dynamic data types. Whether it’s WordPress posts, Woo products, CSV files, JSON files, ACF repeater fields, API integrations, or more. Our solution adapts to your dynamic content needs.

Sync Widgets Together

Craft Customized Flexible Layouts

Take your web designs one step further by synchronizing two or more item-based widgets, allowing you to craft sophisticated and personalized layouts with ease.

Remote Controls

Total Design Freedom with Connected Widgets

Craft unique layouts effortlessly with Remote Control Widgets. Enjoy full design control, making your web design stand out with absolute precision.

Filters & Tools

Intuitive Filters and Tools for Seamless Browsing

When you utilize posts or products as sources, effortlessly enhance your website browsing experience by incorporating a diverse range of filter types and tools for easy navigation.

Widget Style

Intuitive Design Settings for a Unique Online Presence

Unleash your creative potential with extensive widget style options. Effortlessly customize colors, images, background text color, and shadows. Take control of user interaction by designing unique active and hover states.

Discover More Features the Expanding Content Cards Widget Has to Offer

Here is a list of some more awesome features this widget has to offer your web creations.

Templates as Content

Use Elementor templates as content to populate your items when creating complex layouts.

Sequence Entrance Animation

Load items sequentially with slight delays for jaw-dropping visual effects on your website.

Widget Editor

Make adjustments and access the widget code, easily edit (HTML/CSS/JS) for your needs.

Responisve Behaviour

With responsive settings, effortlessly adapt to any screen size, optimizing your site for diverse devices.

Easy To Use

Easy to use with no coding knowledge required, it works effortlessly out of the box.

SEO Optimized

It's lightweight, fast, and optimized for search engine indexing, ensuring swift performance and visibility.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Expanding Content Cards  Widgets with this video tutorial. Master each step at your own pace effortlessly.

Expanding Content Cards Frequently Asked Questions

What are Expanding Content Cards in an Elementor website?

The Expanding Content Cards widget allows you to display content in a card format that expands on user interaction. It is ideal for showing additional information in a compact and organized way, saving space on your page. This widget offers a dynamic, user-friendly way to present detailed content while maintaining a clean layout.

How do I add Expanding Content Cards 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 “Expanding Content Cards”. 
  3. Hover over the widget in the search results and click Install. 
  4. Add the “Expanding Content Cards” widget to any Elementor Page.
Are the Expanding Content Cards a free widget?

The Expanding Content Cards 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 Expanding Content Cards?

Absolutely! You can easily showcase your WooCommerce products directly within the content cards 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 Expanding Content Cards?

Absolutely! You can showcase WordPress posts or custom post types dynamically within the content cards. 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 Expanding Content Cards?

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 Expanding Content Cards?

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

Can I show data from a CSV file in the Expanding Content Cards?

Yes, the Expanding Content Cards widget supports importing data from CSV files, making it versatile for various use cases.

Can I show data from a JSON file in the Expanding Content Cards?

Of course! You can easily display JSON file data within the Expanding Content Cards to create dynamic content layouts.

How do I use the Expanding Content Cards in Elementor?

Using the Expanding Content Cards is straightforward. Drag the widget into your page, configure your expanding cards and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.