MrStar

<p><strong>MrStar Accordion Builder</strong> is a comprehensive WordPress plugin that makes it easy to create professional, responsive accordions without any coding. Whether you’re building FAQs, collapsible content sections, or dynamic post-based accordions, this plugin provides all the tools you need.</p>
<h4>Why Choose MrStar Accordion Builder?</h4>
<ul>
<li><strong>No Coding Required</strong> – Intuitive admin interface for creating and managing accordions</li>
<li><strong>Two Content Sources</strong> – Create accordions manually or dynamically from WordPress posts</li>
<li><strong>Flexible Styling</strong> – Per-accordion and global theme-based styling options</li>
<li><strong>Repeatable Fields</strong> – Add unlimited accordion items with titles and content</li>
<li><strong>Theme System</strong> – Create reusable accordion themes for consistent styling across your site</li>
<li><strong>Shortcode Support</strong> – Easy shortcode integration with full customization</li>
<li><strong>Lightweight</strong> – Optimized code with minimal dependencies</li>
<li><strong>Translation Ready</strong> – Fully localized for international audiences</li>
<li><strong>Multiple Instances</strong> – Use multiple accordions on the same page without conflicts</li>
</ul>
<h4>Key Features</h4>
<p><strong>1. Custom Post Type Management</strong><br />
Manage all your accordions from a dedicated admin interface. Organize, edit, and publish accordions just like regular posts.</p>
<p><strong>2. Two Accordion Source Options</strong><br />
* <strong>Manual Content</strong> – Create accordion items directly with titles and rich text content<br />
* <strong>Post-Based</strong> – Automatically generate accordions from WordPress posts with custom filtering and sorting</p>
<p><strong>3. Repeatable Accordion Items</strong><br />
Add unlimited accordion items to each accordion. Each item includes:<br />
* Custom title<br />
* Rich text content editor<br />
* Flexible organization with drag-and-drop sorting</p>
<p><strong>4. Advanced Theme System</strong><br />
* Create unlimited reusable themes<br />
* Apply themes to multiple accordions<br />
* Override theme settings per accordion<br />
* Consistent styling across your entire site</p>
<p><strong>5. Customization Options</strong><br />
* Choose between single and multiple open items (accordion or multi-collapse behavior)<br />
* Configure animation speed<br />
* Control which item opens first<br />
* Custom styling for icons and appearance<br />
* Per-accordion style overrides</p>
<p><strong>6. Responsive Design</strong><br />
Built with mobile-first design principles to ensure your accordions look great on all devices.</p>
<p><strong>7. Easy Shortcode Integration</strong><br />
Simple shortcode syntax: <code>[mrstar_accordion id="123"]</code><br />
Use multiple accordions on the same page without conflicts.</p>
<h4>Use Cases</h4>
<ul>
<li>Frequently Asked Questions (FAQs)</li>
<li>Product features and specifications</li>
<li>Pricing plans with feature lists</li>
<li>Service descriptions</li>
<li>Team member bios</li>
<li>Terms and conditions</li>
<li>Help documentation</li>
<li>Any collapsible content sections</li>
</ul>
<h3>Getting Started</h3>
<h4>Step 1: Create an Accordion</h4>
<ol>
<li>Navigate to <strong>Accordion > Add New</strong></li>
<li>Enter a title for your accordion</li>
<li>Click <strong>Publish</strong></li>
</ol>
<h4>Step 2: Add Accordion Items</h4>
<p>In the “Accordion Items” metabox:<br />
1. Click “Add Item”<br />
2. Enter the item title<br />
3. Add the content in the editor<br />
4. Drag to reorder items as needed<br />
5. Click <strong>Update</strong></p>
<h4>Step 3: Configure Settings</h4>
<ul>
<li>Select accordion <strong>Source</strong> (Manual Content or Posts)</li>
<li>Choose or create a <strong>Theme</strong></li>
<li>Set <strong>Accordion Behavior</strong> (single or multiple items open)</li>
<li>Adjust animation <strong>Speed</strong></li>
<li>Control which item opens <strong>first</strong></li>
</ul>
<h4>Step 4: Display Your Accordion</h4>
<p>Copy the shortcode from the “Accordion Shortcode” metabox and paste it into any:<br />
* Page<br />
* Post<br />
* Text widget<br />
* Custom page template</p>
<h4>Advanced: Using Post-Based Accordions</h4>
<ol>
<li>Select “Post-Based” as the source</li>
<li>Choose post type to display</li>
<li>Set up filters (categories, tags, authors)</li>
<li>Configure sorting options</li>
<li>Set pagination if needed</li>
</ol>
<h4>Advanced: Creating Custom Themes</h4>
<ol>
<li>Go to <strong>Accordion > Accordion Themes</strong></li>
<li>Click <strong>Add New</strong></li>
<li>Configure:
<ul>
<li>Default styling</li>
<li>Icon settings</li>
<li>Animation behavior</li>
</ul>
</li>
<li>Apply to multiple accordions for consistent design</li>
</ol>
<h3>Shortcode Reference</h3>
<h4>Basic Shortcode</h4>
<pre><code>[mrstar_accordion id="123"]
</code></pre>
<p><strong>Attributes:</strong><br />
* <code>id</code> (required) – The accordion post ID to display</p>
<h4>Example</h4>
<pre><code>[mrstar_accordion id="42"]
</code></pre>
<p>To find your accordion ID:<br />
1. Go to Accordion > All Accordions<br />
2. Copy the shortcode for the accordion you want from the table.</p>
<h3>Technical Details</h3>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0 or higher</li>
<li>PHP 7.2 or higher</li>
<li>Modern web browser (Chrome, Firefox, Safari, Edge)</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>Fully compatible with WordPress 6.0 and higher</li>
<li>Works with popular themes and page builders</li>
<li>Compatible with multisite installations</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Lightweight and optimized for speed</li>
<li>Minimal database queries</li>
<li>Efficient CSS and JavaScript loading</li>
<li>Inline styles only when necessary</li>
</ul>
<h4>Security</h4>
<ul>
<li>Nonces for form security</li>
<li>Proper capability checks</li>
<li>Sanitized and escaped output</li>
<li>SQL injection prevention</li>
</ul>
<h3>Frequently Requested Features</h3>
<p>We’re always looking to improve MrStar Accordion Builder. Requested features include:<br />
* Custom animation effects<br />
* Advanced styling options<br />
* Integration with popular plugins<br />
* Additional content sources</p>
<p>Have a feature request? Post in the support forum!</p>
<ol>
<li>Admin: Create and manage accordions</li>
<li>Frontend: Example accordion display</li>
</ol>


MrStar Accordion Builder

Create professional, responsive accordions, collapsible content, and dynamic posts, no coding required.

boldthemes

<h4>Forever 100% Free page builder</h4>
<p>Bold Page Builder for WordPress is 100% free – there is no premium version and you can use it freely in your commercial and noncommercial projects. Even in your Premium WordPress themes.</p>
<h4>FRONT-END EDITOR | NEW FROM 2022!</h4>
<p>From Bold Builder version 4.0.0. you can easily manage your content both backend and frontend with newly added functionality. Our drag and drop Bold Page Builder just got better with adding easy to use front end editing options. Now you can view your website pages as you edit them.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8ftwyKO_3ok?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<blockquote>
<p><strong>Create your premium looking website using only default Twenty Seventeen or Twenty Sixteen theme and Bold Page Builder</strong></p>
<p>See Bold Page Builder in action!<br />
  Check out our demo pages built with <a href="https://wordpress.org/themes/twentyseventeen/" rel="ugc">Twenty Seventeen theme</a>:</p>
<ul>
<li><a href="http://demos.bold-themes.com/demo-wedding-2017/" title="Wedding WordPress Website Demo" rel="nofollow ugc">Wedding 2017 Demo</a></li>
<li><a href="http://demos.bold-themes.com/demo-accomodation-2017/" title="Accomodation WordPress Website Demo" rel="nofollow ugc">Accommodation 2017 Demo</a></li>
<li><a href="http://demos.bold-themes.com/demo-construction-2017/" title="Construction company WordPress Website Demo" rel="nofollow ugc">Construction 2017 Demo</a></li>
</ul>
<p>Check out our demo pages built with <a href="https://wordpress.org/themes/twentysixteen/" rel="ugc">Twenty Sixteen theme</a>:</p>
<ul>
<li><a href="http://demos.bold-themes.com/demo-restaurant-2016/" title="Restaurant WordPress Website Demo" rel="nofollow ugc">Restaurant 2016 Demo</a></li>
<li><a href="http://demos.bold-themes.com/demo-handyman-2016/" title="Small Business WordPress Website Demo" rel="nofollow ugc">Handyman 2016 Demo</a></li>
<li><a href="http://demos.bold-themes.com/demo-wedding-2016/" title="Celebration WordPress Website Demo" rel="nofollow ugc">Wedding 2016 Demo</a></li>
</ul>
<p>Our demos use the following free plugins:</p>
<ul>
<li><a href="https://wordpress.org/plugins/customize-twenty-seventeen/" title="Customize Twenty Seventeen WordPress Plugin" rel="ugc">Customize Twenty Seventeen</a></li>
<li><a href="https://wordpress.org/plugins/customize-twenty-sixteen/" title="Customize Twenty Sixteen WordPress Plugin" rel="ugc">Customize Twenty Sixteen</a></li>
</ul>
<p>When you are ready for the next step, we also offer a selection of premium themes which are using Bold Page Builder: <a href="https://themeforest.net/user/boldthemes/portfolio?ref=bold-page-builder" title="BoldThemes Portfolio" rel="nofollow ugc">BoldThemes Portfolio</a>.</p>
</blockquote>
<h4>Comes with 30+ Content Elements</h4>
<p>Bold Builder – WordPress Page builder comes packed with loads of content elements – you can start building your layouts in minutes with drag and drop features and with no coding experience. And it is very easy to extend.</p>
<ul>
<li>Accordion</li>
<li>Button</li>
<li>Cost calculator</li>
<li>Headline</li>
<li>Icon</li>
<li>Image</li>
<li>Latest posts</li>
<li>Masonry image grid</li>
<li>Masonry post grid</li>
<li>Price list</li>
<li>Raw HTML/JS content</li>
<li>Separator</li>
<li>Service</li>
<li>Slider</li>
<li>Tabs</li>
<li>Text</li>
<li>Video</li>
</ul>
<h4>Ideal for theme and WordPress developers</h4>
<p>If you are a WordPress developer, feel free to extend it with your components – it features simple and intuitive API as well as a detailed developer’s documentation and examples to get you started right away.</p>
<h4>Lightning fast Visual Builder</h4>
<p>It is a speed champion and only WordPress drag and drop page builder with the instant user interface response – no more waiting and nail biting. Beats popular Visual Composer by a mile.</p>
<h4>100% Compatible with most WordPress themes</h4>
<p>Bold Builder should work with most of the themes – free or premium. In fact, all demos are developed using free themes and plugins from WordPress.org. You can import these pages and choose from a selection of carefully crafted design elements. For detailed instructions on how to install demos please read <a href="http://documentation.bold-themes.com/bold-builder/getting-started/#installing-demo-content" rel="nofollow ugc">Online Documentation </a>.</p>
<h4>Full Clipboard functionality unlike any other WordPress Page Builder plugin</h4>
<p>Do not restrict yourself to duplicating your content elements within one page like others do. Now, you can copy any content element them from one page to another and even from one site to another. Unlike with any other page builder plugin. Finally, unleash the full power of content element clipboard and make your life do much easier.</p>
<h4>Actively developed and supported</h4>
<p>Bold Page Builder is actively developed by <a href="http://www.bold-themes.com/" title="Premium WordPress Themes" rel="nofollow ugc">BoldThemes</a> , authors of a number of free and premium WordPress themes and plugins. We are committed to making it the greatest free WordPress page builder plugin ever and expect constant flow of new and exciting features.</p>
<p>Bold Builder is supported through our <a href="https://wordpress.org/support/plugin/bold-page-builder" title="Support Forum" rel="ugc">support forum</a>.</p>
<p>For detailed online documentation go to <a href="http://documentation.bold-themes.com/bold-builder/getting-started/" rel="nofollow ugc">Bold Builder Online Documentation</a>.</p>
<p>To read more about Bold Builder visit our <a href="https://bold-builder.bold-themes.com/" rel="nofollow ugc">website</a>.</p>
<p>Important: Please note that our premium themes launched before June 1, 2017 will not have all the options described in this article.</p>


Bold Page Builder


the builder is very limited, I had a horrible experience with it.


Very limited

Free Page Builder and Visual Composer - Build stunning responsive post and page layouts with easy to use drag and drop builder - no coding required.

MrStar Accordion Builder vs Bold Page Builder