Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

image accordion for elementor
ai-seo
the-style-is-candid-image-photography-with-natural__87017
Stacking Cards Widget for Elementor
PRO

Stacking Cards Widget for Elementor

Stacking Cards Widget creates stunning and highly interactive scroll effects with content cards that stack seamlessly for a truly dynamic user experience.

Choose Template
Frame 8396 (13)
Stacking Cards With Color...
Stacking Cards with Scroll Motion
Stacking Cards with Scroll...
Stacking Cards with Manual Items as the Source
Stacking Cards with Manual...
Stacking Cards with Posts as the Source
Stacking Cards with Posts...
Frame 8396 (14)
Testimonials Stacking Ca...
Loading...
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Step by Step Tutorial

Learn How It Works?

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

Stacking Cards

Elevate Your Website with Dynamic Scrolling

The Stacking Cards Widget creates a sleek scrolling effect, where cards dynamically stack or unstack as users scroll, perfect for storytelling, portfolios, or highlights.

Scroll-Based Interaction

Engage Users with Intuitive Scrolling

The widget leverages natural scrolling to stack or reveal cards in a seamless motion. This feature transforms mundane scrolling into an interactive journey that keeps users hooked.

Card Design Customization

Craft Each Card Your Way Easily

From colors and typography to icons and images, every element of the card can be customized. Make your content shine with tailored designs that align perfectly with your brand.

Top Use Cases for the Stacking Cards Widget

Storytelling Sequences

Present a captivating narrative or brand journey with cards that unfold as users scroll.

Portfolio Showcases

Highlight your creative work, such as designs, photos, or art, with a modern, interactive touch.

Product Features

Break down product features or benefits into visually stacked sections to engage potential customers.

Step-by-Step Tutorials

Guide users through a process or tutorial, with each card representing a clear step in the journey.

Event Timelines

Showcase event schedules, history, or milestones with an engaging, scrollable timeline format.

FAQs or Tips

Answer questions or share tips in an organized, scrollable format that feels modern and accessible.

Stacking Cards Widget Frequently Asked Questions

What are Stacking Cards in an Elementor website?

The Stacking Cards widget creates an engaging card layout with an interactive stacking effect. It’s perfect for showcasing team members, product highlights, or creative content in a visually appealing format.

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

The Stacking 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 Stacking Cards?

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

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

Definitely! The Stacking 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 Stacking Cards?

Yes, the Stacking 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 Stacking Cards?

Of course! You can easily display JSON file data within this widget to create dynamic content layouts.

How do I use the Stacking Cards in Elementor?

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

What content sources are supported by the widget?

The widget supports multiple content sources, including:

  • Manual items
  • Posts
  • WooCommerce products
  • ACF custom fields
  • JSON or CSV files
  • Galleries
  • API integrations
  • Instagram and more.
Can I customize the design of the cards?

Yes! The widget offers extensive customization options, including:

  • Card width, height, and spacing.
  • Background color or image.
  • Border styles, shadow, and padding.
  • Typography and hover effects.
What layout options are available in this widget?

You can adjust:

  • Whether to show or hide titles, descriptions, and buttons.
  • Button text and icons.
  • Image sizes and graphic elements for a personalized design.
Does the widget support scrolling animations?

Absolutely! The widget enables smooth scroll motion effects, allowing you to set transform origins, rotation, and greyscale effects to enhance the visual appeal.

Can I adjust the card stacking behavior?

Yes, the widget allows you to configure:

  • Sticky position top space.
  • Card gaps.
  • Top offset for better alignment with your page layout.
Is the widget compatible with RTL (Right-to-Left) languages?

Yes, the widget fully supports RTL, making it ideal for languages that use right-to-left scripts.

How do I enable hover transitions?

You can easily enable hover transitions and set their duration (in milliseconds) through the widget’s settings for a smooth interactive experience.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!