Learning more

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.

Blank page wizard

Blank page interface introduced in 7.0 update

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.

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.

WPBakery AI

Since 7.2

WPBakery SEO

Since 7.4

Module manager

Since 7.7

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.

Copy/Paste

Since 7.1

Typography

Since 8.0

Element design options

Since 4.1

Responsive settings

Since 4.3

Templates

Templates allow you to save predefined sets of elements as a template and then reuse it when you'll need it next time. By using templates you will be able to save tons of time in case you need to create a specific layout on and on – all you have to do is create your layout and save it, after that, you will be able to reuse it whenever you need it.