{"id":124756,"date":"2014-01-20T11:30:00","date_gmt":"2014-01-20T16:30:00","guid":{"rendered":"http:\/\/premium.wpmudev.org\/blog\/?p=124756"},"modified":"2022-04-01T00:50:24","modified_gmt":"2022-04-01T00:50:24","slug":"wordpress-accordion-plugins","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/wordpress-accordion-plugins\/","title":{"rendered":"Awesome Free WordPress Accordion Plugins"},"content":{"rendered":"<p>Looking for a nice accordion plugin? This post features a roundup of the top free WordPress accordion plugins on the market today.<\/p>\n<p>Accordions are great for a number of different specific design challenges on a WordPress site.<\/p>\n<p>Maybe you\u2019d like to compress a lot of content into a small area. Or maybe you want to give the reader the option of seeing or not seeing certain content, such as movie spoilers or answers to quiz questions.<\/p>\n<p>While there are standalone accordion plugins for WordPress, these days you\u2019ll mostly find accordion functions tied into plugins that do a number of other things as well, such as creating columns or buttons or tabbed areas.<\/p>\n<p>And so that\u2019s what you\u2019ll mostly find below too &#8212; accordion functions bundled into plugins that do other things as well.<\/p>\n<p>Here are some of the best accordion plugins for WordPress. Each one is highly ranked, free, and updated.<\/p>\n<ul>\n<li><a href=\"#ultimate-blocks\">Ultimate Blocks<\/a><\/li>\n<li><a href=\"#squelch\">Squelch Tabs and Accordions Shortcodes<\/a><\/li>\n<li><a href=\"#accordion\">Accordion<\/a><\/li>\n<li><a href=\"#ultimate\">Shortcodes Ultimate<\/a><\/li>\n<li><a href=\"#tabs\">Tabs<\/a><\/li>\n<li><a href=\"#faq\">Accordion FAQ<\/a><\/li>\n<\/ul>\n<h2 id=\"ultimate-blocks\">Ultimate Blocks<\/h2>\n<figure id=\"attachment_218102\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-ratio-full wp-image-218102\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/03\/ultimate-blocks-1050x471.png\" alt=\"Ultimate Blocks\" width=\"1050\" height=\"471\" \/><figcaption class=\"wp-caption-text\">Ultimate Blocks<\/figcaption><\/figure>\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" rel=\"noopener\" target=\"_blank\">Ultimate Blocks<\/a> plugin is a great option for adding accordions to your website using the block editor.<\/p>\n<p>This Gutenberg plugin comes with blocks you can add directly inside your pages and posts without having to use shortcodes at all.<\/p>\n<p>The accordion block in Ultimate Blocks is highly customizable and feature-rich allowing you to create exactly what you need.<\/p>\n<figure id=\"attachment_218106\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-218106 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/01\/ultimate-blocks-faq.png\" alt=\"Ultimate blocks - accordion\" width=\"1026\" height=\"537\" \/><figcaption class=\"wp-caption-text\">Add customizable accordions to your content with Ultimate Blocks.<\/figcaption><\/figure>\n<p>Apart from creating basic accordions, you can also create nested or multi-level accordions with this plugin. Moreover, you can customize the accordion to be opened or closed by default.<\/p>\n<figure id=\"attachment_218107\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-218107\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/01\/ultimate-blocks-color-scheme.png\" alt=\"Ultimate Blocks - Customizable color scheme\" width=\"1024\" height=\"482\" \/><figcaption class=\"wp-caption-text\">Ultimate Blocks offers a customizable color scheme.<\/figcaption><\/figure>\n<p>You can customize the accordion container and title color in the plugin to give it a much better look.<\/p>\n<p>Some key features of this plugin are:<\/p>\n<ul>\n<li>Fully responsive<\/li>\n<li>Supports FAQ Schema<\/li>\n<li>Easy to use<\/li>\n<li>Highly customizable<\/li>\n<li>No shortcodes required<\/li>\n<\/ul>\n<p>Ultimate Blocks plugin is completely free and has over 50,000 installations with solid 5-star reviews by 550+ users.<\/p>\n<h2 id=\"squelch\">Squelch Tabs and Accordions Shortcodes<\/h2>\n<p><img alt=\"Post image\" decoding=\"async\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/01\/squelch-tabs.png\"  aria-hidden=\"true\"\/><\/p>\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/squelch-tabs-and-accordions-shortcodes\/\" rel=\"noopener\" target=\"_blank\">Squelch Tabs and Accordions Shortcodes<\/a> plugin gives you shortcodes for both accordions and tabbed content. It also lets you choose both horizontal and vertical options, which is something the other plugins don&#8217;t.<\/p>\n<p>This plugin comes with a number of different themes, and this is why we&#8217;ve given is such high marks for appearance.<\/p>\n<p>Some of the features are:<\/p>\n<ul>\n<li>Interactivity with collapsible accordions and tabs<\/li>\n<li>Customized styling<\/li>\n<li>Content separation<\/li>\n<\/ul>\n<p>You can choose from 24 jQuery UI themes, or you can also create your own.<\/p>\n<p>This 5-star rated plugin has 2k active installations. The feedback is very positive, which makes this an attractive accordion plugin worth a shot.<\/p>\n<h2 id=\"accordion\">Accordion<\/h2>\n<p><img alt=\"Post image\" decoding=\"async\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/01\/accordion.png\"  aria-hidden=\"true\"\/><\/p>\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/accordions\/\" rel=\"noopener\" target=\"_blank\">Accordion<\/a> plugin is a simple and powerful way to create faqs, tabs, WooCommerce faq tabs, and more.<\/p>\n<p>It gives you the option to customize the look and feel to match your brand with colors and font size. Plus, you can create unlimited accordions and tabs.<\/p>\n<p>Some of its key features are:<\/p>\n<ul>\n<li>Displays via WordPress accordion shortcode<\/li>\n<li>Lazy load<\/li>\n<li>Responsive accordion and tabs<\/li>\n<li>Custom icons<\/li>\n<\/ul>\n<p>And more&#8230;<\/p>\n<p>It has a 4.5-star rating and over 30K active installations, making it a popular and high-ranked plugin to try out for yourself.<\/p>\n<h2 id=\"ultimate\">Shortcodes Ultimate<\/h2>\n<p><img alt=\"Post image\" decoding=\"async\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/01\/shortcodes-ultimate.png\"  aria-hidden=\"true\"\/><\/p>\n<p><a href=\"http:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" rel=\"noopener\" target=\"_blank\">Shortcodes Ultimate<\/a> is packed with more than 40 different shortcodes for tabs, boxes, buttons, etc. One of those, of course, is accordions shortcode.<\/p>\n<p>It also comes with a very attractive pop-up box that is activated from your visual editor. This lets you choose the shortcode you wish to place in your post.<\/p>\n<p>Some of the main features are:<\/p>\n<ul>\n<li>50+ shortcodes<\/li>\n<li>Live preview<\/li>\n<li>Gutenberg ready<\/li>\n<li>Functions with any theme<\/li>\n<li>Custom CSS editor<\/li>\n<\/ul>\n<p>This plugin comes with a ton of documentation, support, and a solid 5-star review with over 800K active installations.<\/p>\n<h2 id=\"tabs\">Tabs<\/h2>\n<p><img alt=\"Post image\" decoding=\"async\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/01\/tabs.png\"  aria-hidden=\"true\"\/><\/p>\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/tabs-responsive\/\" rel=\"noopener\" target=\"_blank\">Tabs<\/a> plugin allows you to display both horizontal and vertical tabs style. You can also add multiple tabs on multiple posts and pages.<\/p>\n<p>This plugin can also customize the color scheme and font styles, along with additional images, videos, music, or another shortcode in the tab description field.<\/p>\n<p>Some of its attributes include:<\/p>\n<ul>\n<li>Responsive design<\/li>\n<li>Drag &amp; drop builder API integrated<\/li>\n<li>Display only icon tabs<\/li>\n<li>Compatible on all browsers<\/li>\n<\/ul>\n<p>This plugin has a 4.5-star review and over 30K active installations. It coins itself as the #1 tabs plugin.<\/p>\n<h2 id=\"faq\">Accordion FAQ<\/h2>\n<p><img alt=\"Post image\" decoding=\"async\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/01\/accordion-faq.png\"  aria-hidden=\"true\"\/><\/p>\n<p>With the <a href=\"https:\/\/wordpress.org\/plugins\/responsive-accordion-and-collapse\/\" rel=\"noopener\" target=\"_blank\">Accordion FAQ<\/a> plugin, you can add unlimited accordion and collapse with various colors.<\/p>\n<p>This plugin makes it easy to sort your accordion positions in the backend with its drag &amp; drop builder. Also, it&#8217;s entirely mobile-friendly and offers a highly customizable frontend.<\/p>\n<p>Some of the key features are:<\/p>\n<ul>\n<li>Responsive design<\/li>\n<li>Limitless accordion anywhere in any theme<\/li>\n<li>Uses accordion shortcode<\/li>\n<li>Bootstrap framework based<\/li>\n<\/ul>\n<p>This plugin offers a <a href=\"http:\/\/demo.wpshopmart.com\/accordion-pro\/\" rel=\"noopener\" target=\"_blank\">live demo<\/a> and you can also upgrade to a <a href=\"https:\/\/wpshopmart.com\/plugins\/accordion-pro\/\" rel=\"noopener\" target=\"_blank\">Pro version<\/a> that has additional features, such as 550+ Google fonts, toggle\/collapse effect, and more.<\/p>\n<p>The Accordion FAQ plugin has a nice 4.5-star review and over 30K active installations, making it potentially a good choice for your WordPress site.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>Hopefully, one of these five accordion plugins will work perfectly for your website. They all have various features and attributes to fit your needs. Plus, since they&#8217;re free, you can check out several of these options before landing on a specific one.<\/p>\n<p>Try one of these accordion plugins out today for a nice boost to your WordPress site&#8217;s design and functionality.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Need to save space or temporarily hide content? An accordion plugin will do the trick.<\/p>\n","protected":false},"author":811449,"featured_media":199229,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4,10468],"tags":[1081],"tutorials_categories":[],"class_list":["post-124756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","category-reviews-opinion","tag-shortcodes"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/124756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/811449"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=124756"}],"version-history":[{"count":16,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/124756\/revisions"}],"predecessor-version":[{"id":193950,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/124756\/revisions\/193950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/199229"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=124756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=124756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=124756"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=124756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}