WP Beaver Builder – Whitelabel Agency Version

Archive : Whitelabel Agency Version from WP Beaver Builder

Of course all of this functionality does come at a cost. While there is a Beaver Builder Lite version available for free, it offers only a few basic modules, and doesn’t include many core features such as templates and import/export options. However, the lite version is useful for giving this page builder a test run, and seeing if you like how it works.

If you’re planning to use Beaver Builder in earnest, you’ll want to pick up a premium license to get access to the full package. These start at $99 for use on unlimited websites, and one year of support:

This particular tool does require an upfront investment. The initial cost can pay out in saved time and a more effective website over the long term, though, so it’s not a bad deal if it’s within your budget.

How to Get Started with the Beaver Builder

When you’re on the fence about whether or not to pick up a new plugin for your website, the best thing to do is learn everything you can about it. When it comes to page builders, this includes what they look like, how they work, and what options they provide.

With this in mind, let’s take a walk through what it’s like to pick up Beaver Builder, and start using it to create posts and pages. Naturally, this first thing you’ll need to do is install and activate the plugin.

In addition, you’ll want to activate your license key if you purchased the premium version (which we’ll be using in this tutorial). Then, you can get right to work.

Step 1: Access the Beaver Builder Editor

When you install the plugin, you’ll see a new Beaver Builder tab in your dashboard. This is where your custom content will be saved – for example, if you create your own unique templates.

You can also create content with the page builder by going to Beaver Builder > Add New. Alternatively, you can simply go to Pages > Add New (or the equivalent for posts and custom post types). You’ll see a new option:

This means you can either create your content in the default WordPress editor, or in the page builder. Let’s hit the Launch Beaver Builder button:

As you can see, you’ll be taken to an entirely new interface. Here, you can create content and see exactly what it will look like on the page.

Step 2: Select a Starting Template

It’s worth noting that you don’t have to use templates if you don’t want to. You can build your pages and posts entirely from scratch, by adding whatever modules you like. The easiest way to learn is by starting with a template, however, which is what we’ll be demonstrating here.

In the menu on the right side of the editor, select the Templates tab at the top, and you’ll see plenty of options. Simply click on a template or drag it onto the page, and you’ll see the full version:

This provides you with a starting layout, along with placeholder text and images. Fortunately, every element here can be replaced and modified at will, so you can create something unique to your website.

Step 3: Edit Individual Modules

Each individual element in the Beaver Builder editor is a self-contained module. To see what we mean, you can hover over a piece of text, an image, or a feature on your starting template. You’ll see the module outlined in blue, and if you click on it, you’ll see a new menu:

This is the settings box for that module. It contains all the customization options for the selected piece of content. Exactly what it includes, therefore, will depend on the type of content you’re working with.

For example, the Photo module enables you to change which file is used, and add a caption and/or link. You can also switch over to the Style tab to modify the image’s alignment, border, and more:

Most modules also feature an Advanced tab, where you can tweak its margins, make it visible only on certain types of devices, add custom HTML, and so on:

As you can see, customizing your Beaver Builder modules is a cinch. It will take a little experience to get familiar with the options each type of module offers, but once you do, you’ll find yourself adding in your own content in no time.

Step 4: Customize Your Content’s Organization and Layout

Along with making changes to individual modules, you can also customize your page as a whole. One of the ways to do this is by adding and removing modules. To add a module, simply select one from the editor’s main menu, and drag it into place on the page:

On the other hand, you can remove modules by hitting the X that appears when you hover over them. You can also drag modules up and down or side to side, in order to rearrange them at will.

In addition, you’re able to change your page’s overall layout. To see an example of this in action, hover over a module and hit Edit Column > Column Settings:

Here, you can find options pertaining to all modules in the particular column. You can modify the column’s background color and spacing, for example, and even add a border.

Now hover over the page’s background, and select Row Settings in the top-right corner:

You’ll see a similar menu, but this time the options apply to the relevant row of modules. You can set the row to fixed or full width, customize colors, and make many of the same changes you have available with columns.

Finally, select the editor’s main menu again and navigate to the Rows tab:

This is where you can add new rows and columns to your page, enabling you to change its layout dramatically. In addition, this is the first place you’ll want to go if you’re creating a page or post from scratch. You can determine your content’s layout first, then add in modules wherever you like.

Step 5: Expand the Page Builder’s Feature Set (Optional)

It’s worth noting that there are lots of other features and options in Beaver Builder – we’ve only scratched the surface here. However, we’ve walked through the key functionality you’ll need to understand in order to get started. After, the hands-on approach is the best way to learn the ropes.

Before wrapping up, though, we should point out that there are a few ways you can get more out of this particular page builder. First, there’s an official Beaver Builder theme, which you get for free with the top two licensing tiers:

You can use Beaver Builder with whatever theme you like. However, this one is built from the ground up to function alongside the page builder. It provides a basic framework that you can shape into many different types and styles of websites.

There’s also an optional add-on, the Beaver Themer:

With this extra plugin, you can also use Beaver Builder’s drag-and-drop page builder on your site’s headers and footers, archive pages, 404 and search pages, and more. This enables you to design nearly your entire website using the same system.

At $147 it may not fit into every budget, but it’s a useful addition for a website you intend to monetize, or for developers and designers working on multiple sites.

Choosing a page builder for your website is a big commitment. Changing the way you create and design content down the road can cause compatibility issues, so it’s best to start out with a tool you know you’ll be happy to use for the long run.

Fortunately, Beaver Builder is a solid option for both beginners and more advanced users. Plus, it’s easy to get started with as you’ve seen above.

Have you ever used Beaver Builder, and what was your experience like? Share with us in the comments section below!