Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

MrStar Accordion Builder Wordpress Plugin - Rating, Reviews, Demo & Download

MrStar Accordion Builder Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

MrStar Accordion Builder 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.

Why Choose MrStar Accordion Builder?

  • No Coding Required – Intuitive admin interface for creating and managing accordions
  • Two Content Sources – Create accordions manually or dynamically from WordPress posts
  • Flexible Styling – Per-accordion and global theme-based styling options
  • Repeatable Fields – Add unlimited accordion items with titles and content
  • Theme System – Create reusable accordion themes for consistent styling across your site
  • Shortcode Support – Easy shortcode integration with full customization
  • Lightweight – Optimized code with minimal dependencies
  • Translation Ready – Fully localized for international audiences
  • Multiple Instances – Use multiple accordions on the same page without conflicts

Key Features

1. Custom Post Type Management
Manage all your accordions from a dedicated admin interface. Organize, edit, and publish accordions just like regular posts.

2. Two Accordion Source Options
* Manual Content – Create accordion items directly with titles and rich text content
* Post-Based – Automatically generate accordions from WordPress posts with custom filtering and sorting

3. Repeatable Accordion Items
Add unlimited accordion items to each accordion. Each item includes:
* Custom title
* Rich text content editor
* Flexible organization with drag-and-drop sorting

4. Advanced Theme System
* Create unlimited reusable themes
* Apply themes to multiple accordions
* Override theme settings per accordion
* Consistent styling across your entire site

5. Customization Options
* Choose between single and multiple open items (accordion or multi-collapse behavior)
* Configure animation speed
* Control which item opens first
* Custom styling for icons and appearance
* Per-accordion style overrides

6. Responsive Design
Built with mobile-first design principles to ensure your accordions look great on all devices.

7. Easy Shortcode Integration
Simple shortcode syntax: [mrstar_accordion id="123"]
Use multiple accordions on the same page without conflicts.

Use Cases

  • Frequently Asked Questions (FAQs)
  • Product features and specifications
  • Pricing plans with feature lists
  • Service descriptions
  • Team member bios
  • Terms and conditions
  • Help documentation
  • Any collapsible content sections

Getting Started

Step 1: Create an Accordion

  1. Navigate to Accordion > Add New
  2. Enter a title for your accordion
  3. Click Publish

Step 2: Add Accordion Items

In the “Accordion Items” metabox:
1. Click “Add Item”
2. Enter the item title
3. Add the content in the editor
4. Drag to reorder items as needed
5. Click Update

Step 3: Configure Settings

  • Select accordion Source (Manual Content or Posts)
  • Choose or create a Theme
  • Set Accordion Behavior (single or multiple items open)
  • Adjust animation Speed
  • Control which item opens first

Step 4: Display Your Accordion

Copy the shortcode from the “Accordion Shortcode” metabox and paste it into any:
* Page
* Post
* Text widget
* Custom page template

Advanced: Using Post-Based Accordions

  1. Select “Post-Based” as the source
  2. Choose post type to display
  3. Set up filters (categories, tags, authors)
  4. Configure sorting options
  5. Set pagination if needed

Advanced: Creating Custom Themes

  1. Go to Accordion > Accordion Themes
  2. Click Add New
  3. Configure:
    • Default styling
    • Icon settings
    • Animation behavior
  4. Apply to multiple accordions for consistent design

Shortcode Reference

Basic Shortcode

[mrstar_accordion id="123"]

Attributes:
* id (required) – The accordion post ID to display

Example

[mrstar_accordion id="42"]

To find your accordion ID:
1. Go to Accordion > All Accordions
2. Copy the shortcode for the accordion you want from the table.

Technical Details

Requirements

  • WordPress 6.0 or higher
  • PHP 7.2 or higher
  • Modern web browser (Chrome, Firefox, Safari, Edge)

Compatibility

  • Fully compatible with WordPress 6.0 and higher
  • Works with popular themes and page builders
  • Compatible with multisite installations

Performance

  • Lightweight and optimized for speed
  • Minimal database queries
  • Efficient CSS and JavaScript loading
  • Inline styles only when necessary

Security

  • Nonces for form security
  • Proper capability checks
  • Sanitized and escaped output
  • SQL injection prevention

Frequently Requested Features

We’re always looking to improve MrStar Accordion Builder. Requested features include:
* Custom animation effects
* Advanced styling options
* Integration with popular plugins
* Additional content sources

Have a feature request? Post in the support forum!

  1. Admin: Create and manage accordions
  2. Frontend: Example accordion display

Screenshots

  1. <strong>Main Accordion Manager</strong> – Manage all your accordions from the custom post type interface

    Main Accordion Manager – Manage all your accordions from the custom post type interface

  2. <strong>Accordion Items Editor</strong> – Easily add, edit, and organize accordion items with drag-and-drop sorting

    Accordion Items Editor – Easily add, edit, and organize accordion items with drag-and-drop sorting

  3. <strong>Post-Based Source</strong> – Automatically generate accordions from WordPress posts

    Post-Based Source – Automatically generate accordions from WordPress posts

  4. <strong>Theme System</strong> – Create and apply reusable accordion themes

    Theme System – Create and apply reusable accordion themes

  5. <strong>Frontend Display</strong> – Beautiful, responsive accordion rendering

    Frontend Display – Beautiful, responsive accordion rendering


Reviews & Comments