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.

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.

Screenshots

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

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

Thanks!

By FrankEck on July 6, 2018

It works, great plugin! Thank you! 🙂

It saved the day! Great job!

By zahra62 on September 29, 2017

Great job!

Great Support

By bigwavemaui on September 8, 2017

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!

Great plugin

By gcasalett on August 2, 2017

Works perfectly, and support is surprisingly responsive. Thanks a lot!

Doesn't Work with WP 4.7.3

By g.blackwell on March 19, 2017

Does not work with latest version (4.7.3) of WordPress.

A very fine plugin

By fredthesam on March 12, 2017

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

Excellent support and great plugin!

By ocoto on February 13, 2017

I had two issues with a specific template and @capuderg resolved both of them. Thanks a lot! Awesome plugin and support!

Awesome Plugin

By tiwastudio on November 22, 2016

Hi I'm a theme developer. This plugin helps save my time integrating SiteOrigin Widget Framework and Bootstrap Tabs. Besides it's easy to use and works great with my theme Thanks for your awesome work 🙂

Works Well with SiteOrigin

By mickeymouseathletics on October 19, 2016

Awesome Plugin, looks good and works well within the SiteOrigin Page Builder via widget It does lack two features that I believe would increase the plugins popularity. (1) This plugin doesn't let you anchor to the tab titles/headings, I had to download an additional plugin for that function. (2) More of an idea, not so much a comment, it would be great to be able to duplicate tabs. The Page Builder has this option for its layouts so maybe use their code as a reference. Other then that, five stars. Great plugin.

Probably the best Tab Widget for SiteOrigin PageBuilder

By jonathanwaters on October 11, 2016

I have looked at all the free Tab Widgets for page builder I could find, and this was by far the best! Firstly, it is so simple. It has no additional options menu that you have to navigate to, and it integrates seamlessly with PageBuilder and drops straight into their Widgets bundle. Secondly, and most importantly, once you drop the widget into a page it then allows you to drop any further widgets you want into the tab! The support is great, and the developer responds quickly and positively to any queries. I couldn't recommend this widget further!

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