Overview
After installing and enabling WPBakery Page Builder plugin you can start creating your layouts right away. In this section, you will learn all necessary skills and find valuable information for becoming an expert in WPBakery Page Builder. Soon enough you will realize (if you haven't already) that WPBakery Page Builder is amazingly easy to use and it brings your 'web design' and 'content management' skills to the brand new level.
Basic concept
There's one concept/design pattern you should know – in the WPBakery Page Builder editor mode, you'll have "Add element" button, which you should click or drag to the working canvas, to add a content block or row to your page. If you are adding row element to your page pay attention that it will automatically add column element within the row. You can later add more columns within the row and change their behavior. Read more about rows and columns in Elements section.
Content elements
This is a list of 40+ available content elements that can be placed on the working canvas or inside of the columns. Think of them as bricks. With those bricks, you are building your layout. Most of the content elements have options to set them click pencil icon. To save changes click save button.
Element design options
Since 4.1
Responsive settings
Since 4.3
Copy/Paste
Since 7.1
Blank page wizard
Blank page interface introduced in 7.0 update
Custom CSS
WPBakery Page Builder offers several ways for users to interact with CSS:
Custom JS
Unleash your coding prowess with WPBakery Page Builder's new Custom JS feature. This is a powerful feature that empowers you to customize your website javascript like never before.
WPBakery Page Builder settings
General Settings of WPBakery Page Builder can be accessed from your WP Admin Panel -> WPBakery Page Builder and allows editing of WPBakery Page Builder configuration.
Keyboard shortcuts
Since 8.6