Content Accordion Widget for Elementor
FREE

Content Accordion Widget for Elementor

The Content Accordion widget for Elementor lets you create a collapsible accordion to showcase different content types, delivering an organized and user-friendly experience.

Choose Template
Content Accordion for Product Details with Socials
Content Accordion for Product…
Content Accordion with Connected Hotspots
Content Accordion with Connected…
Content Accordion with Templates as Content
Content Accordion with Templates…
Content Accordion with Remote Bullets
Content Accordion with Remote…
Content Accordion with the Links to Trigger Accordion Items
Content Accordion with Links…
Content Accordion for Service Details
Content Accordion for Product…
Content Accordion with the Slider
Content Accordion with S…
Loading…
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Sync Widgets

Sync together two or more item-based widgets to create advanced creative layouts that will blow your website visitor’s minds. Create the layouts you have always dreamt of without needing a single line of code.

Remote Navigation

Use remote control widgets to let users navigate between different accordion items. The remote controls will make the user experience on your Elementor website more unique and more friendly.

Jump to Item Link

Create custom triggers using links that can navigate to a specific accordion-item and open it on demand. Even add trigger links between multiple instances of accordion on the page. 

Load Templates as Item Content

Load Elementor templates into your accordion items to create advanced accordion layouts. Each accordion-item can be assigned its own template to create a versatile design.

FAQ Schema

Add a structured data format to the frequently asked questions on your website. Help Google show your FAQ in the search results formatted as an interactive accordion. Google will highlight the relevant information and make your website stand out in the search results.

Highlighted Features

First Appearance

Determine how the accordion will appear the first time it’s loaded on the page. All items open, first item open or all items open. 

Close Item

Determine the accordion behavior by setting the option to close items when other items are open or leave multiple items open.

Scroll to Head

Make the page scroll to the relevant heading which is opened by the user. This feature is very helpful on mobile devices.

Content Accordion Resources

Step by Step Tutorial

Learn How It Works?

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

Content Accordion Frequently Asked Questions

What is a Content Accordion in an Elementor website?

The Content Accordion widget allows you to present content in a collapsible accordion format, making it ideal for displaying multiple sections of information in a compact, space-saving way. Users can expand or collapse each section, providing an interactive and organized layout for content like FAQs, details, or any other type of information that needs to be segmented.

How do I add a Content Accordion to my Elementor website?

This widget is free for all users who have the Unlimited Elements installed and activated on their WordPress website. 

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

Yes, the Content Accordion widget is free for all as it is included in the Unlimited Elements free version.

Can I show WooCommerce products in the Content Accordion?

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

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

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 Content Accordion?

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

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

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

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

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

How do I use the Content Accordion in Elementor?

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