Creating Tabs Layout With Beaver Builder Pro

Importing The BB Templates

At first I am importing the demo content. Later you can edit the content with live data. Here is the procedure:

1. Download this zip file and extract it on your machine. You will get two XML files. You will import them on your site.
2. Login to Dashboard
3. Navigate to Tools -> Import page
4. If you did not install the WordPress Importer plugin, click on the Install Now link. Otherwise leave this step.
5. Click on Run Importer link
6. Click on Choose File button
7. Select the XML file
8. Click on Upload File and Import button
9. Follow the steps 3 – 8 for 2nd XML file

Now you will get two new Beaver Builder templates at Dashboard -> Beaver Builder -> Templates page.

Creating The Tabs Page With BB Pro Plugin

Please see the video at below for settings. Content of the right side column is coming from the Right Column Content beaver builder template. You will edit the content from Dashboard -> Beaver Builder -> Templates page.

Now refresh the page and you will get your tabs layout. You can delete the Left Menu, Right Content Beaver Builder template. It is not require. But you will not delete the Right Column Content beaver builder template. If you do it, you will loss the right side content on your page.