Powered by LUIT.nl - Constant beta
peterluit_vrijstaand

Your first steps in Beaver Builder and how to stay tuned

Your first steps in Beaver Builder and how to stay tuned

In the past few months the Beaver Builder community experienced an overwhelming amount of tools, tutorials and developments. Even trying to streamline it a bit is nearly impossible, because of the increasing amount of developers each wit their own ideas and roadmaps.

• please use a laptop to have maximum comfort around demo examples

In this article we would like to try to bring some structure in what is on the market right now. We won’t discuss the ‘free versus paid’ debate. If you are in any commercial environment, all paid ‘stuff’ will pay your expenses, since you can speed up your development time enormously.

Beaver Builder

beaver-builder-logo-150x150Of course everything starts with Beaver Builder. Although a little hard to understand their productline when you arrive in this ‘arena’ for the first time.

  • Standard (basicly ‘just’ the plugin) $99
  • Pro (the plugin and the theme and multisite enabled) $199
  • Agency (al of the above and white label) $399

If you want to try the free version of the plugin (with limited modules), you can download it from the WordPress repository.

Beaver Builder Designers Video from Beaver Builder on Vimeo.

How to start

Just try thinking of a page as a blank piece of paper, don’t think in sidebars anymore. Think in rows and columns. Every row can contain one or more columns blocks, in which one can place any kind of content by choosing modules. First build up your experience with the base of Beaver Builder plugin (free or paid) and after that start exploring modules from third party developers.

Moving object syndrome

Although many modules could move and jump around in any way you would like, please keep in mind that communicating with your target audience does not automatically improve by ‘moving objects’. Use it where it adds value to the way you need to communicate.

Addons

beaver-builder-ultimate-add-ons-150x150Plugins and addons have (in many cases) the same technical structure. In other words addons install like plugins and need to be activated. Beaver Builder plugin (all versions) contain so called modules. They are all ‘wrapped’ in the plugin and can be accessed through the user-interface of the Beaver Builder plugin, by clicking ‘Page Builder’ from the top admin bar.

beaverlodge-logo-150x150At the moment of writing there are three major developers who developed various modules which can be added (addons) within the Beaver Builder structure. Although we tried to convince these developers to make modules available as seperate plugins (keep it small, fast and you upload just what you need extra above Beaver Builder itself), only BeaverLodgeHQ seemed to listen to that need of the market, although that product (called ‘Basic’) is not available yet. The other productnames are ‘Ultimate’ and ‘Premium’. Ultimate might be a bit confusing, because there is also a developer calling their addon plugin Ultimate Addons for Beaver Builder.

beaveraddons-logo-150x150So to summarize the three most ‘visible’ addon ‘families’:

 

Demos

BeaverLodgeHQ is a small start-up company. Very innovative solution(s) and willing to play a role in making a stable BB eco-system with seperate plugins compared to the bundled versions of the others. As a start-up BeaverLodgeHQ had some capacity challenges.

The PowerPack team is a growing company with about 4-5 employees and stepping into the BB market with ambitions. Great contributors to the community. Their focus is (also) to please individual requests, which makes the development roadmap a little less strategic.

UABB comes from the developers of the add-ons for Visual Composer. That experience had brought them to a stable development cycle for Beaver Builder as well. Company size is about 40 employees and also serves a great community base.

Maybe less well known but potentionally interesting developments from:

Choosing one of those is kind of ‘learning by doing’. Most of the offer a good demo-environment, so that you can decide what you need.

Do you need all of them at once?

No, there are different roadmaps possible, which will fill all possible needs within the Beaver Builder structure. It is even possible to add addons to the free version of the Beaver Builder Plugin. If you are not yet very experienced in using the Beaver Builder plugin, wait a while and start building your first couple of websites first. Once you learn the modules you might discover what you would like to add in either creativ modules or specific application modules. Look carefully at the various pricing packages before buying one. If you are sure about using some modules from one of the above developers for various commercial projects, you might consider buying one of the ‘lifetime’ packages.

Structure

As we alreay mentioned, at this moment it is not easy to define one structure in using modules. With 3 developers at this moment of writing it is ‘kind of OK’. However choosing modules is still kind of unstructured and basically just one column of all modules under each other, ‘overlapping’ a part of the righ-hand side of the page you are working in. We would prefer using the standard WordPress admin bar for selecting modules in a more hierarchical way.

You can switch on/of modules in the main Beaver Builder settings which could eliminate the ‘kind of unstructured’ way of displaying modules.

Templates, rows, modules

Besides addons there are a growing number of plugins which also add functionallity to Beaver Builder, but not as integrated modules. Some are to be used with the plugin, other are to be used with the Beaver Builder theme (Pro package from Beaver Builder).

Another important component of the Beaver Builder structure are so called ‘templates’. Beaver Builder comes with a set of wide range creative templates, which can used directly in your webdesign. But added to that feature is the possibility to save your own created design (either a complete page design or any combination of row(s)/module(s) into a template). The templates can be exported to any other Beaver Build based websites for further use. To use this feature switch on ‘templates’ in ‘Settings’ > ‘Page Builder’ > ‘Templates’.

You can save complete templates, seperate rows or sperate modules. But in the Beaver Builder system they are all stored in the dashboard under the ‘button’ ‘Templates’.

Conditionals

beaver-tunnels-logo-150x150One special feature has been devloped by Beaver Tunnels. Webdevelopers who know about hooks (actions, filters) know the importance of being able to conditionally ‘do something’ in this case placing content on any location on the page.

With Beaver Tunnels you can determine the placement of any template/row/module by selecting the page(s), post(s), template(s), taxonomies or user status.

This is a very powerful feature, especially for those used to Genesis and possibly the Genesis/Dynamik combination.

Kind of ‘in between’

There are still many things on various wishlists. It is impossible to describe them all, but some of them are worth mentioning, since specific wishes have (until now) been developed via some plugins. It is however possible that these requests will be build in next version of the BEaver Builder core.

The first plugin we like to mention is BBPlugin – Header Footer Templates from J7 Digital. That plugin extends the Customizer of the Beaver Builder theme. The Beaver Builder plugin normally is ‘just’ a pagebuilder, so basically it does not do anything with the header and the footer.

This plugin gives the possibility to use templates ‘around’ the header and the footer through the use of hooks. Another tab ‘Header Footer Templates’ will be added to the customizer. For the header any template can be placed at the following hooks:

      • Before Top Bar
      • Before Header
      • Before Content

For the footer the following hookable locations:

    • New Footer Above the Default
    • New Footer Below the Default
    • Nested just Above Default Footer
    • Nested just Below Default Footer

The rest

Well, there is so much more and even so much more to come. We conclude this first overview wit a couple of possible interesting developments:

Resources

In the mean time a lot of wonderful resources, tutorials and video have been made by:

Check out the following facebook groups:

In case you think we forgot something, please e-mail us and we will add your resource to this blogpost.

4 Comments

  1. David Waumsley on July 25, 2016 at 17:59

    Wow, Peter that is a mega post. I’m scratching my head how your iframe of Beaver Builder gives us a working demo.

    You may have to hope too many people don’t see this or you could find yourself with a full time job trying to advise folks of their best options. Overwhelming at times.

    Thanks so much for the mention 🙂

    • Peter Luit on July 25, 2016 at 18:50

      Thanks David, it indeed almost looks like a fulltime job…… But after this summer periode, I juist have to continue my ‘normal’ work.

      Peter

  2. Puneet Sahalot on July 28, 2016 at 15:19

    Hi Peter,

    Thanks for mentioning PowerPack in your post. It’s wonderful to see all that you are doing in the Beaver Builder community.

    Regards,
    Puneet S.

    • Peter Luit on July 28, 2016 at 15:22

      Thanks Puneet for your reaction!

      Peter

Leave a Comment