Need to pack a massive amount of content into a tight space without breaking your design? The Brutal Accordion block is the ultimate WordPress accordion plugin for the Gutenberg editor. It’s the perfect tool for building sleek FAQs, organizing dense information, and keeping your page layouts impossibly clean.
Forget clunky, rigid accordions. Ours is engineered to be completely fluid. Whether your visitors are browsing on a massive 4K monitor, a tiny smartphone, or you’re squeezing the block into a narrow sidebar, this responsive accordion adapts like liquid. Zero layout breaks, just flawless design.
🔥 What makes it brutal?
- Drop anything inside: Built fully integrated with native Gutenberg InnerBlocks, you can throw text, image galleries, forms, or YouTube videos right into the accordion body. No limits.
- Style it your way: Take control of your design. Easily change the background colors of the tabs, tweak the content panels, and adjust text colors to perfectly match your brand’s theme.
- Insanely Responsive: It magically resizes and perfectly adapts to any screen or sidebar width automatically.
💸 FREE vs. PRO
The Free version is a solid workhorse, but the PRO version is where the magic happens and the real money is made.
- FREE Version: Perfect for basic WordPress sites. Gives you up to 3 tabs per accordion with instant, snappy open/close actions (no animations).
- PRO Version (Unleash the Beast): * Unlimited Tabs: Build massive, comprehensive FAQ sections for your users.
- Advanced Animations: Add slick, premium animation effects that make your site feel expensive.
- Automated FAQ Schema (JSON-LD): The ultimate SEO booster. The PRO version automatically generates the markup Google loves, allowing your answers to appear as Rich Snippets directly in Google search results. Steal the organic clicks from your competitors.
- Expand/Collapse All toggle.
🛠️ Quick Help: Up and running in 10 seconds
Adding the Brutal Accordion to your page is incredibly simple:
- Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and simply drag and drop the accordion right onto your layout.
- Type your tab heading and use the right sidebar settings to tweak your background and text colors.
- Drag and drop absolutely any block you want inside the content area.
- Save your page and watch it perfectly adapt to any device.