Home » Sonic Themes Blog

WPBakery Page Builder Tutorial For Beginners

This article introduces WPBakery Page Builder which you can use to build any page fast and easy using Unlimited layouts for your website.

wpbakery page builder tutorial for beginners
WPBakery Page Builder Tutorial For Beginners

Have you ever thought about how much time you have wasted whenever you code a layout? So to solve this issue here we are introducing the most popular WordPress page builder plugin that will just make your work so easy. Therefore in this wpbakery page builder tutorial wordpress and a beginners guide, we will dig deeper to understand everything about wpbakery page builder. 

With a ton of plan components, additional items, functionalities like responsive controls, padding adjustment, export/import options, and etc. WPbakery is one of the best website builders and has everything in it to control an undeniable website. Yet, the real revolution began with the WordPress page builder, an amazing expansion to WordPress that transformed designing into a more visual strategy.

Also, to better understand about wpbakery page builder and why you ought to utilize it rather than the wide range of various page-builder plugins accessible today. Read this wordpress wpbakery tutorial blog till the end to learn what WPBakery Page Builder actually is and how it can be utilized.

What is WPBakery Page Builder?

WPBakery page builder is a plugin for wordpress which takes full control of your site. It helps you to build a stunning site layout you can imagine with a built-in drag and drop builder. WP Page Builder Plugin is compatible with pretty much every advanced WordPress theme, and you needn’t bother with any programming abilities to have the option to utilize it. Indeed, while using it, you will not need to type in any shortcodes. There are many ready-made page layouts already there inside the wpbakery page builder you just need to pick the right one to set up your layout.

Each website design should be extraordinary. With WPBakery Page Builder, you can start exploring and can work with any WordPress theme of your choice. The main part of this plugin is there are many different categories available and most of them are completely free. With WPBakery wordpress you can plan just the content zone of your page. It works impeccably with any theme that you pick, and permits easy use of its drag and drop builder to help you fabricate your WordPress pages. This plugin is incredibly superb and fast that you can get your website ready in minutes.

How to Install WPBakery Page Builder Plugin for WordPress?

To install the WPBakery Page Builder plugin actually doesn’t vary from some other plugin installation instead you might be already familiar with the process. If not, if it’s not too much trouble, adhere to guidelines as shown below. 

  • To install the wordpress bakery plugin you first need to login into your admin panel.
  • Go to Plugins and click “Add New”.
  • Browse the “Wpbakery Plugin” that you want to install.
  • Click the “Install Now” button.
  • Click the “Activate Plugin” button.

Now, the WordPress WPBakery page builder plugin is accessible for your posts and pages and you can also use the same for the other posts as well. To do as such, navigate to WPBakery Page Builder and click Role Manager then select post type. On selecting the custom option you can mark up all the checkboxes to use the WPBakery Page Builder plugin to alter your site content.

How to Use WPBakery Page Builder in WordPress?

As discussed above, WPBakery is a plugin, and using WPBakery page builder tutorial WordPress you can set up and customize the layout of your site more beautifully. Well, it’s amongst the best website builders, you don’t need to worry about coding instead you actually can build and set up the layout of your site by just using simple drag and drop and many more features.

Create a New Page

To create a page you need to login to your admin panel then navigate to the dashboard and then select Page and click add a new option. As shown in the figure below.

add a new page in wpbakery
Add a New Page in WPBakery Page Builder. Source: WordPress

Adding a Title 

Enter a title and start editing or edit with wpbakery page builder, and wpbakery gives you two options i.e. backend editor and frontend editor. Using the Backend editor you can edit it from the backend interface similarly using the frontend editor you can edit it from the frontend interface.

add a title in wpbakery
Add a Title in WPBakery Page Builder. Source: WordPress

Depending on whether you want to start adding content from the frontend or backend.

Adding Elements

Choose Add Elements to start adding premade layouts to your new page.

add elements in page
Add Elements in Page. Source: WordPress

Choose elements that you want to add to your new page. Just click on the element that you want to add and start editing them.

choose elements to add
Choose Elements to Add in WordPress Page. Source: WordPress

WPBakery Page Builder offers every one of the controls you need to work with content components – add, alter, copy, eliminate or make presets for your components at whatever point you wish with a single click. Furthermore, with the keen Role Manager that is remembered for our page manufacturer, you can handle access and choices accessible to various client jobs inside your WordPress site. Control your WordPress site format more than ever.

Adding Content

Now that you have created a page and you wish to add content so to do that you can add a text block by clicking on the plus icon or else by adding a new element and select a text block as shown in the figure.

add text block in wpbakery
Add Text Block in WordPress Page. Source: WordPress
add text block and edit
Add Text Block and Edit in Wpbakery Page Builder. Source: WordPress

Once you’ve finished your progressions don’t forget to hit ‘save’ to refresh the component.

Uploading an Image

Another most common feature that you use regularly i.e uploading an image in the post. It’s just simple to upload an image using wpbakery page builder. Click on the plus icon to add a new image from the elements shown below.

upload an image
Upload an Image in Wpbakery Page Builder. Source: WordPress

You’ll at that point be coordinated to the media library for your site. Here you’ll have the option to choose from a current picture that has effectively been transferred. Or on the other hand you can relocate another picture into your media library from an organizer in your work area.

upload image from media library
Upload Image from Media Library. Source: WordPress

Once you have uploaded an image make sure to name the images that are relevant to the title of the theme. You can name it by just clicking on the image and type the name in the alt text.

add image
Add Image in Wpbakery. Source: WordPress

Now that you have uploaded an image so to keep full size full in your page type “full” and after that make sure to click the save button to save your changes.

Duplicate a Row

Wpbakery’s incredible feature is to duplicate the row or any element you want to edit. These wpbakery copy row to another page help you in many ways like if you wish to work on any element or re-edit your content you can do it simply. To duplicate the element follow the image shown below.

duplicate a row in wpbakery
Duplicate a Row in Wpbakery Page Builder. Source: WordPress

This component is especially valuable for rehashing spacer holes or text squares or pictures, that you may have to invest some energy arranging.

Adding Video in WPBakery Page Builder

You can also embed wpbakery video gallery or an external video content by just pasting links and such from Vimeo, Youtube, wave video, and more to your site. This embedding video link cannot affect your site loading speed. Now it’s easy to embed video content to your site by using WPBakery.

add a video element
Add a Video Element in Wpbakery. Source: WordPress

Click on the element and then copy-paste the video link that you want to embed within your content. You can pass the link as shown in the mentioned image.

add a video link
Add a Video Link. Source: WordPress

Adding a Contact Form in WPBakery Page Builder

As you start building your business website you might be required a contact form to embed so this is the level-up page builder. You can embed the contact form directly from here instead of using the WordPress plugin. It’s easy to use by just selecting the contact form element from the library.

add a contact form
Add a Contact Form in Wpbakery. Source: WordPress

You can directly embed the contact form from the drop-down menu and make sure to save changes.

select contact form in Wpbakery
Select Contact Form in Wpbakery. Source: WordPress

FAQ

Is WPBakery Page Builder free?

WPBakery Page Builder is completely free to access the template library and you can use it with your wordpress website and there is no download limit. If there is any issue like wpbakery page builder not working then you can contact the WPBakery support portal.

Is Visual Composer and WPBakery the same?

The actual difference between these two plugins is that Visual Composer Website Builder is only used for assembling a website whereas WPBakery is used for content.

How to add shortcode in wpbakery page builder?

To add a shortcode you need to click on the + icon and add elements and add a text block. Now, Click “Update” to save your changes. Now you can insert shortcuts into a text widget as well as the content.

How to activate wpbakery page builder free?

  • Go to “WPBakery Page Builder” then go to Product License.
  • Click “Activate WPBakery Page Builder”
  • Now, you will be redirected to WPBakery help center– support.wpbakery.com.
  • Log in to the WPBakery help center and go to your WPBakery account.
  • Go to the menu then from the drop-down license you wish to activate.

How to check WPBakery page builder working or not?

If WPBakery page builder not working then go to the admin panel of WPBakery and then click role Manager. Now scroll down to the bottom and save the setting. Now go to page or post to check whether the wpbakery page builder working or not.

Conclusion- WPBakery Page Builder Tutorial WordPress

Using WPBakery Page Builder you have the ability to make any website without being stressed or worried about writing a single of coding and responsiveness. We have covered everything that you are required to build the content of the site. Now you’ll have a clear understanding of all the functions of wpbakery page builder that help you build the content of your site with ease. Wpbakery page builder assists you to create a layout in seconds and its simple drag and drop feature will allow you to utilize its blocks, ultimate addons for wpbakery page builder, and designs to move and oversee them across any page. 

We hope this article, wordpress wpbakery tutorial helped you understand the wpbakery wordpress page builder plugins. You may also want to see our guide on how to use the Gutenberg editor. However, if there is any particular element or point that you’d like us to discuss wordpress related posts then do let us know. Our blog is filled with other useful guides on how to make a website from scratch.

If you find this post helpful then feel free to share it and if you need any help in updating your wordpress website then don’t hesitate to get in touch with us. 
In the event that you liked this article, if it’s not too much trouble, then please subscribe to our YouTube Channel to get to know about WordPress themes and WordPress video tutorials. You can also find and connect with us on Twitter and Facebook.

Leave a comment

Your email address will not be published. Required fields are marked *