WPBakery Page Builder

WPBakery Page Builder is one of the most popular drag’n’drop visual editors for building pages, posts etc. in WordPress. If you are not familiar with WPBakery Page Builder, we would recommend to take a look at following videos:

Getting Started with WPBakery Page Builder

Drag’n’drop explained

Cloning elements

Rows & Columns

Create & Re-use Templates

Following this link https://vc.wpbakery.com/video-tutorials/ you can find more useful video tutorialson WPBakery Page Builder.

Also, check the complete WPBakery Page Builder documentation.

Note: WPBakery Page Builder bundled with TheGem is optimized for TheGem, so all content elements and shortcodes you have here are TheGem-related. All TheGem elements you

will find in tab „TheGem“ in WPBakery Page Builder :

By default, WPBakery Page Builder  is enabled for Pages, Portfolio, Products, Posts; however you can also enable it for other post types, if you need it. To do this go to “WPBakery Page Builder ” and make your selection.

To start creating new page layout you can choose wether to do it in  backend or in frontend editor. We recommend to use Frontend Editor, because it is a real “What You See Is What You Get” way to build your pages. Click on “Front End Editor”

and you will be switched to WPBakery Page Builder  Frontend Editor:

Here you might want to begin with adding a new content element by clicking on “Add element”. After that the overview of all content elements will be displayed.

You can begin with adding a new content row in your page; choose “Row”. You will be switched to your page with added row element. Now you can edit its properties like for example number of columns and layout.

In this way you can add and edit all other elements; you can combine them with each other and drag-n-drop them.