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.

webcodingplace

<p><strong>Classic Addons for WPBakery Page Builder</strong> is a feature-rich addon bundle that enhances the functionality of the <a href="https://1.envato.market/gbGbzO" rel="nofollow ugc">WPBakery Page Builder (formerly Visual Composer)</a> plugin. This plugin offers over <strong>24+ highly customizable design elements</strong> to help you create professional-looking websites easily — <strong>no coding required</strong>.</p>
<p>Whether you’re building landing pages, portfolios, business sites, or personal blogs, these pre-designed blocks help you create interactive and modern layouts quickly. Each element comes with its own customization options to match your website’s style perfectly.</p>
<p><a href="https://classicaddons.com/" rel="nofollow ugc">More Info / Live Demos</a></p>
<h3>✨ Key Features:</h3>
<ul>
<li>Over <strong>24 flexible and modern design elements</strong></li>
<li>Option to enable/disable any specific module</li>
<li>100% responsive and mobile-friendly</li>
<li>Easy-to-use interface inside WPBakery Page Builder</li>
<li>Lightweight and performance-optimized</li>
<li>Perfect for freelancers, agencies, and developers</li>
</ul>
<p>You can create beautiful layouts with <strong>unlimited combinations</strong> of settings and styles. From animated counters to testimonial sliders and interactive banners, Classic Addons gives your website a fresh and professional touch.</p>
<h3>Demo Previews</h3>
<p>Here are some live examples of what you can build with Classic Addons:</p>
<ul>
<li>🧾 <strong><a href="https://classicaddons.com/info-box-wpbakery-page-builder" rel="nofollow ugc">Info Box</a></strong> – A simple but versatile content block with icon/image, title, and description.</li>
<li>📊 <strong><a href="https://classicaddons.com/info-table-wpbakery-page-builder" rel="nofollow ugc">Info Table</a></strong> – Structured content with optional call-to-action, useful for services or pricing highlights.</li>
<li>🔢 <strong><a href="https://classicaddons.com/count-up-wpbakery-page-builder" rel="nofollow ugc">Count Up</a></strong> – Animated counters for stats, achievements, or key numbers.</li>
<li>👥 <strong><a href="https://classicaddons.com/testimonial-slider-wpbakery-page-builder" rel="nofollow ugc">Testimonial Slider</a></strong> – Multiple slider layouts to showcase client feedback.</li>
<li>🧱 <strong><a href="https://classicaddons.com/testimonials-grid-wpbakery-page-builder" rel="nofollow ugc">Testimonial Grid</a></strong> – Clean grid layouts for displaying testimonials in masonry grids.</li>
<li>🖼️ <strong><a href="https://classicaddons.com/single-image-wpbakery-page-builder" rel="nofollow ugc">Single Image</a></strong> – Enhanced image module with lightbox and linking options.</li>
<li>🖱️ <strong><a href="https://classicaddons.com/interactive-banner-wpbakery-page-builder" rel="nofollow ugc">Interactive Banner</a></strong> – Hover-based banners for promotions, categories, or highlights.</li>
<li>🔄 <strong><a href="https://classicaddons.com/flip-box-wpbakery-page-builder" rel="nofollow ugc">Flip Box</a></strong> – Front/back content blocks with smooth flip animations.</li>
<li>📖 <strong><a href="https://classicaddons.com/3d-flip-book-wpbakery-page-builder" rel="nofollow ugc">3D Flip Book</a></strong> – Realistic page-flip effect for catalogs, brochures, or documents.</li>
<li>💼 <strong><a href="https://classicaddons.com/logo-carousel-wpbakery-page-builder" rel="nofollow ugc">Logo Carousel</a></strong> – Showcase client or partner logos in a responsive carousel.</li>
<li>🧠 <strong><a href="https://classicaddons.com/animated-headings-wpbakery-page-builder" rel="nofollow ugc">Animated Heading</a></strong> – Add motion to headlines with typing, rotating, or animated text.</li>
<li>🖼️ <strong><a href="https://classicaddons.com/filterable-portfolio-wpbakery-page-builder" rel="nofollow ugc">Filterable Portfolio</a></strong> – Display projects or images with category-based filtering and popup.</li>
<li>🎯 <strong><a href="https://classicaddons.com/interactive-buttons-wpbakery-page-builder" rel="nofollow ugc">Interactive Button</a></strong> – A collection of styled buttons with hover effects and animations.</li>
<li>🛍️ <strong><a href="https://classicaddons.com/info-banner-wpbakery-page-builder" rel="nofollow ugc">Info Banner</a></strong> – Highlight products, services, or offers with layered content.</li>
<li>⚠️ <strong><a href="https://classicaddons.com/alert-box-wpbakery-page-builder" rel="nofollow ugc">Alert Box</a></strong> – Dismissible alerts for notices, messages, or updates</li>
<li>📚 <strong><a href="https://classicaddons.com/faqs-accordion-wpbakery-page-builder" rel="nofollow ugc">Accordion / FAQ</a></strong> – Collapsible panels, great for FAQs. Multiple styles, keyboard-friendly, customizable colors and icons.</li>
<li>🗂️ <strong><a href="https://classicaddons.com/tabs-wpbakery-page-builder" rel="nofollow ugc">Tabs</a></strong> – Horizontal or vertical tabs with 5 styles, optional icons, auto-rotate, and keyboard navigation.</li>
<li>📊 <strong><a href="https://classicaddons.com/progress-bar-wpbakery-page-builder/" rel="nofollow ugc">Progress Bar</a></strong> – Animated skill/progress bars with gradients, stripes, and scroll-triggered animation.</li>
<li>👥 <strong><a href="https://classicaddons.com/team-member-showcase-wpbakery-page-builder" rel="nofollow ugc">Team Member Profile</a></strong> – Team profile cards with social icons, hover effects, and multiple layout styles.</li>
</ul>
<h3>Who is this for?</h3>
<ul>
<li>Freelancers building client websites with WPBakery  </li>
<li>Agencies needing consistent, reusable components  </li>
<li>Developers who want cleaner UI elements without building everything from scratch  </li>
<li>Site owners who want more control over layout and presentation</li>
</ul>
<h3>Installation and Usage</h3>
<ol>
<li>Install and activate the <a href="https://1.envato.market/gbGbzO" rel="nofollow ugc">WPBakery Page Builder</a> plugin (required).</li>
<li>Install and activate the Classic Addons plugin.</li>
<li>Once activated, the new addons will be available in the WPBakery interface.</li>
<li>Drag and drop any addon onto your page and customize its settings easily.</li>
</ol>
<h3>Upgrade Your Page Builder Today</h3>
<p>Bring your WPBakery layouts to life with eye-catching visuals, interactive UI elements, and smooth animations — all without writing a single line of code. <strong>Download Classic Addons now and start building better websites today!</strong></p>


Classic Addons – WPBakery Page Builder

24+ Beautiful and Powerful Addons for WPBakery Page Builder (Visual Composer)

MrStar Accordion Builder vs Classic Addons – WPBakery Page Builder