When organising a brand new web site, it’s unattainable not to think about WordPress. It’s endlessly customizable, easy-to-use, and better of all: free. But as soon as that recent set up is able to go, what’s one of the best ways to start out laying out your content material? While WordPress comes with a normal editor, oftentimes designers want extra flexibility and management over web page content material – and that’s the place Beaver Builder is available in!
Beaver Builder is a WordPress web page builder plugin that’s full of helpful options and almost infinite customization choices. Without additional ado, let’s dive into among the most helpful options Beaver Builder presents.
Beaver Builder Key Features
Drag-and-drop Editing
First and foremost, Beaver Builder is a drag-and-drop visible editor. It makes use of a system of rows and columns to prepare what it calls modules (suppose textual content block, picture, headings, and so forth.) By dragging and dropping your modules into your content material space, you have got a significantly better sense of how your web page will really look as soon as revealed. This makes it one of the vital accessible and easy-to-use web page builders. There’s additionally a preview mode that lets you precisely view your web page as if it had been stay.
Templates
Another helpful characteristic of Beaver Builder is web page templates. Templates let you save whole web page layouts for future use. For instance, wish to redesign your house web page however wish to maintain the present one simply in case? No drawback, it can save you it as a template that may be pulled any time. In addition to letting you create your individual templates, Beaver Builder comes with its personal pattern templates for issues like touchdown pages, about us pages, and extra. These can be utilized as-is or offer you a fantastic base to start out constructing your individual pages from.
Page-level CSS and Javascript
Continuing the theme of final customization, Beaver Builder additionally lets you add page-level CSS and Javascript. This actually is useful when you have got page-specific code edits you must make with out affecting the remainder of your web site.
Responsive Editing
With the big quantity of internet site visitors coming from cell gadgets, the cell model of an internet site is simply as vital because the desktop model, if no more so. Thankfully Beaver Builder takes this under consideration with options designed round responsive design. Included is a responsive modifying mode that lets you preview and edit your web page structure at pill and telephone display sizes. You even have the choice to cover rows and columns on cell, and even show a totally completely different row primarily based on the consumer’s display measurement.
Global Rows and Saved Modules
One of probably the most helpful options Beaver Builder presents is the choices to avoid wasting rows, columns, or modules as “global”. This means they’re saved right into a library the place you may drag them in anytime. Additionally, this implies you solely need to replace them in a single place and they’ll robotically replace throughout the location. This is most helpful for rows like a footer or pricing info, which you’d at all times wish to stay constant throughout your web site.
Import/Export Functionality
Need to maneuver templates, saved rows, or saved modules between websites? No drawback! Beaver Builder has an import and export characteristic that makes it simple to maneuver saved layouts between websites. This is excellent for transferring layouts between staging and manufacturing, or from web site to web site.
Custom Post Types
Aside from being appropriate together with your content material pages, Beaver Builder can be used on any customized submit kind, supplying you with the final word flexibility throughout your web site. This additionally contains weblog posts, permitting you to customise each nook of your web site.
Extendable Functionality
If the modules included with Beaver Builder don’t meet all of your wants, there are many useful extensions to assist prolong Beaver Builder’s performance. For instance, Ultimate Addons for Beaver Builder provides modules like data containers, modal popups, pricing containers, and much more web page templates so that you can select from. Running restricted time promotions? Timed Content for Beaver Builder enables you to arrange an expiration date on your content material. If you want it, the extension is almost definitely on the market.
Getting Started with Beaver Builder
Ready to present it a strive? To get began, merely download the free plugin. Once activated, you need to see the choice to make use of Beaver Builder in your pages as a substitute of the usual editor. When you open up a web page inside the editor, you’ll wish to begin by laying out some rows and columns. In the toolbar, you need to see some choices like this:
Start by inserting a row of columns onto your content material space. If you find yourself altering your thoughts on the quantity of columns, no drawback! You can at all times drag new ones into place. Now that your primary construction is in place, you can begin including some modules. There are a number of choices to select from:
Once you place a module, a window will seem with customization choices. For instance, the textual content editor has an space to enter textual content, then separate tabs for design choices. These are usually settings like textual content coloration and formatting, in addition to margin and padding settings. There are even choices for cell habits, permitting you to cover sure rows primarily based on display measurement or change the stacking order on smaller screens.
From right here, you may proceed to pull and drop modules into rows and columns to create your excellent structure. If you ever change your thoughts about placement, you may at all times drag modules, columns, and rows into completely different spots on the web page.
An vital factor to recollect is that rows and columns have their very own settings too. Hover over a row and click on the wrench icon within the high left nook. Here you may set a variety of design choices, just like the width of your content material (fastened or full width), row top, textual content coloration, background choices, and extra. Try making a video background or a gradient and see simply how simple it is to create an eye catching web page structure!
Beaver Builder Standard vs. Beaver Builder Free Version
So what’s the distinction between the free model of Beaver Builder and the paid model, and is it price upgrading? For starters, numerous the time-saving options talked about above are solely accessible within the paid model. For instance, the included web page templates are solely accessible with the premium model. If you have got a smaller web site that is largely textual content and pictures, this won’t matter as a lot to you. But bigger, extra advanced web sites will profit from using templates.
If you’re fairly design-savvy and the web page templates don’t attraction to you, you would possibly wish to think about the opposite premium options like the extra modules and the flexibility to create saved rows and columns. If you have got a big web site or a number of websites you handle, it is perhaps price upgrading to the Standard plan to get these options. Plus, you get the flexibility to make use of Beaver Builder on all of your websites, in addition to help from the plugin authors for a full 12 months.
Final Thoughts
Overall, Beaver Builder is a stable web page builder plugin for WordPress that provides you final management and suppleness together with your web page layouts. Whether you’re a newbie designer making an attempt to arrange a portfolio web site, or an company managing a number of web sites on your shoppers, Beaver Builder is an accessible possibility that’s simple to be taught and use. The premium plans offer you entry to much more time-saving options that make modifying a breeze. Plus, in the event you discover you want much more options, there are many extensions accessible for something you would possibly want. Give it a strive on your subsequent venture and see for your self simply how simple it is!
