WPBakery Page Builder is very easy and doesn’t really need much explanation, have a look at the screenshots below for a quick guide. You can also check the more comprehensive WPBakery Page Builder guide.
Create your own Layout
You can create your own Layout, by adding Elements on the page:
1. Click on Add Element button.
2. Select the elements you want to use from the popup window. Repeat step 1 to add other Elements.
3. To edit the Rows, hover the second icon from below:
4. To edit the Element, hover on it and click on the pen icon:
3.2 Reendex Theme WPBakery Page Builder Elements
First, decide if you would like to use the Backend or Frontend editor and click the related button.
The backend editor includes easy to use options to add page elements or select page templates.
The frontend editor includes all of the same page building options as the backend. The only difference is that you can see the actual page elements as you insert them.
Hover on a page element and click on the “pen” icon to edit the element.
In the popup window, set the element properties as you wish.
How to create Sticky Modules in WPBakery Page Builder
1. Add sticky-module class to column, in Extra Class Name section.
2. Add visible class to row, in Extra Class Name section.
3.3 How To Add Categories
In some of Reendex Theme elements, you’ll have to enter in the categories that you would like to feature in different sections of functionality.
To add the category / categories, navigate to element editor and type the name of category you’d like to add to the element, in the top “Include Category / Categories” field. You can enter multiple categories:
3.4 How To Locate Category IDs for Video elements
In Reendex Theme’s Video elements, you’ll have to enter in the IDs of categories that you would like to feature in module.
To find the ID of a category, first you’ll need to navigate to your categories listing page in the WordPress admin by going to Video > Video Categories. Once you have arrived at this page, you’ll see a list of your categories like so:
The simpler method of this procedure would be to simply hover over the link of the category that you’re interested in getting the ID from (e.g. Car News, Reviews and Auto Shows from the above image). Doing so should display the URL of this page in the lower left corner of your browser window. This will look a little different in each browser, but in Firefox it will look something like this:
The thing to to take note of in this particular URL is the value of the tag_ID query string. Note that for this example the value is 489, which is the ID for this category. If you’re having trouble locating the URL in the lower left corner of your browser, click on the link to the category edit screen of the category that you want to get the ID from in WordPress. Once you’re on the category edit screen for that category, look up at the address bar in your browser and you should see something like the following:
Note that we’re still looking for the same tag_ID query string and the value associated with it, which in this case is still 489. That’s all there is to it, simply take note of this value and use it where needed in the theme, for example in the following Reendex – Video Project WPBakery Page Builder element:
3.5 How to update WPBakery Page Builder plugin
Reendex theme includes a license for this plugin so you don’t have to buy it. Also, you don’t have to worry about the plugin update warnings, as we provide updates on a regular basis. After we test the plugin for theme compatibility, we include it in the latest theme update, inside the plugins folder.
1. From Plugins tab, deactivate and delete the WPBakery Page Builder plugin.
2. Go to Plugins tab > Add New and press the Upload Plugin button
3. Press the Browse button, select Reendex Theme/reendex/inc/plugins/js_composer.zip file and press Open, then press the Install Now button.
4. Activate the plugin. Your WPBakery Page Builder is now up to date.