Google+
4elements web design & consultancy

Shineyrock

web design & consultancy
Shineyrock web design & consultancy

Shineyrock

  1. web design and consultancy

blog

  1. Home
  2. blog
  3. read
  4. 21 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
  • dislike -11 31

    21 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)

    1. May 2021
    2. Daily
    3. read 0

    Your website's content should be organized and beautiful. By adding a tab or accordion widget plugin to your WordPress website, you will be able to display your website's content in an elegant way. 

    An interactive accordion and tab plugin can tidy up the design and readability of your webpages.

    How to Build a WordPress Accordion FAQ Page

    Accordions and tabs are great ways to communicate text-heavy information in a stylish and condensed way. Keeping your website clutter-free and interactive should be the main priority for your website, and accordions and tabs help you accomplish this. 

    Before you head over to CodeCanyon and Envato Elements to find the right tabs and accordion widget plugins, let's explore the benefits of a monthly subscription to Envato Elements. 

    Envato Elements: Unlimited Downloads

    Envato Elements is a service that provides an unlimited download subscription, meaning that you are free to download as many items as you like from millions of digital assets. This includes premium WordPress themes and plugins, stock photography, royalty-free audio, stock video, and graphics.

    The subscription is covered by simple commercial licensing that gives you the rights to use the item in a broad variety of projects, including those of a commercial nature.

    The licensing is future-proof, meaning even if you unsubscribe and can't download items from Envato Elements any more, any existing uses that you registered are still covered.

    Unlimited downloads of 54+ million creative assets. From just €14.50/month.

    Subscribe Today 

    Subscribe today and start creating or learn more about why Envato Elements is Great for WordPress Developers! 

    At Envato Elements and CodeCanyon you will be able to choose from a library of premium WordPress accordion plugins and find a tab and accordion plugin that will fit your website's theme and allow you to display your website's information without crowding your page's designs. 

    These powerful tab and accordion plugins allow you to display your website's text and media in a systematic order that fits your particular website. These widgets and plugins come with plenty of features that can enhance your website, including:

    • pagination
    • animated layers
    • customizable columns and rows
    • touch-enabled mobile functionality 
    • lightboxes

    Let's look at premium tab and accordion plugins available on Envato Elements and CodeCanyon.

    WordPress Tab and Accordion Plugins on Envato Elements 

    1. FAQ Accordions for Elementor

    FAQ Accordions for ElementorFAQ Accordions for ElementorFAQ Accordions for Elementor

    This Elementor widget adds an FAQ accordion to your in a few simple clicks and customizes it to fit your website design. You can build your according using any of five customizable templates. You can add schema markup automatically for your questions block and information will display as rich snippets in Google search. Don't forget to make your text vibrant by customizing fonts, color, typography, alignment and more. There is an icon library at your disposal including SVG.

    Your FAQs will look great on all devices and all modern browsers. 

    2. Accordion Footer Menu Widget For Elementor

    accordion-footer-menu-widget-for-elementoraccordion-footer-menu-widget-for-elementoraccordion-footer-menu-widget-for-elementor

    Thanks to Accordion Footer Menu Widget you don't need coding skills to build a great footer menu for your desktop and mobile website. Menus build using this responsive custom list menu widget for Elementor work perfectly on both desktop and mobile. On text top they will display as expanded menu and transform into a collapse accordion on mobile. You can style your headings, typography, and icons to evoke the feeling of your website.  

    3. Accordion FAQ WordPress Plugin

    accordion-faq-wordpress-plugiaccordion-faq-wordpress-plugiaccordion-faq-wordpress-plugi

    According FAQ WordPress plugin allows you to present an attractive FAQ question on your website and leave your visitors satisfied. The drag and drop makes it easy for you to build multiple FAQ pages, reorder each category, choose between accordion and list style and customize how your FAQ is presented. You can modify colors, icons, border radius and font sizes. You can also set up FAQs with a shortcode generator. The plugin is translation ready using Poedit tools. It's also well documented. 

    4. Accordion Slider PRO 

    Accordion Slider PRO - Responsive WordPress PluginAccordion Slider PRO - Responsive WordPress PluginAccordion Slider PRO - Responsive WordPress Plugin

    You just need Accordion Slider Pro to create sleek presentations that blow engagement on your website through the roof. Images, YouTube videos and Vimeo videos will open in a lightbox window. The images can be deep linked and can also be shared on Facebook, Twitter or Pinterest. You can adjust width and height of sliders, add image titles and descriptions, and employ smooth zoom effects. The descriptions will be indexed by search engines and increase your SEO ranking. The plugin will adapt to the width of any device, screen, and orientation. It has full width or centered option.

    5. WordPress Accordion FAQ Plugin

    WordPress Accordion FAQ PluginWordPress Accordion FAQ PluginWordPress Accordion FAQ Plugin

    With this plugin you can anticipate and provide comprehensible, easy-to-find answers to visitors questions. The FAQ section can be set up as accordion, list, or multicolumn. The Accordion layout to show answers on click. List layout to display answers below questions. Multicolumn layout for automatic spreading the content into columns. Choose from four customizable styles and 36 category icons. You can modify text, answers texts and category names. The plugins is Schema ready to help boost your SEO. 

    6. Product Tabs for WooCommerce

    Product Tabs for WooCommerceProduct Tabs for WooCommerceProduct Tabs for WooCommerce

    This plugin allows you to create WooCommerce product page tabs with table from CSV files that you can easily update. The tabs support image, video, text, HTML or shortcode. You can also create tabs from product meta keys easily and even conditional tabs. The plugin supports translation. 

    7. WooCommerce Products Tab for Elementor

    woocommerce-products-tab-for-elementorwoocommerce-products-tab-for-elementorwoocommerce-products-tab-for-elementor

    Using WooCommerce Products Tab you can build your WooCommerce products tabs in 1 minute.

    Features include: 

    • custom color for each tab 
    • responsive
    • animations
    • translation ready (include .po/.mo files)
     

    WordPress Tab and Accordion Plugins on CodeCanyon

    Discover CodeCanyon's extensive library of the best tab and accordion WordPress widgets and plugins ever created. With a cheap one-time payment, you can purchase these high-quality WordPress widgets and plugins and draw in more traffic to your website. 

    Here are a few of the best-selling tab and accordion WordPress widgets available on CodeCanyon for 2021.

    Best-Selling WordPress Tab Accordion Widgets PluginsBest-Selling WordPress Tab Accordion Widgets PluginsBest-Selling WordPress Tab Accordion Widgets Plugins
    Best-selling tab and accordion widgets and plugins available on CodeCanyon 

    8. WooCommerce Category Accordion

    WooCommerce Category AccordionWooCommerce Category AccordionWooCommerce Category Accordion

    The WooCommerce Category Accordion is designed specifically for WooCommerce users. It can be used as a widget or shortcode to list product categories and subcategories. The best features of this WordPress accordion are:

    • supports unlimited categories and subcategories
    • 14 Font Awesome icons included
    • ability to highlight current category option
    • sort by ascending or descending order

    WooCommerce Category Accordion is ideal for users who want to organize their products or services into categories and subcategories to make it easier for customers to navigate their site.

    9. Elegant Tabs for Visual Composer

    Elegant Tabs for Visual ComposerElegant Tabs for Visual ComposerElegant Tabs for Visual Composer

    Elegant Tabs for Visual Composer is an add-on for the WPBakery WordPress plugin (formerly Visual Composer). This WordPress tabbed content widget lets you add any shortcode to multiple tabs and offers loads of customization like different colors, icons, and backgrounds for different sections or tabs. Its best features include:

    • vertical tabs
    • drag and drop any WPBakery elements inside the tab content
    • supports deep linking
    • ten different styles of tabs and unlimited variations
    • and more

    Elegant Tabs is also available for Fusion Builder, WooCommerce, Cornerstone, and Beaver 

    10. Side Tabs: Layered Popups Add-On

    Side TabsLayered Popups Add-onSide TabsLayered Popups Add-onSide TabsLayered Popups Add-on

    A little different than most of the plugins on this list, Side Tabs delivers the features you’d expect from a WordPress tabs plugin, but instead of existing within your site’s content, they live at the edge of your screen. This unique presentation creates a number of unusual uses.

    One of the most interesting ways you can use Side Tabs is to present a constant access point to content throughout an entire page (or several pages). Besides that, this WordPress tabbed content widget also makes a great tool for offering calls to action and similar content without being too intrusive.

    With a ton of customization and animation options available out of the box, this is one of the best tab plugins for WordPress. It works brilliantly for anyone looking to add a fresh way of presenting information to their site.

    11. Easy Side Tab Pro:  Responsive Floating Tab Plugin For Wordpress

    Easy Side Tab Pro - Responsive Floating Tab Plugin For WordpressEasy Side Tab Pro - Responsive Floating Tab Plugin For WordpressEasy Side Tab Pro - Responsive Floating Tab Plugin For Wordpress

    Easy Side Tab Pro is a Call To Action floating tabs plugin for WordPress which allows you to create any number of quick side tabs and stick them to the vertical or horizontal edge position. When the tab is clicked the popup associated to that tab pops out.

    From the backend interface you can customize 15 popup templates by choosing variety of shapes, add animations and transitions. And to each tab you assign functionalities like a Twitter feed, social share icons, recent posts, WooCommerce products, custom shortcodes, a subscription form, and internal or external links. 

    12. BWL Knowledge Base Manager WordPress Accordion

    BWL Knowledge Base Manager WordPress AccordionBWL Knowledge Base Manager WordPress AccordionBWL Knowledge Base Manager WordPress Accordion

    This is one of the best tab plugins for WordPress we've got. The WordPress tabs plugin is user-friendly, fast, and fully responsive. People love this WordPress tabbed content widget because:

    • no configuration is required
    • responsive grid system
    • AJAX-based searching system
    • animated and responsive tabs
    • extensive Options panel
    • unlimited customization
    • lifetime support and updates

    13. ZF WordPress Category Accordion

    ZF WordPress Category AccordionZF WordPress Category AccordionZF WordPress Category Accordion

    This WordPress accordion plugin was created to improve your WooCommerce website with a better navigation experience. 

    ZF WordPress Category Accordion plugin allows you to show all your categories as WooCommerce category accordions. Check this WordPress accordion's nice features:

    • support WooCommerce category accordion
    • support WordPress category accordion
    • pages accordion (accordion menus)
    • translation-ready
    • support shortcodes and widgets
    • toggle accordions
    • 7 default color schemes

    14. CSS3 Accordions For WordPress

    CSS3 Accordions For WordPressCSS3 Accordions For WordPressCSS3 Accordions For WordPress

    This accordion WordPress plugin widget is entirely based on CSS3. It's one of the best accordion plugins for WordPress because it comes with an intuitive admin panel, horizontal and vertical layouts, and unlimited color skins. 

    You can put any type of content inside the expandable section, including lists, images, or any custom HTML code.

    15. Responsive Searchable 3 Level Accordion

    Responsive Searchable 3 Level AccordionResponsive Searchable 3 Level AccordionResponsive Searchable 3 Level Accordion

    Responsive Searchable 3 Level Accordion is a simple WordPress accordion plugin that can be used anywhere on your site. It will appeal to users who are looking to arrange content in accordion style within a post, sidebar, footer, etc. The best features of this accordion and accordion slider are:

    • can be used as a widget or shortcode
    • three nesting levels available
    • five ready-made styling options
    • allows users to type in the searched phrase

    Responsive Searchable 3 Level Accordion For WordPress is a low-fuss accordion plugin, and its standout features like three-level support and searchable content really set it apart.

    16. Everest Tab—Responsive Tab Plugin For WordPress

    Everest Tab - Responsive Tab Plugin For WordPressEverest Tab - Responsive Tab Plugin For WordPressEverest Tab - Responsive Tab Plugin For WordPress

    Using Everest Tab you can show tabs within content, even transform your own custom HTML content into tab layout easily. You can also create unlimited tab and add tab components like HTML, social feeds, recent posts, WooCommerce products, contact form, google map integration as well as external shortcodes. In addition, you can enable deep linking for your tabs. 

    17. Accordion FAQ WordPress Plugin

    Accordion FAQ WordPress PluginAccordion FAQ WordPress PluginAccordion FAQ WordPress Plugin

    FAQ pages are an important part of almost any website, and with this WordPress accordion plugin, you can fit a mountain of text behind a sleek and easily digestible display. This accordion plugin focuses on doing one thing, creating FAQ-style content easily, and it does it well. Here’s what you can expect to get with this WordPress tabs plugin:

    • ability to quickly add multiple FAQ accordions throughout your site
    • easy drag-and-drop interface for reordering
    • color, icon, and font customization
    • built-in generator for creating shortcodes

    If you’re looking to add an FAQ section to your existing design, then the Accordion FAQ WordPress Plugin has you covered.

    18. WordPress Tabs and Accordions DZS

    WordPress Tabs and AccordionsWordPress Tabs and AccordionsWordPress Tabs and Accordions

    WordPress Tabs and Accordions DZS is another of the best tab plugins for WordPress. It gives users access to both tab and accordion functions. Its best features are:

    • full skins to fit every brand
    • WYSIWYG editor
    • unlimited color options for customization
    • iPhone, iPad, and Android optimized
    • and more

    WordPress Tabs and Accordions DZS is another great two-for-one WordPress tabbed content widget.

    19. Ultimate Searchable WordPress Accordion

    Ultimate Searchable WordPress AccordionUltimate Searchable WordPress AccordionUltimate Searchable WordPress Accordion

    This five-star-rated WordPress accordion plugin for WPBakery Page Builder is a crowd favorite. Some of its coolest features are:

    • quick and easy installation
    • responsive accordion layouts
    • unique live content search
    • 14+ smooth animations
    • 6 pre-defined color themes
    • RTL support
    • lifetime support and updates

    20. WP Responsive FAQ With Category

    WP Responsive FAQ With CategoryWP Responsive FAQ With CategoryWP Responsive FAQ With Category

    The Responsive FAQ With Category WordPress tabs plugin is specifically designed for users who want to add a Frequently Asked Questions area to their site and don’t want their visitors to have to scroll through an endless stream of text.

    This WordPress tabbed content widget's best features include:

    • FAQs can be arranged by category
    • 15 customizable different designs to choose from
    • compatible with Visual Composer page builder and WooCommerce
    • two types of FAQ toggle icons: arrow or plus sign

    There’s no question that this one of the best tab plugins for WordPress and that WP Responsive FAQ with Category is the answer to all your FAQ needs.

    21. Accordion Awesome Pro

    Accordion Awesome ProAccordion Awesome ProAccordion Awesome Pro

    Who said accordions should be boring? Accordion Awesome is a new addition to our selection of accordion plugin. It will help you create colorful, vibrant and stunning accordions for your website that display well on different web browsers and devices.

    There are thirteen templates to choose from. You can customize colors of the text, description, icons, navigation background, active accordion background, and accordion content background.

    You can insert accordions using shortcode, a Gutenberg block or an Elementor block. Your accordions can include pictures, animations, feature lists, and more. 

    22. Taber: Tabs for Elementor

    Taber: Tabs for ElementorTaber: Tabs for ElementorTaber: Tabs for Elementor

    Taber is a WordPress plugin for Elementor that will help you create responsive tabs with any content. You can display the tabs in any possible style like the top, bottom, left, right, or even custom positions. You have five customizable templates.

    You can customize size, typography, colors, background, and border of your tabs. You can even add images, audio, and video. It's SEO-friendly and works well with all WordPress themes built on Elementor. The plugin includes pot files for quick translation to any language including RTL-oriented languages. 

    5 Free Tab and Accordion WordPress Widgets and Plugins for Download in 2021

    The best features and most beautiful interfaces are found in the premium plugins from CodeCanyon. But, if you're on a budget or just want something simple, check out these free tab and accordion plugins for WordPress.

    1. Arconix Shortcodes

    Arconix ShortcodesArconix ShortcodesArconix Shortcodes

    Arconix Shortcodes is a very versatile accordion plugin and is a must-have if you cannot afford any of the premium plugins. With this plugin, you can add not only accordions but styled boxes, buttons, tabs, unordered lists, columns, and much more.

    2. Easy Accordion

    Easy Accordion is a responsive drag-and-drop accordion builder that will help you to display multiple accordions on your WordPress website. No coding is necessary to add the accordions to your website as everything is added through shortcodes.

    3. Accordion

    AccordionAccordionAccordion

    This accordion plugin can help you create different sections of your website, including but not limited to FAQs, a knowledge base, and a question & answer section. You can change the colors, font size, and icons for each accordion.

    4. Squelch Tabs and Accordions Shortcodes

    With the use of shortcodes, you can add horizontal accordions, vertical accordions, and tabs. This free plugin will help you save space on your webpages, make your website look more professional, and add an interactive component to your website.

    5. Shortcodes Ultimate

    Shortcodes Ultimate allows you to add many tools to your website. You can easily create tabs, buttons, boxes, sliders and carousels, and responsive videos. The plugin comes with over 50 shortcodes for you to implement. 

    How to Add an FAQ Accordion to Your Website

    In this example, we are going to create an FAQ section for our online store using one of our best accordion plugins for WordPress. 

    First, we need to create a category for our FAQ accordion so the plugin knows what content to add to each specific accordion. Once you have installed the Accordion FAQ WordPress plugin, head on over to WP Dashboard > FAQ > Categories. In the name field, we will type "Online Store" and click the Add New Category button. 

    Next, we will click on WP Dashboard > FAQ > Add New. We will add our three FAQ entries this way. We will include the question in the title and the answer in the text editor. 

    Creating FAQ EntryCreating FAQ EntryCreating FAQ Entry

    For each of our entries, we will make sure to click the checkbox next to the category, Online Store, that we created to make sure we group the entries together. 

    Once we have added our three FAQ entries for our online store, it's time to add the accordion widget to a page. On an existing or new page or post, click on the Add Shortcode button on the top of the text editor. Choose Insert FAQs from the Select a Shortcode drop-down menu. From here, we will be given a basic group of settings for us to change. We will choose the Online Store category from the Faq Category option and change the Icon Background Color to blue. 

    Changing Accordion SettingsChanging Accordion SettingsChanging Accordion Settings

    Click the Insert Shortcode button, and the shortcode will be added to the text editor. The FAQ accordion will now be displayed on your webpage for all your users to see!

    Photo

    martijn broeders

    founder/ strategic creative at shineyrock web design & consultancy
    e-mail: .(JavaScript must be enabled to view this email address)
    phone: 434 210 0245
    Add a comment...
    4elements
    Comments

By - category

By - date

Copyright © 1999 - 2026 Shineyrock web design and consultancy, All Rights Reserved / Terms of Conditions / Sitemap: XML, HTML, Images, Mobile, News