My First Impressions of Beaver Builder

beaver-builder-logo

The other night I was working on a client’s WordPress website, fighting with a legacy page builder, that will go unnamed for now.  After an hour or so of battling with the hot mess of generated code that got spit out erroneously because something somewhere got “randomly updated”, I finally through up my hands and said, quite literally out loud, there has got to be a better solution!  So I did what any self respecting web developer would do, I had a nice quick Q&A session with google.

In searching I came across 5 Best Drag and Drop WordPress Page Builders Compared from the awesome folks over at WP Beginner.

It turns out after reading through the article I had used all of the page builders discussed except for one, Beaver Builder The author’s review of Beaver Builder was excellent but, knowing better than to trust a one-off article based on a single person’s opinion, I ventured down to the comments section to see what my fellow readers were saying.

As I scrolled, I came across comment after comment mentioning how just good of a page builder Beaver Builder was, with most going as far to say its the best one by far. So alright, my interest was definitely peaked at this point.

I pulled up Beaver Builder’s website https://www.wpbeaverbuilder.com/ to see what this WordPress page builder was really all about. The first thing I noticed was the “Try the Demo” button. I’m definitely a sucker for demoing new shiny software, so I followed the link through to their demo portal.

WordPress_Page_Builder_Plugin___Beaver_Builder

When you first enter you’re greeted with a pop-up box asking if you’d like a guided tour. Well I’m a little impatient at times and after reading all of the great things about Beaver Builder I wanted to dive right in, so naturally I chose to skip the tour.

beaver-builder-demo-intro

They present you with a page/template already put together. This greatly eased the initial jump-in as I was able to hover over and click my way around the different components on the page to get a good feel for how things work.

The UI is pretty darn intuitive. After browsing around what was already given to me in the template, I decided to try my hand at adding a module (as Beaver Builder refers to them) myself. I clicked the “Add Content” button in the top right nav bar and was presented with a right side-nav. This, I quickly found out is where all the magic happens. Beaver Builder presents you with an array of varying modules to add to your page including the basics like a heading, or a photo and more advanced options like recent posts, widgets and much more.

I started out by adding a row with 3 columns. In Beaver Builder you drag the module you want to insert onto the page, where the UI nicely adjusts to accommodate the new element accordingly. So with around 3 clicks and a drag and drop I had a 3 column grid inside a row on my shiny new page.

southbrick-media-beaver-builder-3-min

Well that was easy enough, I thought to myself, let’s keep going. I decided to keep it simple for my first test drive, so I chose to add a text editor, pretty much a lightly scaled down version of the one you get when add/editing a page or post traditionally from within WordPress. I typed a for “lorem ipsums” hit save and lo and behold there was my jibberish content nicely aligned and centered on the page with adequate margins and padding (side-note: the margins and padding are easily editable from within the module’s settings, amongst other settings, but Ill save the details of that for another post!).

southbrick-media-beaver-builder-4-min

But wait! I thought. What about mobile? Surely Beaver Builder wouldn’t have created such software without taking into account the whole responsive development thing. And I was right! Sure enough, as I grabbed the corner of my browser window to shrink it down to a more mobile screen size, the elements in the page began to stack and fold under one another like some kind of well choreographed Tetris game.

 southbrick-media-beaver-builder-7-min

To say I was impressed at this point would be an understatement. I sat back and thought about what I had just accomplished in the time frame of say… 4 minutes. Amazing! As an experienced web developer I knew all too well the difficulties of working with drag and drop editors especially within WordPress. I’m also a very hard sell on paid plugins, but for this experience I actually shelled out the $200 for the Beaver Builder plugin and its associated Templates.

southbrick-media-beaver-builder-6-min

I’ve been working on 3 other sites over the past couple days using Beaver Builder and I have to say it has been an absolute pleasure to work with.

I am not an affiliate of Beaver Builder nor do I get any type of commission or kickback from it’s sales. I’m just one developer who felt compelled enough to share an unbiased, honest first impression review of a piece of software I am growing increasingly fond of.

I hope this finds other web developers well and can aid them in their journey through the web cosmos!

Submit a Comment

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