Tabby Responsive Tabs Wordpress Plugin is used by 408 websites. Among 408, 0 site is within top 10,000 and 16 sites are within top 100,000 websites.

Wordpress Plugin Information of

Plugin Meta Name Plugin Meta Information
Plugin Name
Plugin Description Create responsive tabs inside your posts, pages or custom post content by adding simple shortcodes inside the post editor.
Detail Plugin Description
  • Adds a set of horizontal tabs which changes to an accordion on narrow viewports
  • Tabs and accordion are created with jQuery
  • Supports multiple sets of tabs on same page
  • Uses Semantic header and Content markup
  • Aria attributes and roles aid screen reader accessibility
  • Tabs and content are accessible via keyboard

The Tabby Responsive Tabs plugin is designed to be an easy and lightweight way to add responsive tabs to your content. There is no admin panel and experienced developers should be able to easily customise how the tabs display on their site by replacing the built-in CSS rules with a customised version (see note below for more details of this).

Optional Add-ons

The Tabby Responsive Tabs Customiser add-on adds a settings panel with several parameters for customising your tabs. to provide the easiest way to customise the display of your tabs without editing any code. You can use the default tabby styles or one of the included one-click presets as a starting point for customisation. It also enables you to easily add icons to your tab titles.

The Tabby Link to Tab add-on provides a simple shortcode to create links to specific tabs which can appear anywhere on the same page as the tabgroup without the page needing to reload.


There are two shortcodes which should both be used [tabby] and [tabbyending]

[tabby title="tabname"]

replace tabname with the name of your tab.

Add the tab content after the shortcode.

Add a [tabbyending] shortcode after the content of the last tab in a tabgroup.


If you copy & paste this example into your own page instead of typing them, ensure that any stray <code> or <pre> tags are deleted.

[tabby title="First Tab"]

Tabby ipsum dolor sit amet, kitty sunbathe dolor, feed me.

[tabby title="Second Tab"]

Lay down in your way catnip stuck in a tree, sunbathe kittens.

[tabby title="Third Tab"]

sleep in the sink climb the curtains attack, give me fish.


note: To prevent stray paragraph tags being introduced by WordPress's wpautop filter, ensure that you leave a blank line above and below each tabby shortcode and the tabbyending.

You can see the tabs on the demo page.

If you want to change how the tabs and accordion display on your site, you have two options:

  1. Use the Tabby Responsive Tabs Customiser plugin which provides a very easy way to customise the display of your tabs without needing to edit any code.

  2. Copy the contents of the plugin's stylesheet into your child theme or custom styles plugin and make the changes to the copy as required. If you do this you will also need to prevent the built-in styles from loading by adding the following line to your child theme's functions.php or a custom functionality plugin:

<?php remove_action('wp_print_styles', 'cc_tabby_css', 30); ?>

Additional Shortcode attributes


The first (leftmost) tab panel will be open by default in 'tab view' and in 'accordion view'.

If you want a specific tab other than the first tab to be open by default when the page first loads, you can add the parameter & value open="yes" to the shortcode for that tab:

[tabby title="My Tab" open="yes"]

If you use the 'open' shortcode parameter in one of your tab shortcodes, ensure that you only add it to single tab as having more than one tab open within a tab group is not supported.


The markup required to show an icon alongside a tab title can be added by using the 'icon' attribute. Tabby responsive tabs does not add the icons files, you will also need to use a theme or plugin (such as the tabby responsive tabs customiser add-on) to add the icon files:

[tabby title="My Tab" icon="cog"]

This adds a pseudo element before the tab table with the classes "fa" and "fa-cog". Other icon font sets can be used if you ensure the CSS rules target the classes added by the plugin.

The Tabby Responsive Tabs Customiser plugin can be used to add the Font Awesome files required to display the icons in the tab titles.

Controlling which tab is open when linking to the page

You can use a 'target' URL parameter to set which tab will be open when the page initially loads. The value of this parameter is based on the tab title specified in the tabby shortcode, but formatted with punctuation & special characters removed and with dashes replacing the spaces.

If you want to link to a 'contacts' page with a tab titled 'Phone Numbers' open, the url you use to link to this page would look like:

If you want a tab with the title 'email addresses' to be open, the url would look like:
More Information Wordpress Official Plugin Repository

Top 100 Websites built with Wordpress plugin

12,556 favicon of YORKU.CA YORKU.CA
York University
13,817 favicon of SENCHA.COM SENCHA.COM
Design, Develop, and Manage Enterprise Web Applications with Sencha | Sencha
Palm Beach Research Group - Safe Investing Strategies, Investment Advice & Analysis
Moviz Online - Watch Full Movies Online Free
رادیو زمانه | زمانه
Watch HD Movies Hollywood, Bollywood And Dubbed
Manfaat You C 1000 Vitamin Water -
Movie Watch Online Free Download Full Movies HD - Online Entrepreneurship
Porno Amador XXX | Videos Amadores de Sexo
Design Scene - Fashion, Photography, Style & Design
Cardboard Connection: The Sports Card & Memorabilia Shopping & Collecting Authority
Vishal Mega Mart-Online Marketplace for Grocery and Fashion
93,817 favicon of UPRRP.EDU UPRRP.EDU
Live Action News - Covering Human Rights, Abortion, & the Right to Life
110,143 favicon of GWEGNER.DE GWEGNER.DE | Fotografie, Video, Zeitraffer, Reisen.
119,494 favicon of GAMUT.MEDIA GAMUT.MEDIA
Gamut | Smart media from Cox.
126,627 favicon of TAKIOKI.RU TAKIOKI.RU
Блог Ольги Сологуб
128,969 favicon of NATIONAL.EDU NATIONAL.EDU
Online College Courses & Degrees - National American University
Port Phillip Publishing | Financial News and Analysis Publications
Akadémia Krásy • Najčítanejší BEAUTY blog na Slovensku
satellite frequency guide with transponder and other details
150,921 favicon of I2K2.COM I2K2.COM
Dedicated Server | Data Center Services | Email Solutions | Managed IT Services - i2k2 Networks - New Music, Videos, Hip-Hop News, Events, Pop Culture
Male Model Scene - MM Scene : Male Model Portfolios : Male Models Online
Denver Comic Con
Videos de Travestis XXX Tube
176,622 favicon of TELIKAS.BIZ TELIKAS.BIZ
televizija internetu nemokamai -
185,502 favicon of INMARSAT.COM INMARSAT.COM
Home - Inmarsat
Levi Strauss | Levi Strauss & Co
190,699 favicon of LOANNOW.IN LOANNOW.IN
Loan Now - Delivering Instant Loans in India
191,872 favicon of TARNET.COM TARNET.COM
TAR | Tennessee Association of Realtors®
Mangwanani | The Original African Spa
194,218 favicon of SAHAMOK.COM SAHAMOK.COM
Saham OK | Investasi Saham Indonesia Lebih Realistis
PFX: Formation et Analyses Forex – la référence du forex en France
206,329 favicon of DIALABANK.IN DIALABANK.IN | Loans in India - Call us on 60011600
206,906 favicon of KGLABS.NET KGLABS.NET
KGlabs | Diseño y posicionamiento de páginas web profesionales económicas
Natural Healing – Natural Health Breakthroughs from Across the Globe
Admin-Ahead | Outsourced Web Hosting Support | Technical Support | Server Management | Sales Support | Software Development | R &D - Outsourced Web Hosting Support | Technical Support | Server Management | Sales Support | Software Development | R &D
223,492 favicon of BESNOPILE.RS BESNOPILE.RS
BesnoPile - Dnevna doza zdravog humora!
Viajablog. Viajes, visitas y aventuras por el mundo
227,889 favicon of DREAMHACK.RO DREAMHACK.RO
DreamHack Bucharest 2015 – 24 – 26 aprilie | Sala Polivalentă
235,346 favicon of QUALIFIO.COM QUALIFIO.COM
Engage your digital communities | Qualifio
235,746 favicon of TECHWEEK.COM TECHWEEK.COM
Techweek - The leading technology conference and festival
Home - Organizing Homelife
245,546 favicon of HADIT.COM HADIT.COM Veteran to Veteran LLC - Veteran To Veteran LLC
Film Bioskop Terbaru
Saikô Animes
Moneydance, Syncspace, and SketchTo by The Infinite Kind
254,785 favicon of BOSSLOOT.DE BOSSLOOT.DE von selten bis legendär - WoW News und Guides
Vergelijk telefonie, internet en tv en bespaar honderden euro's!
Technomadia | Adventures in Nomadic Serendipity
Galaxy Club — Dé Galaxy smartphone blog & community
ERP Software Selection | ERP Implementation | Organizational Change Management
Film School: Online Filmmaking Course
Amiibo Inquirer - Your Information Source For All Things Amiibo
288,517 favicon of KERALATV.IN KERALATV.IN
Malayalam Television Serials and Shows Online - Kerala TV
Harga Motor Terbaru, Daftar Lengkap -
Offshore software,Product development and IT services company - ValueLabs
294,083 favicon of CSL.EDU CSL.EDU
Concordia Seminary, St. Louis | Since 1839
297,401 favicon of SPAGOBI.ORG SPAGOBI.ORG
spagobi | 100% open source Business Intelligence
The Partially Examined Life | A Philosophy Podcast and Philosophy Blog
Learn, Evolve, Dream, Create -
Cosmetic Surgery | Cosmetic Treatment in Mumbai, India- Allure Medspa.
CONATEL | Comision Nacional de Telecomunicaciones
Natural Healing – Natural Health Breakthroughs from Across the Globe
Coupon Desire
Pinoy Replay Teleserye Pinoy ako online tambayan |
Terry Wahls MD | Defeating Progressive Multiple Sclerosis without Drugs | MS Recovery | Food As Medicine | The official website of Terry Wahls, MD, author and physician who has recovered from secondary progressive multiple sclerosis by using the Wahls way-Food as medicine.
The Fat Loss Fast System
357,319 favicon of SHATHAYU.COM SHATHAYU.COM
Shathayu Ayurveda | Shathayu Ayurveda Wellness centres
Tenerife Lifestyle Magazine - Tenerife Tourist Information
#1 Singapore Interior Design & Home Renovation Portal
Lets Programme - Learn Code Enjoy
372,977 favicon of PRESTOLOV.RU PRESTOLOV.RU
Prestolov.Ru - Русскоязычный фан сайт сериала Игра Престолов
Home - MagicLoans
Software Technology
Fashion Blog | Style, Shopping & Blogging - | Apple News, App Reviews, iPhone, iPad, Apple Opinions And Rumours
Home - VIA Embedded
Leidenamateurvoetbal - voetbal uit de Leidse regio
team+ 為工作溝通而生的即時通訊,比LINE更適合談公事
412,993 favicon of EOFIS.COM.TR EOFIS.COM.TR
Hazır Ofis, Sanal Ofis, Toplantı Odası
413,238 favicon of CYRUSONE.COM CYRUSONE.COM
Enterprise Data Center | Colocation Provider | CyrusOne |
WordPress Sutton, Croydon & London
418,613 favicon of RNPEDIA.COM RNPEDIA.COM
RNpedia - Complete Nursing Notes and Community
Mighty1090AM | San Diego's Sports Leader
Gym - Healthclub - Fitness Center - Over 16 Locations and Counting!
Impact Social Media for Kansas city web design, Kansas city seo and Kansas city social media
Prevention World | Información y Recursos en Prevención de Riesgos Laborales
Asset Management Company - AFAM Capital
Finance and Accounting Outsourcing India, Outsource Accounting Services India
432,303 favicon of PRICELOW.IN PRICELOW.IN
Pricelow : Discount, Promotion Codes, Coupon Codes, Coupons, Offers
Jindabyne Accommodation in Jindabyne
Real Milk Paint ® | Environmentally Friendly and Natural Paint
Palm Beach Letter | Safe Investing Strategies, Investment Advice & Analysis