Beaver Themer Add-On Plugin - Use Beaver Themer To Customize Every Part Of Your Site! Try It Today!

A Complete Beginner’s Guide to Beaver Builder

So you decided to use Beaver Builder.

Now what? What do you do next?

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 on 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.

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 www.wpbeaverbuilder.com. 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...

5 Comments

  1. Tracy Drake on April 22, 2019 at 12:21 pm

    How do I contact Beaver Builder support to transfer account ownership from a 3rd party agency to in-house now that we are managing our own website? I would like to make a smooth transition from their account to us setting up a new account. I just don’t know who to reach out to for help on doing this?

    • Anthony Tran on April 23, 2019 at 7:10 am

      Hi Tracy, you can reach support here: https://www.wpbeaverbuilder.com/beaver-builder-support/

    • Andrew on May 16, 2019 at 9:35 am

      If you already have purchased BB and have your own license you should just be able to jump into BB’s settings, deactivate the current agency’s license then add/activate your own.

  2. mdancingwaters on April 30, 2019 at 3:13 pm

    Very Newbie to all of this. Graphic designer. Never built a web page before but have great designs I wish to create. I researched and chose to purchase Beaver Builder Pro and Beaver Themer. Have watched countless videos, still don’t get it. For one thing, when I am in Themer, the dashboard does not have on my site what I see in the videos. Also, Do I build the site with Builder and then add theme? I am lost. With the theme I can change colors but can’t move anything around except the menu order of pages. it looks more like a simple blog page than a webpage.

    • Robby McCullough on May 7, 2019 at 11:24 am

      Sorry you’re having trouble. Attempting to learn WordPress and Beaver Builder all at the same time can be a bit daunting. You might want to research some videos on how to set your WordPress homepage and navigation menus. This functionality comes from WordPress, not Beaver Builder. Then, you can use Beaver Builder to design your site’s pages.

Leave a Comment