WordPress Tabs for SiteOrigin Builder

SiteOrigin is one of the most popular WordPress visual editor. This tutorial will guide you how to add a WordPress Tabs for SiteOrigin Builder.

A created WordPress Tabs is as follows (this page is not created with SiteOrigin Builder, but it will have the same effect). You can view more examples: WordPress Tabs Examples.

There are 2 steps in this tutorial:

  • Step 1 - Install Wonder Tabs and Create a WordPress Tabs
  • Step 2 - Add the created Tabs shortcode to SiteOrigin Builder

Step 1 - Install Wonder Tabs and Create a WordPress Tabs

You can view the following quick start tutorial for how to install Wonder Tabs and create a WordPress Tabs: WordPress Tabs Quick Start Tutorial.

You can also view the YouTube quick start video:

wordpress-tabs-youtube

Step 2 - Add the created Tabs shortcode to SiteOrigin Builder

After you create a WordPress Tabs, the plugin will provide the Tabs shortcode.

wordpress-tabs-shortcode

To add the tabs to SiteOrigin Page Builder, in the page builder, click the button "Add Widget", then add a Text widget. In the Text widget editor, add the WordPress tabs shortcode.

siteorigin-text

wordpress-tabs-siteorigin-text