A Complete Beginner’s Guide to Beaver Builder

So you decided to use Beaver Builder.

Now what? What do you do next?

We just launched 6 FREE Beaver Builder courses. Learn how to use all our products with our easy-to-follow step-by-step video tutorials. Create a free account today!

Beaver Builder is meant to be easy to use but to make things even easier for you, we have created this beginner’s guide to walk you through how you can use Beaver Builder.

Getting Started

First of all, you need to know what Beaver Builder can do. In WordPress, the content area is different from all the other areas like header, footer, and sidebar.

start using beaver builder

The Beaver Builder plugin can be used to create layouts specifically for the content area. Using the Beaver Themer plugin, you can also create layouts in the areas that are outside the content area.

Getting Started with the Beaver Builder Plugin

Beaver Builder will allow you to create intricate layout and designs for the content section of your website. As you are working, you’ll see a WYSIWYG (what you see is what you get) view of the section you are working on, so you do not have to guess how it will appear once you are done. You will see it exactly how it will appear live.

Beaver Builder Page Builder

You have the option of starting from scratch, or you can use one of the layout templates from Beaver Builder. After you have created a new WordPress Page, you just have to click on the Launch Beaver Builder button.

Once you click on that, you will see the editing page. Once there, you can start dragging and customizing the different modules that you want to see on your site.

If you don’t want to start from scratch, then you can click on the tab that says Templates and use one of the existing layouts that are available there. You can modify those existing layouts to suit your needs.

Content Area Layouts

Simply drag the content modules and place them into the layout area. As you add more and more modules, designing will become a bit tricky. It would be best for you to place rows first and then add the content modules inside the rows.

Responsiveness, Global Save, and Use for WordPress Posts

Beaver Builder is designed so that your layouts will look good on tablets and smartphones. You can make further changes to the spacings of the various elements to further improve the responsiveness of your site. Read our in-depth article about how to build a responsive website using Beaver Builder.

You can choose to save the layout that you are working on globally. That means changes you make in one location will be reflected in other locations.

You should remember that, by default, Beaver Builder can only be used for WordPress pages. You can enable it so you can use it to layout individual blog posts.

The Beaver Builder Theme

As mentioned earlier, Beaver Builder will enable you to build and customize the content section of a site. In order for you to make changes to the sections such as the header, footer, and sidebar, you’ll need to use Beaver Themer or make changes to your site’s theme.

Beaver Builder Theme Customizer

This is where the Beaver Builder Theme will make your life easy. It can be customized for the following categories:

  • Header layout and styling
  • Blog archives layout
  • Beaver Builder style settings
  • An area that will allow you to add code to your pages

Header, Footer, and Sidebar

The header and the footer have two areas each. For the header, there is the top bar and the main header. For the footer, there is the main footer area and one for footer widgets.

Beaver Builder Theme UI

By default, the sidebar is not enabled. When you enable it, the sidebar can be made to appear on all the pages of your website. You can add and remove widgets from the sidebar from the widgets section of the WordPress admin panel.

You can set some of the styling defaults for the layouts of your site with the Beaver Builder Theme including:

  • Accent color
  • Background
  • Current year shortcode
  • Headings
  • Lightbox
  • Text

System Requirements

When it comes to content layout building, the supported browsers are the following:

  • Edge
  • Chrome
  • FireFox
  • Safari

Operating systems (iOS and Android) for mid-sized and small devices like iPad are not supported.

For performance and security reasons, we recommend using the latest version of WordPress and the highest version of PHP available on your host.

Coverage of Support

We provide support to all products sold on Old versions of the product are going to be supported until the subscription expires. We will answer general questions, assist configurations for installations, and help with general usage.

The support we provide also covers fixing bugs. We do our best to fix those as soon as they are brought to our attention.

Support is provided through the support ticketing system. The system is secure, and we make sure that all information you provided while requesting support will only be accessible to our support team and you.

While our official support ticketing system should be able to help you with all your concerns, there are thriving Beaver Builder communities on Slack and on Facebook. These are great places to ask general questions, share your work, and meet other Beaver Builder users.

Go Ahead and Create

Those are just some of the things that you should know when getting started with Beaver Builder. We want you to be free from worries about technical matters so you can create the design and the layout that you need for your website.

With Beaver Builder, you can easily build the website that you want on your own. You will not be restrained by the limitations set by WordPress.

Now get to building a beautiful site!


Just like your Netflix account, it's okay to share...

Our Newsletter

Our newsletter is personally written and sent out about once a month. It's not the least bit annoying or spammy. We promise.

Try Beaver Builder Today

Just like your Netflix account, it's okay to share...

Related articles

Beaver Builder Black Friday Week – Cyber Monday Sale! (2022)

Hello, we’re excited to announce our Black Friday Week – Cyber Monday Sale for 2022! This is the only time…

Autumn Update - Courses, Camps, and Community

Autumn Update – New courses, WordCamps, and Community!

Hey all! Hope you’re having a great kick-off to the holiday season. Here in California, leaves are changing color and…

How to create a Mega Menu using Beaver Builder

How to Create a Mega Menu Using Beaver Builder (2 Ways)

Wondering how to help visitors navigate your website with ease? Some sites use excessive dropdown menus, which isn’t ideal for…


Join the community

We're here for you

There's a thriving community of builders and we'd love for you to join us. Come by and show off a project, network, or ask a question.