bdthemes

Selim Rana

Shamim Hasan

<p>🚀 The <strong>Accordion, FAQ Builder for Gutenberg Block Editor</strong> is the perfect solution for creating beautiful, interactive <strong>collapsible content</strong> on your WordPress website. Designed for the modern web, our plugin helps you organize information elegantly while enhancing user experience and boosting <strong>SEO performance</strong>.</p>
<h4>✨ Transform Your Content Presentation</h4>
<p>In today’s digital landscape, visitors want information fast! Our <strong>Accordion Block</strong> lets you present large amounts of content in a compact, organized format. Perfect for:</p>
<ul>
<li>📋 <strong>FAQ Sections</strong> – Answer common questions without overwhelming your page</li>
<li>🛍️ <strong>Product Information</strong> – Display features, specifications, and benefits neatly</li>
<li>📚 <strong>Knowledge Bases</strong> – Create structured, easy-to-navigate information resources</li>
<li>📱 <strong>Mobile-Friendly Content</strong> – Reduce scrolling and improve user experience</li>
<li>🏢 <strong>Service Descriptions</strong> – Showcase your services in an engaging, interactive way</li>
</ul>
<h4>🔍 SEO-Optimized for Better Rankings</h4>
<p>Search engines love well-organized content! Our accordion sections help you:</p>
<ul>
<li>📈 Qualify for <strong>FAQ Rich Snippets</strong> in search results</li>
<li>🔤 Present comprehensive answers without cluttering your design</li>
<li>📊 Improve content readability and user engagement</li>
<li>⚡ Maintain fast page load times with collapsed content</li>
</ul>
<h4>📱 Responsive Design for All Devices</h4>
<p>With <strong>50%+ of web traffic</strong> coming from mobile devices, our accordion plugin is built <strong>mobile-first</strong>:</p>
<ul>
<li>📲 Perfect display on smartphones, tablets, and desktops</li>
<li>👆 Touch-friendly controls for mobile users</li>
<li>🚀 Reduces page scrolling on small screens</li>
</ul>
<h4>🧩 Seamless Gutenberg Integration</h4>
<p>Unlike clunky shortcode-based plugins, our accordion block works <strong>natively</strong> with the WordPress Block Editor:</p>
<ul>
<li>🔄 Drag-and-drop simplicity – no coding required</li>
<li>📦 Nest other blocks inside accordion content</li>
<li>🧩 Works seamlessly with other Gutenberg blocks</li>
</ul>
<h4>🎨 Powerful Customization Options</h4>
<p>Make your accordions match your brand perfectly:</p>
<ul>
<li>🎭 Choose between <strong>Accordion Mode</strong> (one section open) or <strong>Toggle Mode</strong> (multiple open)</li>
<li>🌈 Customize colors, backgrounds, borders, and typography</li>
<li>🔣 Select from various icon options and positions</li>
<li>✨ Add custom animation effects</li>
</ul>
<h4>♿ Accessibility-First Design</h4>
<p>Create inclusive websites with:</p>
<ul>
<li>🔤 Proper ARIA attributes for screen readers</li>
<li>⌨️ Full keyboard navigation support</li>
<li>👆 Touch-friendly targets for motor impairments</li>
</ul>
<h4>🚀 Speed-Optimized</h4>
<p>Website speed matters for both users and search engines:</p>
<ul>
<li>⚡ Lightweight code with minimal impact on page speed</li>
<li>🧩 Loads resources only when needed</li>
<li>📱 Optimized for Core Web Vitals metrics</li>
</ul>
<h4>🌐 Global-Ready</h4>
<p>Reach worldwide audiences with:</p>
<ul>
<li>🌍 Full <strong>RTL language support</strong> (Arabic, Hebrew, etc.)</li>
<li>🔤 Translation-ready for all languages</li>
<li>🌐 Works with multilingual websites</li>
</ul>
<h4>💼 Perfect for Any Website</h4>
<p>Our <strong>Accordion Block</strong> enhances virtually any WordPress site:</p>
<ul>
<li>🏢 <strong>Business Sites</strong> – Present information professionally</li>
<li>🛒 <strong>E-commerce</strong> – Display product details without overwhelming shoppers </li>
<li>🎓 <strong>Educational Sites</strong> – Organize learning materials logically</li>
<li>📰 <strong>Blogs</strong> – Create interactive, engaging content</li>
<li>🖼️ <strong>Portfolios</strong> – Showcase projects with expandable details</li>
</ul>
<h4>👨‍💻 Developer-Friendly</h4>
<p>For the technical crowd:</p>
<ul>
<li>🧰 Clean, well-documented code</li>
<li>🔌 Custom hooks and filters for extensions</li>
<li>🎨 Support for custom CSS classes</li>
</ul>
<p>Ready to transform your WordPress content? Install the <strong>Accordion, FAQ Builder</strong> today and create engaging, interactive content that users love and search engines reward!</p>


Accordion, FAQ Builder for Gutenberg Block Editor

The Accordion block you create interactive, customizable collapsible content for FAQs, product features or structured layouts within WordPress.

Abu Talib

Asikur Rahman

Mijanur Rahman

Golam Robbani

<p>ZoloBlocks is a collection of blocks, patterns, and page templates for the WordPress block editor. It helps you design complete pages using the native editor without a third-party page builder.</p>
<p><a href="https://zoloblocks.com/demo/" rel="nofollow ugc"><strong>Live Demo</strong></a> | <a href="https://zoloblocks.com/pricing" rel="nofollow ugc"><strong>Pro Version</strong></a> | <a href="https://bdthemes.com/knowledge-base-zoloblocks/" rel="nofollow ugc"><strong>Documentation</strong></a></p>
<h4>What ZoloBlocks Provides</h4>
<ul>
<li>A library of advanced blocks that extend the default WordPress block editor.</li>
<li>Pre-designed patterns and page templates you can insert into pages.</li>
<li>Full Site Editing compatibility with block themes.</li>
<li>Dynamic content options for site, post, or user data.</li>
<li>Query loop options for posts, products, or custom post types.</li>
<li>Animation and visual effect options for supported blocks.</li>
<li>Optional AI text generation to help draft headings and paragraphs (third-party service, see “External services” below).</li>
<li>Pattern import and export for reuse across sites.</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Layout building with pre-built sections and templates.</li>
<li>Responsive containers for mobile, tablet, and desktop.</li>
<li>Mega menu for multi-level navigation.</li>
<li>Dynamic content and query loop for posts or custom post types.</li>
<li>Entrance and scroll-based animations on supported blocks.</li>
<li>Optional AI text generation inside the editor (third-party service).</li>
<li>Pattern import / export for reuse across pages or sites.</li>
</ul>
<h4>Available Blocks</h4>
<p>ZoloBlocks ships 60+ free and pro blocks across categories such as Image, Slider & Carousel, Post, Review, Form, Popup, Utility, Creative, Loop & Animation, Grid & List, Single Page Elements, and Advanced. A full list with live demos is available at https://zoloblocks.com/demo/.</p>
<h4>Who Is It For</h4>
<p>Website designers, freelancers, agencies, bloggers, content creators, small business owners, portfolio builders, and digital marketers who want to design WordPress pages directly in the block editor.</p>
<h4>Support</h4>
<p>The team behind ZoloBlocks ships regular updates. For help, <a href="https://bdthemes.com/support/" rel="nofollow ugc">contact support</a>. Visit <a href="https://bdthemes.com/" rel="nofollow ugc">BdThemes</a> for more plugins and documentation.</p>
<h3>Source code</h3>
<p>The compiled JavaScript and CSS files in the <code>build/</code> and <code>assets/</code> directories are generated from the source code in the <code>src/</code> directory.</p>
<p>Public source repository: https://github.com/bdthemes/zoloblocks</p>
<p>Build instructions:</p>
<ol>
<li>Clone the repository.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Run <code>npm run build</code> to generate the production assets in <code>build/</code>.</li>
<li>Run <code>composer install</code> to install PHP dependencies (used for development tooling only).</li>
</ol>
<h3>External services</h3>
<p>This plugin connects to several third-party services. Each service is only contacted when the related feature is used or configured. No personal data is sent unless the corresponding feature is enabled or the user interacts with it.</p>
<p><strong>1. Google reCAPTCHA</strong><br />
Used by the Form block when the site administrator enables reCAPTCHA protection and provides site / secret keys in ZoloBlocks settings.<br />
– What is sent: the reCAPTCHA token generated in the visitor’s browser, the visitor’s IP address, and the configured secret key, sent to <code>https://www.google.com/recaptcha/api/siteverify</code> on form submission. The Google reCAPTCHA JavaScript (<code>https://www.google.com/recaptcha/api.js</code>) is loaded on pages containing a form when reCAPTCHA is enabled.<br />
– When: only when reCAPTCHA is enabled and a form is submitted.<br />
– Provider: Google LLC. Terms: https://policies.google.com/terms  Privacy: https://policies.google.com/privacy</p>
<p><strong>2. Google Maps</strong><br />
Used by the Google Map block when added to a page.<br />
– What is sent: the configured Google Maps API key and a request to load the Google Maps JavaScript API from <code>https://maps.googleapis.com/maps/api/js</code>. The browser of any visitor viewing a page containing a Google Map block will load map tiles from Google.<br />
– When: only when a Google Map block is present on a page.<br />
– Provider: Google LLC. Terms: https://cloud.google.com/maps-platform/terms  Privacy: https://policies.google.com/privacy</p>
<p><strong>3. Google Fonts list (WordPress.org mirror)</strong><br />
Optional. Used by the typography controls only when a site administrator enables <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Editor Options <span aria-hidden="true" class="wp-exclude-emoji">→</span> Load Google Fonts catalog (WordPress.org mirror)</strong> in the ZoloBlocks dashboard.<br />
– What is sent: a simple HTTP GET request (no personal data) to <code>https://s.w.org/images/fonts/wp-7.0/collections/google-fonts-with-preview.json</code> to retrieve the list of Google Fonts.<br />
– When: only after the option is enabled, and only when the block editor needs to refresh the font list.<br />
– Provider: WordPress.org. Terms and privacy: https://wordpress.org/about/privacy/</p>
<p><strong>4. Zolo AI (AI text generation by Sigmative)</strong><br />
Used by the optional AI text generation feature inside the block editor.<br />
– What is sent: the prompt text entered by the site administrator in the editor, and the API key configured in ZoloBlocks settings, sent to <code>https://ai.sigmative.com/api/prompt/v1/generation/chat/completions</code>.<br />
– When: only when an administrator clicks the AI generation action in the editor.<br />
– Provider: Sigmative. Privacy: https://sigmative.com/privacy-policy</p>
<p><strong>5. Mailchimp (optional Form integration)</strong><br />
Used only when a site administrator configures a Form block to send subscriber data to Mailchimp.<br />
– What is sent: the visitor’s email address, optional first name, the configured Mailchimp API key and list ID, sent to <code>https://<dc>.api.mailchimp.com/3.0/lists/{list_id}/members</code> (where <code><dc></code> is the data center prefix derived from the API key).<br />
– When: only when a visitor submits a form whose Mailchimp integration has been configured by the administrator.<br />
– Provider: Intuit Mailchimp. Terms: https://mailchimp.com/legal/terms/  Privacy: https://www.intuit.com/privacy/statement/</p>
<p><strong>6. Custom Webhooks (optional Form integration)</strong><br />
Used only when a site administrator pastes a custom webhook URL into the Form block settings.<br />
– What is sent: the visitor’s email address and optional first name, sent as a JSON POST request to the URL configured by the administrator.<br />
– When: only when a visitor submits a form whose webhook URL has been configured by the administrator.<br />
– Provider: the third-party service chosen by the administrator. The administrator is responsible for ensuring the destination has an appropriate privacy policy.</p>


ZoloBlocks – Advanced Gutenberg Blocks, Website Builder & Page Design Toolkit

This is the most complete Gutenberg blocks plugin I have experienced so far! I am impressed with the collection of blocks it offers. I hope the pattern collection will be improved more.

Most feature rich Gutenberg blocks plugin ever


ZoloBlocks is a solid addition to any WordPress designer's toolkit. Its range of customizable blocks makes creating unique layouts a breeze. Highly recommended for anyone working with Gutenberg.


A Must-Have for Effortless Gutenberg Design


ZoloBlocks is a game-changer! It offers advanced blocks, dynamic content, and ready-made templates, making web design effortless. It's lightweight, user-friendly, and well-optimized. Highly recommended for anyone using Gutenberg! 


Awesome Gutenberg Plugin!

ZoloBlocks adds a library of advanced blocks, patterns, and page templates to the WordPress block editor.

Accordion, FAQ Builder for Gutenberg Block Editor vs ZoloBlocks – Advanced Gutenberg Blocks, Website Builder & Page Design Toolkit