WP Tabber widget WordPress plugin

This is a jQuery based lightweight plugin to create tab in the WordPress widget. Tabs can be really useful, we can save a lot of space just by placing our block of content in tabs and displaying one block at a time in the same place. Using this plugin maximum we can display two tabs. and we can display the linkable text within the tab. in the admin we have separate page to manage the tab text.

Advantage of this plugin

  • Lightweight plugin
  • Smooth transitions between two tab
  • Clickable text in the tab
  • Easy configuration

Plugin live demo screen available in this page. You may also be interested in Tabs widget popular and latest posts WordPress plugin.

Tabber widget plugin for wordpress

Installation instruction

Method 1

  • Download the plugin tabber-widget-plugin-for-wordpress.zip from download location.
  • Go to Add New menu under Plugins tab in your WordPress admin.
  • Select upload link (top link menu).
  • Upload the available tabber-widget-plugin-for-wordpress.zip file and click Install Now.
  • Finally click activate plugin link to activate the plugin.

Method 2

  • Download the plugin tabber-widget-plugin-for-wordpress.zip from download location.
  • Unpack the tabber-widget-plugin-for-wordpress.zip file and extract the folder.
  • Drop the tabber-widget-plugin-for-wordpress folder into your ‘wp-content/plugins’ folder.
  • In WordPress administration panels, click on plug-in from the menu.
  • You should see your new tabber-widget-plugin-for-wordpress plugin listed.
  • To turn the WordPress plugin on, click activate.

Plugin configuration

Drag and drop the widget : Go to widget page under Appearance menu, Drag and drop Tabber widget plugin widget into your side bar. its very easy.

Frequently asked questions

Q1 . Icons not showing on tabber tab? or Do you want to change the tabber icon image?

Open style sheet (Gtabber.css ) from the plugin folder and enter full path for the image style.


#GTabberTabber ul.GTabberTabs li a { background: url(https://www.websitename.com/wp-content/plugins/tabber-widget-plugin-for-wordpress/ico-hot-grey.png) no-repeat 9px 7px;

Alternatively we can use the wordpress dashboard to update this CSS file.

1. Go to Dashboard in your wordpress website
2. Go to Plugins menu
3. Select Editor menu
4. Select the tabber widget plugin from the drop down box (available at top right corner)
5. Select the CSS file from the available plugin files (/inc/Gtabber.css)
6. Change the image path and update the file.

Tabber widget WordPress plugin WordPress plugin

Q2. What is tabber text link in the admin text management page?

When someone clicks on the text, where do you want to send them.

Q3. What is Select link target in the admin text management page?

_blank : loads the linked page in a new, unnamed browser window.
_parent : loads the linked page in the parent frameset or window of the frame that contains the link.
_self : loads the linked page in the same frame or window as the link.

Tabber widget WordPress plugin WordPress plugin

Q4. I want to display three tab in the widget?

No, In this plugin we can display maximum two tabs only. in the admin page we have column called tabber group. that is name of the widget tab. we can modify this based on the requirements. After activated the plugin, in default you can see two group (Left, Right).

Q5. What is Group 1, Group 2 in the widget control?

As mentioned, In this plugin we can display maximum two tabs. enter any two group name in this text box. so the text from that two group will be display in the front end.

Plugin official page


Download location