You must be familiar with tabs – in a paper file they refer to those colored strips that help you open to exactly the page you want. You’ll see a similar option in a browser as well, where they help you to get to the page or website you want to visit. Tabs offer an easy user experience – users can simply click on a tab to view the content inside it. A number of quality WordPress Tab Plugins are available which help you create tabs that use distinct icons, colors, and animated effects.
Tabs can be real handy when you have a load of content to get across to readers in a limited space. At the same time they retain both the design and user interface. The advantage with tabs is that a reader will not have to scroll long pages. Moreover, tabs can improve conversion rates by adopting a structured approach.
With WordPress, it’s easy to create tabs to present content neatly to visitors in tabbed sections. All your information is split into sections for convenient consumption. Some users maintain that hiding content behind tabs somewhat lessens the SEO advantage, since Google prefers the content to appear immediately on page load. In fact, some users do report a fall in search rankings when they move content behind a tab. Despite this viewpoint, some may want to tab sections such as FAQs. So, it would be necessary to weigh the neat tabbed layout against any possible SEO disadvantage before making a choice. And, if you happen to need a theme for your FAQ or knowledgebase website, check out this post.
As mentioned before, there are many quality tab plugins that can help you add tabs to your WordPress. These plugins help add clean, responsive and structured tabs to your pages, posts and custom post content and even within them. All the plugins in this list are free, though many of them allow you to upgrade to a premium version.
WP Tab Widget
What makes WP Tab Widget attractive is it’s AJAX powered lazy load feature. This ensures that your content loads fast. It can help you create a tab widget for your sidebar where you can place Popular Posts, Comments, Recent Posts or Tags for greater clicks. With 80,000+ active installs, the plugin includes features such as layout styles and cache system. The in-built pagination system allows pages to load only when necessary.
The tabs created by the plugin are fully responsive, and you can display them in any widget area. You can set the post date, excerpt, number of comments and tabs which appear in the widget. It gives you control over the what goes into the widget – title length, thumbnails, excerpts. The design is clean and simple, and the user interface is not hard to use at all. Smooth animation displays when a user shifts tabs are quite delightful and kind of make up for the minimal scope for customization.
This plugin is free and can be used on an unlimited number of sites. It’s also SEO friendly and well optimized for optimized for speed.
WP Tab Widget Pro priced at $29 has a number of additional features including scope for customization.
Tabby Responsive Tabs
Tabby Responsive Tabs adds tabs to your site using a shortcode. Besides, you’ll need to add a single line of code to add tabs to your sidebar. It comes with many convenient options like keyboard access for tabs and multiple sets of tabs on the same page. Using jQuery, it creates horizontal tabs that automatically switches to an an accordion interface to fit the width of the screen. This lightweight plugin enjoys 30,000+ active installs and can add amazing fonts to your site. It uses semantic header and content markup.
The base version does not include an admin panel, but you can customize tab display by replacing the built-in CSS rules with a custom version. A pro add-on, Tabby Responsive Tabs Customizer can enable a settings panel for your tabs. You can choose to go with the default styles, select from several presets, or if you wish, you can set custom colors. It can also add cool icons to your tab titles. There are other paid add-ons as well which can add many more features.More info / Download
Easy Responsive Tabs
Easy Responsive Tabs uses Bootstrap framework, so the tabs are mobile friendly. It works by adding simple TinyMCE buttons to the post editor, which makes inserting tabs into a new post or page as easy as clicking a button. It includes options to display tabs on the top or bottom of the page as well as to edit the style of the tabs. You can toggle the responsiveness on and off.
The plugin allows you to customize the CSS to match your theme perfectly. With this plugin, you can set an external page link to load any particular tab and also set a default tab to be displayed on page load. It is developer friendly and has built-in controls that let you set the tab colors. You can also set the default tab of the page that should load in full view.More info / Download
Tabs is another Bootstrap based plugin and it can add tabs in both horizontal and vertical styles. You can add multiple tabs on pages and posts and vary the font styles and color schemes of your content.
A widget option is available and it’ll help you add a widget to any widget area on your site. You can add images, audio, video or a shortcode in the tab description field. The plugin works by using shortcodes to add tabs, allowing you to add multiple tabs anywhere in the theme. It integrates with drag and drop builders and supports Font Awesome icons.
The Pro version offers many design templates and animation styles, with background overlay and on hover tabs. It allows you to customize the width and height as well as choose to hide or display all the tabs on page load.More info / Download
WordPress Post Tabs
WordPress Post Tabs includes all the essential features necessary for a tab plugin and seamlessly integrates with most standard WordPress themes. The free version of the plugin comes with 3 ready made skins and an admin panel with a custom style box to effect CSS changes.
You can add as many tabs as you like and set it to a single post or page and also add videos, images, and tables within the tabs. This plugin adds a link to the bottom of the tab box, which you can choose to keep or discard. Other features include a Next/Previous navigation links and a Quick tag for adding tabs to your content. To add a tab using Quick tag, fill in the Quick Tag box with the names of the tabs and click Insert. Thereafter, you can edit the content in the editor of the post or page. You can also create tabs by manually inserting shortcodes in the post or page, with multiple entries for multiple tabs.
The Pro version offers many more skins and styles and a style editor integrated into admin. Adding an image to the post title is possible, besides advanced Quick Tag feature, and a widget placeholder for displaying Related Posts, Popular Posts, and any other widget within tabs.
Nested tabs, linkable tabs, external linking of tabs and smooth scrolling are all included in the plugin’s list of features.
The premium plugin includes three themes, nested and vertical tabs, shortcode inside tabs and auto rotate tabs.More info / Download
Tabs Widget for Page builder
Tabs Widget for Page Builder lets you use a page builder to build your own layouts for tab content. It’s built to work with the SiteOrigin page builder and helps you add multiple tabs with tab name and tab content.
The front end display relies on default Bootstrap CSS, so if you need any customization, you’ll have to use custom CSS. You can add tabs in a sidebar widget. There are no settings for this plugin, simply install and activate.More info / Download
When you install and activate Responsive Tabs, it adds a Tabs section to the admin panel, from where you can create tabbed content for your website. There’s a lot you can do while creating the tabs such as choosing a color, reordering them whenever you want and displaying them on any location you choose using a shortcode. The plugin also shrinks to an accordion and you can pick the breakpoint at which it collapses. The plugin is fully translatable.
The premium plugin creates tabs that link directly to external pages, add icons for your tabs and offers a choice of several background presets. You can integrate your tabs with social media too.More info / Download
Simple Side Tab
Simple Side Tab is good for increasing conversions as it adds sticky tabs to your site. Using the plugin, you can add a “Global Call to Action” to your website and vertical tabs to either side of the browser window. The tabs can be linked to any external page. The tab stays in place even as a visitor scrolls down so it’s always visible. It’s responsive and works great on mobiles too.
Using filters, it’s possible to modify the tab text output as well as turn the display on and off. From a simple screen setting you can set text for the tab, choose fonts, set internal or external links for the tabs, and use unlimited colors for tab elements.More info / Download
Responsive WordPress Tabs Plugin
With Responsive WordPress Tabs Plugin you can use HTML code to create tabs in two responsive modes. It allows you to browse the tabs in two ways – by adding navigation arrows to the header or by adding a menu button to display the extra tabs in a popup. When it comes to smaller screens, you have the option to display only the tab icons, while hiding the text.
Both horizontal and vertical tabs are possible, as well as addition of custom images as icons for the tabs. Else, you can pick an icon from the Font Awesome library. You can open a tab not only by clicking on it, but also by using the specific URL. The default tab id can also be specified.
A commercial version that permits you to use the plugin on commercial websites and removes the ‘Wonderplugin’ watermark is also available.More info / Download
Xpert Tabs is a shortcode builder that generates any number of tab sets in any page or post and customize it as well. You can visualize the changes to the front end before you put them into effect. It uses Bootstrap and has been coded in a way to avoid CSS conflict with other plugins.
The plugin is responsive, allowing you to add tabs via shortcodes. Icons can be selected for tab titles and tab items can be dragged for easy sorting. It opens the first tab item by default and will alert you if any tab is being deleted at the backend.More info / Download
Squelch Tabs adds accordions and tabs in both horizontal and vertical fashion to your website. Accordions help to make the maximum use of the space on the page and give a professional look to your site.
All widgets in this plugin are responsive except for the horizontal accordion widget. It packs in eight shortcodes and allows you to link the tab to any URL.More info / Download
To Wrap Up
Website layout is crucial to keep a visitor on a website for longer periods of time. While Menu plugins can help a visitor move around within a website, these tab plugins can help take a visitor directly to the content they want. If visitors cannot find what they want within two or three clicks, they are more likely to move away to other sites. These free plugins can help present tons of content in a structured fashion. Let us know if they worked for you in the Comments below.