Advanced Accordion Gutenberg Block

Advanced Accordion Gutenberg Block is a custom native Gutenberg Block that allows you to build a FAQs Section or Accordion easily on your site post and page using Gutenberg Editor.

Video Overview

?? USEFUL LINKS

Key Features

Custom Minimal Design: Experience a sleek, modern interface designed to enhance user engagement with a clean and minimalistic look.
Super Fast: Lightweight, and Optimized: Ensure quick loading times and smooth performance with a highly optimized, lightweight build.
Linked Accordion: Seamlessly connect accordion items for interconnected content, providing a streamlined user experience.
Built with Gutenberg Native Components: Enjoy full integration with Gutenberg, ensuring compatibility and ease of use with WordPress’s native block editor.
Unlimited Nested Accordion: Create complex, multi-level accordions effortlessly, allowing for detailed and organized content structures.
Unlimited Styling Options: Customize your accordion with extensive styling options, including margin, padding, border radius, color, background, and tag selection.
Highly Customizable: Benefit from extensive customization possibilities, offering flexibility to suit any design requirement.
All Content Types Supported: Insert any type of content, including text, images, videos, and more, within the accordion body for versatility.
Custom Color Palette: Personalize your accordion’s appearance by selecting from a customizable color palette, aligning with your brand’s aesthetics.
Active Accordion on Page Load: Automatically expand the desired section when the page loads, ensuring immediate visibility of important content.
Responsive and SEO Friendly: Maintain a seamless user experience across devices with a responsive design, while also optimizing your content for search engines.
Unlimited FAQs: Create and manage as many FAQs as needed, ensuring all user queries are addressed comprehensively.
Infinite Reusability: Reuse accordion items across different pages, making content management more efficient and consistent.
Pattern Design: Pre-built stylish accordion patterns to enhance your layout instantly, with exclusive premium designs available in the Pro version.
Keyboard Accessibility: Navigate and interact with accordions using keyboard keys—Tab, Shift+Tab, and Enter/Space—for a smoother and more accessible user experience.
Horizontal Accordion block: Display accordions side by side with support for titles, subtitles, icons, and all inner blocks—perfect for creating dynamic, content-rich layouts.
Global Style Settings: Easily manage and apply global styles to all your accordions from a single toolbar setting.

PRO Features

Instant Search: Enable a search bar to help users find specific FAQs quickly. It’s useful when you have a long list of FAQs.
QA (Question and Answer) Style: Display FAQs in a structured question-and-answer format for easy readability and user engagement.
Voting Feedback: Add feedback voting buttons to each FAQ item. From the total vote count, you can understand how helpful an accordion is.
Anchor Link: Generate unique links for each FAQ item. It’s handy for directing users to specific FAQs from external sources or within the same page.
Open All / Close All: A functionality that lets users expand or collapse all accordion items simultaneously. It provides convenience, especially when users want to view or hide all FAQ items at once.
Read More button: Expand the accordion content beyond a certain character limit or line count, displaying a “Read More” button or link to reveal the entire content.
Activator Event: Choose the event type to activate the accordion. You can choose from Click and Hover.
Steps Layout: Sequentially open accordions, marking previously opened ones as checked, guiding users through a step-by-step process.
Checklist Layout: Convert accordions into a checklist format, allowing users to tick off completed items, ensuring thorough task management.
Featured Icon: Integrate custom icons/images into your accordion title to represent different types of themes visually. This enhances user experience and helps quickly differentiate content.
Subheading support: Add unique subheadings to each accordion section for better content organization. This improves user navigation, making it easy for visitors to find and engage with specific information.
Custom CSS Field: With full custom CSS support, you can tailor your accordion’s colors, fonts, and animations to seamlessly align with your website’s style.
Filter Tab by Category: Easily filter and view specific content within your accordion sections. Set custom tags in the parent accordion, and watch the magic happen with dynamic filtering for a more organized and user-friendly experience.
Show More Button: Enhance user experience by enabling the “Show More” button in Group Accordion. Control how many items are displayed per click, keeping content organized and accessible.
Labelling Option: User can add custom text label beside the Single accordion title, making it easier to highlight key information and categorize content effectively.