Wouldn’t it be great if we never needed to be 100% dependant on some expensive web developer to code our site for us and we could do it all ourselves? No need to learn how to code, no need to spend thousands of dollars; just build a site with a set of blocks just like we did with Lego when we were kids.
Enter Page Builders – your solution to create a custom website by moving different blocks around within a visual interface without the need for any technical knowledge. It places the power of a web developer right into your hands. Pretty sweet, right?
Now, WordPress themes are developing into complex yet easy-to-use methods of creating a site, and although they offer you the chance to modify and customise their look, this freedom is limited. At some point you won’t be able to make any more changes. and this is usually the point when you realise your site looks somewhat similar to one created with the same theme somewhere else in the world.
That’s why a page builder is so powerful. You’re able to create any unique custom look you want. Below I’ve put together a list of some of the best WordPress Page Builder Plugins for you. As page builders it’s important to judge these plugins on various criteria. Here’s a list of what you should consider:
- Ease of Use, with and without any documentation
- The number of elements you have available
- The speed with which you can build your design
- The drag-and-drop functionality of the plugin
- Whether it produces a responsive design or not
- Whether you have a Live Preview option or not
- The ability to save a layout and re-use it
- Whether it’s a front-end or a back-end editor
- The final results – are they good enough to match up with custom coded designs?
This all sounds great but there are a few drawbacks to this way of building your WordPress site. I’ll leave these for the end of this post though.
Frontend Editor | Backend Editor | Responsive | 45+ Content Elements | Skin Builder
Visual Composer is one of the most, if not the most, well known page builder plugins for WordPress with over 43,000 sales as of November 2014. It’s aimed at all levels of WordPress users, whether you’re a beginner looking for an easy way to create your first site or a more seasoned developer.
This plugin enables you to drag and drop any page elements you want onto your page. You’ve got a wide selection to choose from ranging from a simple text column to attractive progress bars. It’s got over 40 of these content elements that are all ready to go out of the box.
You even have the option of creating your own custom page elements which you can then use for your own theme or sell to others. Once you’ve designed a page and you really like it, you can save it as a template to use on any other page of your choice.
Some of the other neat features on offer form Visual Composer include a skin builder, WordPress widget support for page elements, third-party plugin support (such as for Gravity Forms, Layer Slider, and more) and even premium add-ons.
Last but not least you’re given the ability to build your own shortcodes and integrate them into your own commercial WordPress theme with the possibility of selling these themes for yourself. The other option is to become a Visual Composer developer and developer third-party add-ons.
For a more detailed look at what Visual Composer offers and how it works you can check out our review or view the video below.
$28 (Regular License) | $140 (Extended License)
Frontend editor | Mobile Ready | Page Templates | Drag-and-Drop | Works with +94% of WP themes
VelocityPage is a plugin designed to help you re-shape your site right from the frontend, without the need of using the admin panel or WordPress page editor. It will work with the theme you have right now, giving you the freedom to edit in real time.
Once you’ve installed the plugin it’s just a case of creating a new page or choosing an existing one and enabling the plugin from the page editor itself. Once enabled any page content you already have is no longer visible and you can choose whether to stick to your current theme (styling and layout settings and all) or switch to one of VelocityPage’s templates.
With this done you can start editing the page from the front-end, adding rows and columns as you wish. You can then start adding the items you want, dragging and dropping them around to create the look you want.
When using a VelocityPage template all you have to do is choose it, head to the front-end, and start adding content and editing every aspect that your heart desires.
A downside to using this plugin is that any content already existing on a page is unavailable once you enable VelocityPage, and any content added to a page through the plugin will also disappear once you deactivate it for that page. Not ideal if you plan on changing your site’s look or content any time soon.
Having said that, it’s a great easy-to-use plugin that makes building your pages a breeze. Have a look at the video walk-through below to get a better idea of how it all works.
$97 (Basic License) | $167 (Plus Package) | $247 (Professional Package)
The Themify Builder plugin offers you the choice between frontend or backend page building, depending solely on your preference. It works with the majority of WordPress themes and provides a great drag-and-drop builder to easily create and edit your page layouts.
This plugin supports all post types ranging from simple posts and pages to WooCommerce products and more. It also supports third-party shortcodes that allow you to add other elements to your web pages besides the building blocks that the Themify Builder already offers.
These blocks include such things as text, posts, dividers, galleries, images, accordions, maps, custom menus, videos and more. To help you get started with these blocks you’re also given prototyping tools such as pre-built layouts, layout parts and even an import/export tool.
You can also add custom styling such as video background, parallax scrolling, Google fonts and more. Besides all that, the Themify Builder also offers multi-site support, is translateable into any language, and even includes various add-ons for additional features.
Have a look at the overview video below and get a good look at what the Themify Builder offers.
This free WordPress Page Builder from SiteOrigin can be used to create good looking responsive pages using all the widgets you already know and love. It offers you columnised page layouts where you can add, edit and delete any widgets you want for any theme you desire.
It’s got a very easy to learn drag-and-drop interface that will get you up and running in no time. There’s no need to worry about any CSS or shortcodes, SiteOrigin handles all that for you, leaving you with the simple task of moving blocks around to create great looking pages.
Speaking of widgets, this Page Builder has thousands on offer, brought to you by plugin developers form all over the world. They range from the simple ones found in any page builder such as text, images and social buttons to more creative ones like a MailChimp newsletter signup or a self-hosted video.
All this works with any theme you might be using. SiteOrigin pride themselves on offering a plugin that integrates as smoothly as possible with WordPress. It does this with a grid engine that creates highly efficient CSS, widgets that follow the settings you provided in the grid engine and themes that dress up your content as described, even giving you the ability to switch themes.
Check out their introduction video on SiteOrigin’s website and see this page builder’s power for yourself.
Elegant Themes’ answer to a drag-and-drop website builder is their Elegant Page Builder. It’s a plugin that has some great tools for building and structuring all the content on your WordPress site. As I said, it’s a drag-and-drop builder, so all you need to do to design your site is move and re-size elements on a canvas.
All this is done on a specifically built drag-and-drop canvas that you can find beneath the normal text editor on any WordPress site’s backend. You can create a unique look for every page or post using various columns, sliders, tabs, buttons, toggles, boxes and a lot more.
You can even include nested elements and integrate widget-ready sidebars and plugins. Some of the other cool features you can drag onto your site include different list styles, large block-quotes, testimonial boxes, images in pop up lightboxes and even paper call-outs to make that important bit of information on your page stand out.
Along with all this you also know you’re getting Elegant Themes’ usual browser compatibility promise, perpetual updates as well as great coding practices that will keep your site safe and secure.
To get a better idea of the elements you can add to your site using Elegant Themes’ page builder you can check out their demo page.
$89 (Developer Package) | $249 (Lifetime Access)
Beaver Builder is a great plugin for easily creating good looking sites right from your front-end. It uses an intuitive drag-and-drop builder that makes customizing your site’s look a breeze.
It’s got over 15 unique page templates that can be applied to any WordPress theme you’d like, be it one of your choice or their own complimentary theme. If you have an already responsive site you’ve got no worries with Beaver Builder either. All it’s modules and layouts are responsive and look just as good on a mobile device as they do on a desktop.
Above all that, every layout you create can be saved and reused an unlimited number of times to quickly build new pages. You also have full WooCommerce support, the ability to use any WordPress widget or shortcode on your layout, support for custom post types and more.
A definitely important point worth mentioning with Beaver Builder is that if you decide to stop using it and uninstall it, your content won’t be lost forever. In fact all your text and images will be safe within the WordPress editor. It won’t look pretty, but at least it will still be there.
You can test it out for yourself by using their demo site and modifying any homepage or content page that you’d like.
$99 (Standard Membership) | $199 (Pro Membership) | $399 (Agency Membership)
Using the Conductor plugin not only saves you from using any code to build your pages but also save you lots of time in building your WordPress site. It’s WordPress Customizer allows you to view all your changes in real-time, making sure you’re making the right changes to your site.
All you have to do is select your layout and then drop in your Conductor widgets as you wish, incorporating pages, posts, custom post types and more as you wish and with relative ease. You can select from various custom page layouts for any look you want, be it full-width or a magazine-style blog.
There are also various options for how to display your content. You might want it to be displayed in a list, or a table or even a grid; it’s your choice. It’s drag-and-drop feature works great with the WordPress customizer and the plugin blends in well with WordPress itself.
If you want to learn more about each of these features just go to the ‘How It Works?’ section on the plugin’s site and check out all the video explanations from there.
$49 (Blogger) | $99 (Business) | $199 (Power User) | $399 (Developer)
Layouts from Toolset is a WordPress plugin that works with any Bootstrap theme. It lets you design entire sites using a convenient full-page drag-and-drop interface. The designing process is simple to understand and very easy to customize.
By definition, since Layouts uses the Bootstrap framework, everything you create with it is responsive, so you have no worries about how your site will look on any table or mobile device.
Layouts cells API allows you to easily turn your existing PHP code into drag-able cells. You even have the drag-and-drop functionality to existing sites and themes, no matter how much custom PHP they include.
In addition, with the integration of Views, you create your own custom content-driven cells. You’re able to break free from static pages and create dynamic sites without having to write a single line of PHP.
It’s also fully integrated with WPML making it multilingual ready no matter what design or content you’ve used.
Layouts is part of Toolset. It can be purchased alone for $79, or as part of the Toolset package that costs $149 (with one year of support) or $299 (with support for life).
Conclusions & Recommendations
As I said in the introduction there a few drawbacks to building your site using a page builder plugin. Here are some of the most important ones:
- Certain plugins leave loads of shortcode behind when you try changing your site’s theme or look. This can be removed but is a long and tedious process that can discourage you from changing anything at all. In other words, you’ll feel like your stuck with that look unless you have the time and patience to clean it all up.
- Once some plugins are removed all the pages you’ve built using them will disappear, meaning you lose the layout as well as the content you entered through the page builder.
These are all things that need to be taken into consideration when choosing to opt for a page builder plugin, but they’re certainly not meant to deter you from them in any way either.
They’re still awesome and easy ways to build a whole WordPress site without the need to touch any code or hire any expensive developers. Who wouldn’t want that?
Have you used any of these plugins? Or are there any others you’d suggest to your fellow WordPress users out there? Reach out to us in the comments below.
If you enjoyed this post, make sure to subscribe to WP Mayor’s RSS feed.