Tabs Widget for Page Builder

Description

Page Builder by SiteOrigin editor is great, but it lacks a “tabs widget”, so we created one.

The “Tabs for Page Builder” widget allows you to add multiple tabs with a tab name and tab content. The tab content is using the Page Builder editor, so you can build your own layout inside the tab content (add widgets, set columns, …).

The front-end display is the same as the tabs in Bootstrap framework.

More details about this plugin can be found in this post.

Note: the front-end design is “bare bones”, so only the default Bootstrap CSS is used. So you should style it to your own liking with custom CSS. Maybe we will add some custom skins in the future, but I can’t make any promises.

Screenshots

  • Front-end display of the widget.
  • Front-end display of the widget in the theme Beauty by ProteusThemes.
  • Widget back-end.

Installation

Upload the Tabs Widget for Page Builder plugin to your WordPress site, Activate it, and that’s it.

Once you activate it, the “Tabs Widget for Page Builder” widget will be available in your Page Builder editor.

FAQ

Installation Instructions

Upload the Tabs Widget for Page Builder plugin to your WordPress site, Activate it, and that’s it.

Once you activate it, the “Tabs Widget for Page Builder” widget will be available in your Page Builder editor.

The tabs widget is not working properly?

If for example the first tab always remains active, than this is an indicator that your theme (or another plugin) is using an older version of Twitter Bootstrap. In this plugin we use the Bootstrap version 4.x, so some HTML is different from the older versions (v3.x, v2.x). You can solve this by adding the bellow code to your theme functions.php file:

add_filter( 'pt-tabs/use_older_bootstrap_layout', '__return_true' );

Also make sure that you have the latest version of this Tabs widget plugin.

Reviews

Great Support

The plugin authors are super helpful! They kept up troubleshooting my issue, conflict with child theme, till the problems were solved. The plugin itself is great: intuitive and lucid back end and just looks sharp for the website visitors.

I’d like to thank them again for everything!

A very fine plugin

This plugin seems to be well written and very customizable (through CSS).

Support is top notch, I received help in less than 24hour.

Keep evolving this great plug in, I think you have a winner

Read all 19 reviews

Contributors & Developers

“Tabs Widget for Page Builder” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2.1

8 July 2016

  • Added a filter, that enables older Twitter Bootstrap tabs layout.

1.2.0

8 April 2016

  • Tab settings are now sortable

1.1.2

27 March 2016

  • Improved the the front-end tab ids reg-ex, to remove special characters

1.1.1

25 March 2016

  • Fixed issue with front-end tab ids if the tab titles were not alphanumeric (Cyrillic characters, for example)

1.1.0

20 March 2016

  • tabs widget now also works in WordPress sidebars (not only in Page Builder editor),
  • tabs widget now works inside another tabs widget,
  • front-end IDs now use tab titles (no more random strings)

1.0.0

Release Date – 19 January 2016

  • Initial version of the plugin