fbpx
Blog

10 Best Drag and Drop Page Builders for WordPress 2020

Best Drag and Drop Page Builders for WordPress, featured image

Drag and drop page builders have become immensely popular with WordPress users over the last couple of years. This should not come as a surprise.

Page builders allow anyone to build professional website designs and create stylish content, using a user-friendly interface. Since the functionality is added to your website by a WordPress plugin, page builders can be used with any WordPress theme.

Since version 5.0, the Gutenberg block editor has been the default editing experience in WordPress. Even though I love the simplicity of the block editor, it has few customization options, therefore creating advanced layouts is difficult.

While the goal of every page builder is to simplify the process of creating and styling content and layouts, they all work in different ways, so it is down to you to determine which solution meets your needs.

The key factors to pay attention to are:

  • Modules – Drag and drop page builders offer their own unique content modules. They are sometimes referred to as blocks, elements, or widgets. It is important to choose a solution that has the modules you need, whether that be tables, styling, media support, or whatever.
  • Interface – Most drag and drop builders take some time to understand how they work, however some page builders with steep learning curves can prove to be the most efficient solution in the long term.
  • Pre-Made Templates – Pre-made template layouts allow you to create beautiful pages quickly and effectively.
  • Price – Many great page builders are available free of charge, however you normally have to upgrade to unlock all functionality. Costs can increase further if you need to use a solution on multiple websites.

In this article, I would like to share with you a collection of the best drag and drop page builders that are available for the WordPress platform.

Each page builder has been given a rating to help you see how I rank each solution. The rating is based on a number of factors such as features, content modules, usability, and price. I have also taken into account the quality of both the free and premium versions.

Be sure to read my conclusion for a better understanding of which page builders I recommend in different situations 🙂

1. Elementor

Price: FREE / $49+

Elementor

Elementor is a popular frontend editor that places most configuration options in a sidebar at the left-hand side of your page. It works really well in practice, as the main design area is not cluttered at all because settings boxes are not displayed there.

The free version of Elementor is not restricted, offering over 30 content modules such as pricing tables, table of contents, animated headlines, media carousels, and star ratings. Dozens of pre-made content blocks and website layouts are also available in the free version.

Elementor Pro retails from $49 per year for a one-website license.

Those that upgrade gain access to 50 additional content modules, over 300 pre-made templates and dedicated builders for creating themes, WooCommerce shopping pages, and popups.

Be sure to check out our full review of Elementor Pro to learn more about what the upgraded version offers.

Features

  • Fast loading frontend editor.
  • User-friendly interface is easy-to-use and loads quickly.
  • Many useful styling options are available in the sidebar panel.
  • Layouts can be saved as templates.
  • Free version includes a generous selection of content modules and pre-made templates.
  • Theme builder can be used to create complete website designs.
  • Popup builder helps you create login forms, signup forms, announcements, and more.
  • WooCommerce builder simplifies the task of designing online shops.
  • Built-in “Coming Soon” and “Maintenance” modes.
  • Good support for third-party services and applications.

Pros

  • One of the best frontend editors available for WordPress.
  • Great variety of content modules and pre-made templates.
  • Free version has a generous amount of features and the pro version is fairly priced.

Cons

  • Templating system is not as refined as Divi Builder’s library setup.
  • Solutions such as Beaver Builder and Brizy are easier to learn.

Rating: 9 / 10

It is easy to understand why Elementor has over 4 million active installations on WordPress.org.

The free version of Elementor comes packaged with features that other page builders charge for, and, at only $49 for the pro version, Elementor is also one of the cheapest premium page builders available online.

More Info Download

2. Divi Builder

Price: $89+

Elegant Themes

Elegant Themes continue to lead the way in WordPress page building with Divi Builder.

Available as a standalone WordPress plugin, or integrated into the minimal framework design Divi Theme, Divi Builder is a modern solution that features a fantastic frontend editor called “Visual Builder” and an older backend editor called “Legacy Builder”.

The frontend editor is a joy to use, featuring thousands of styling and configuration options for modules, columns, rows, and sections. A total of 38 content modules are available, including contact form, portfolio, post slider, shop, and video.

Its modern templating system is called “Divi Library” and lets you save and reuse any part of your layout. A whopping 1,150+ beautiful pre-made layouts are available within the library, which can help you create a full website layout in seconds.

Divi Builder also features a theme builder for customizing the design of specific areas of your website and an advanced role editor for controlling what users are permitted to access Divi Builder. Another great feature is the wireframe view, which can be activated at any time in Divi Builder to strip away all visual elements and let you see the structure of your page.

An Elegant Themes membership offers amazing value for money. Retailing from $89 per year, it includes Divi Theme, Divi Builder, the magazine theme Extra, the email opt-in WordPress plugin Bloom, and the social media WordPress plugin Monarch.

Read our full review of Divi Builder for a more comprehensive look at what it can do.

Features

  • Frontend and backend editor.
  • Editor lets you undo and redo changes.
  • Gorgeous content modules.
  • Huge collection of pre-made layouts.
  • Built-in theme builder helps you design your header, body, and footer.
  • Many third-party extensions and pre-made layouts available.
  • Full control over what Divi Builder features users can and cannot access.
  • Support for all custom post types.
  • Import and export functionality for settings and layouts.

Pros

  • Frontend “Visual Builder” looks amazing and lets you customize everything.
  • Massive pre-made layouts help you create custom designs quicker.
  • Elegant Themes membership includes four other high-quality products.

Cons

  • No free version of Divi Builder is available.
  • No option to purchase Divi Builder on its own.

Rating: 9 / 10

Without a doubt, Divi Builder is one of the best WordPress page builders available online. It has thousands of styling options and a fantastic layout system.

Unfortunately, no free version of Divi Builder is available, however an Elegant Membership does come with a 30-day money-back guarantee if you decide not to use it.

More Info & Download

3. Beaver Builder

Price: FREE / $99+

Beaver Builder

BeaverBuilder is a popular drag and drop page builder that allows you to create layouts on the frontend of your website.

The page builder supports all custom post types and lets you define which user groups have access to Beaver Builder.

Beaver Builder looks quite plain when compared to other WordPress page builders, however it has many useful styling options, and since it is one of the fastest editors on the market, custom layouts can be created quickly.

Unfortunately, the free version of the plugin is a poor advertisement of the full product.

It lets you place content into rows and columns, however it only offers six unique modules: Audio, HTML, Photo, Text Editor, Video, and Sidebar. The ability to add WordPress widgets to your page does make Beaver Builder Lite more flexible, but the built-in WordPress block editor is arguably a more rounded solution.

The premium version of Beaver Builder should be considered the true version. It raises the total number of content modules from six to 29. There are modules for post sliders, subscription forms, maps, tables, and more.

Dozens of pre-made templates are also available for pre-made rows, landing pages, and content pages. You can also save custom rows, columns, and modules, and reuse them later.

A standard license for Beaver Builder retails at $99. It gives support for one year and allows usage on an unlimited number of websites. You need to upgrade to the pro license at $199 to add support for WordPress multisite and gain access to the Beaver Builder Theme framework design. Customers who renew their yearly license will receive a 40% discount at renewal.

Check out our in-depth review of Beaver Builder for a complete look at what the page builder can do.

Features

  • Frontend editing.
  • Editor supports revisions, undo, and redo.
  • All WordPress post types are supported.
  • Content modules can be disabled, if necessary.
  • Good support for third-party WordPress plugins.
  • Lightweight solution that performs well.
  • Beautiful pre-made templates.
  • Templating system lets you save customizations.

Pros

  • The frontend editor is easy to use, and everything loads quickly.
  • Includes a good variety of high-quality pre-made template designs.
  • Hundreds of useful configuration settings and styling options.

Cons

  • Free version is limited.
  • User interface looks dull when compared to alternative solutions.
  • One of the most expensive page building solutions on the market.

Rating: 8 / 10

Beaver Builder is a fast page building WordPress product that is easy to use. It is one of the best premium solutions on the market, but those of you who are looking for a good free page builder should look elsewhere.

More Info Download

4. Brizy

Price: FREE / $49+

Brizy

Brizy is an advanced WordPress page builder that deserves to be mentioned alongside Divi Builder and Elementor.

It boasts a gorgeous frontend editor that loads quickly, 22 content modules, five full-page layouts, and hundreds of pre-made template blocks. The overall standard of templates and modules has to be seen to be believed, with typography and spacing being a step above the competition.

Brizy Pro is available from $49 per year for a three-website license.

Upgrading adds 12 new content modules, over 150 new pre-made templates and blocks, shape dividers, and custom fonts.

Brizy Pro also allows you to modify website headers and footers and adds a role manager, popup builder, and support for many third-party services and WordPress plugins.

Features

  • Frontend editor.
  • Gorgeous user interface that loads quickly.
  • Huge collection of pre-made templates.
  • Good variety of content blocks.
  • Layouts can be saved and reused later.
  • Built-in role editor.
  • Coming soon and maintenance modes.

Pros

  • Fast loading editor is a pleasure to use.
  • Pre-made templates all look stunning.
  • Free version is very capable and Brizy Pro is priced competitively.

Cons

  • Not as many content modules as other page builders.
  • Undo and redo buttons are available, but there is no quick way to reset a layout.
  • Leaves many <div> tags in content if the plugin is deactivated.

Rating: 8 / 10

Brizy is one of the best free WordPress pages builders available online and also one of the most affordable premium page builders.

All of its content modules and pre-made templates look fantastic and the frontend editor is simple to use.

More Info Download

5. Thrive Architect

Price: $67+

Thrive Architect

If you’re a marketer, you may want to consider Thrive Architect.

Thrive Architect is a frontend drag and drop page builder that features 335 high-quality landing page templates and 44 content modules.

There are landing pages for webinars, product launches, online courses, reviews, comparisons, recommendations, sales pages, lead generation, and more.

Everything has been created specifically for marketers. As a result, Thrive Architect offers many content modules you will not find in other page builders. For example, there are content modules for revealing content, displaying credit card payment icons, and purchase guarantee boxes.

The editor displays settings and other configuration options at the left-hand side of the page, with the right-hand side displaying content modules and templates. The icons that are used in the main canvas area are small and sometimes difficult to distinguish from each other, however you will still find it easy to create custom layouts using Thrive Architect.

Thrive Architect is available from $67 for a one-website license.

Features

  • Frontend editor.
  • Massive library of pre-made landing page designs.
  • Many marketing-specific content modules.
  • Fast user interface.
  • Template system allows you to save layouts.
  • Hundreds of styling options and configuration settings.
  • Built-in user access manager.

Pros

  • A fantastic solution for marketers.
  • Large collection of high-quality landing page templates.
  • Editor loads quickly and is easy to understand.

Cons

  • Not enough features to attract “regular” WordPress users.
  • Lacks many advanced features found in alternative solutions.

General Rating: 7 / 10 | Marketer Rating: 9 / 10

Thrive Architect is such a unique solution, I have had to give it two scores.

It is a useful page builder, but there are better solutions available for general WordPress users who are looking to creating custom layouts.

If, however, you are a marketer that is looking to create landing pages, login forms, and sales pages, there is no better solution on the market than Thrive Architect.

More Info & Download

6. Themify Builder

Price: FREE / $39

Themify Builder Home Page

Themify Builder is a versatile WordPress page builder that allows you to create beautiful layouts in the backend or frontend of your website.

The plugin integrates perfectly with the WordPress block editor by offering a Themify Builder block. The block is essentially a miniaturized version of the frontend editor, and the developers somehow managed to cram every feature into the block.

If you are not using the WordPress block editor to create layouts, the frontend editor in Themify Builder is a better option, as it is less cramped.

The main menu at the top of the page lets you see your layout in other devices, undo and redo changes, access saved layouts, switch to the backend editor, and more.

Rows, content modules, pre-made template blocks, and saved layouts are displayed in a sidebar at the left-hand side of the page. Many useful styling options are available for each element on your page.

Themify Builder gives you access to 29 content modules, including WordPress widgets, maps, sliders, videos, and galleries. A further 25 modules are available in the Builder Addons package. Retailing at $39, the addon package includes modules for tiles, pricing tables, countdowns, and content restriction.

Themify Builder Addons are also included in Themify Builder Pro. It is a complete website building solution that allows you to customize your website header, footer, posts, pages, 404 pages, archive pages, WooCommerce pages, and more.

Available for $69, it offers similar functionality to the integrated theme builder that is built into other WordPress page builders.

Features

  • Backend and frontend editor.
  • Integrates with the WordPress block editor.
  • User interface of frontend editor loads quickly and is simple to use.
  • Free version offers 29 content modules and many pre-made template blocks.
  • Layouts can be imported and exported.
  • Layouts and parts of layouts can be saved and reused later.
  • Hundreds of styling options for modules, columns, and rows.
  • Built-in role editor.
  • Global styles and custom fonts.

Pros

  • One of the best free page builders on the market.
  • Backend and frontend editors are easy to use.
  • Addon bundle and Builder Pro package are priced competitively.

Cons

  • Not as refined as some other page building solutions.
  • Whilst easy to use, the user interface does sometimes feel a little clunky.

Rating: 8 / 10

There is a lot to love about Themify Builder. Whether you use the frontend editor, or the Themify Builder block within the WordPress block editor, you will be impressed with how straightforward it is to create layouts.

Themify Builder has one of the best selection of content modules in a free WordPress page builder too and you can add a further 25 modules for only $39.

More Info Download

7. Visual Composer

Price: FREE / $59+

Visual Composer

Created by the same people behind WPBakery Page Builder, Visual Composer is a drag and drop page builder that allows you to create unique layouts for your content, headers, footers, and sidebars.

I will explain the confusion behind the Visual Composer and WPBakery Page Builder branding in the next section, however it is worth noting that in their Visual Composer vs WPBakery explanation page, the developers state that WPBakery Page Builder had performance issues as it used shortcodes, whereas Visual Composer uses ReactJS to ensure better website performance and SEO.

It’s a little strange to see a company criticize a product they continue to develop and sell, but there is no denying that Visual Composer is more refined and significantly faster than WPBakery Page Builder.

Visual Composer’s main menu is displayed at the left-hand side of the page. From here, you can access content modules, access templates, and undo and redo changes. The tree mode can be used to highlight the rows in your layout.

At the heart of Visual Composer is the Visual Composer Hub, a cloud marketplace that can be accessed directly from your own website. The idea is that you only download what you need.

Therefore, when you install the free version of Visual Composer, you will only 12 see content modules available, however a further 23 free content modules are available via the Visual Composer Hub. You also get access to nine free templates, and there is a starter theme that can be downloaded free of charge.

There isn’t a great variety of content modules in the free version of Visual Composer, but the overall package is quite generous.

The full version of Visual Composer retails from $59 per year with a 40% discount given to those that renew.

Upgrading increases the number of available content modules to a whopping 183. It also adds additional templates, blocks, addons, headers, footers, sidebars, and stock images.

Features

  • Frontend editor.
  • User interface loads quickly and is easy to use.
  • Works with all custom post types.
  • Many useful design options and customization settings.
  • Unique cloud marketplace lets you download the features you need.
  • Integrated theme builder allows you to build complete website layouts.
  • Hundreds of content modules, templates, blocks, and addons.
  • Lightweight starter theme is free to download.
  • Great support for third-party WordPress plugins.

Pros

  • Frontend editor is easy to use.
  • Cloud marketplace has got many great content modules and templates.
  • Free version has a generous number of features and single website license is fairly priced.

Cons

  • Being asked to download the features you want may not appeal to everyone.
  • Expensive if you own multiple websites, with a three-website license costing $149.
  • Lacks advanced features found in alternative solutions.

Rating: 8 / 10

Visual Composer is a flexible WordPress page builder that gives you access to a large repository of content modules and layouts.

It is an appealing solution for beginners, as its frontend editor loads quickly and is easy to navigate. There are many great features for free users, however upgrading will increase your module and template library significantly.

More Info Download

8. WPBakery Page Builder

Price: $64

WPBakery Page Builder

WPBakery Page Builder is a shortcode-based drag and drop page builder that features both a backend and frontend editor.

The plugin was launched in 2011 as “Visual Composer” and quickly established itself as the leading WordPress page builder on the market. However, in recent years, it has fallen out of favour with many WordPress users because of a drastic change of direction and disastrous rebranding by the developers.

The developers changed the name of the page builder from “Visual Composer” to “WPBakery Page Builder”, but then they released a different page builder called “Visual Composer”.

Visual Composer is, of course, the page builder I just reviewed above.

Confused?

Don’t worry. Everyone else in the WordPress world was too.

This all occurred because the developers wanted to sell their product outside of CodeCanyon’s closed marketplace, but the whole situation is still baffling to WordPress users, as WPBakery Page Builder sells for $64 on CodeCanyon and for $45 on the official WP Bakery website.

Despite all of these issues, there is still a lot to like about WPBakery Page Builder.

The WPBakery Page Builder main menu is displayed at the top of each page. The interface is looking dated now, and it feels noticeably slower than other page builders on the market. However, the plugin is easy to use and it offers over 50 content modules, a theme builder, an advanced role editor, and a shortcode mapper that lets you map third-party plugin shortcodes to WPBakery Page Builder modules.

WPBakery Page Builder also features an extensive template library of pre-made content blocks, and you can save your own layouts and reuse them later.

Put simply, the WPBakery Page Builder user interface needs revamping, though under the surface lies a powerful WordPress page builder.

Features

  • Frontend and backend editor.
  • User-friendly interface.
  • Over 50 content modules.
  • Over 100 pre-made layouts.
  • Hundreds of third-party plugin addons can extend functionality further.
  • Integrated theme builder helps you create full-page layouts.
  • Role editor lets you define who can use the plugin.

Pros

  • Frontend and backend editors are easy to use.
  • Fantastic selection of content modules and pre-made layouts.
  • Great support for third-party WordPress plugins.

Cons

  • Editor is slower than alternative WordPress page builders and looks dated.
  • Not GPL-friendly.
  • Bizarre branding change and confusing pricing policy.

Rating: 7 / 10

A dated sluggish interface means that WPBakery Page Builder sits in the shadow of modern WordPress page builders. The plugin should, therefore, not be top of your list. However, from a features point of view, there is still a lot to like about WPBakery Page Builder.

It is a flexible page building solution with a great catalogue of pre-made layouts. WPBakery Page Builder continues to be packaged with WordPress themes on ThemeForest too, so you may have already purchased it as part of another WordPress theme package.

More Info & Download

9. Page Builder by SiteOrigin

Price: FREE / $29+

Page Builder by SiteOrigin

The developers of Themify Builder did a fantastic job of integrating their frontend page builder into the WordPress block editor. In Page Builder by SiteOrigin, the developers did it the other way around.

It’s primarily a backend editor, however there is a “Live Editor” mode that loads a preview of your layout.

The editor allows you to add widgets (modules), rows, and layouts. If you are using the full editor, there are additional options to view your edit history and switch to the live editor.

Since the WordPress block editor already allows you to view your layout and undo and redo changes, the “History” and “Live Editor” buttons are disabled when you are using the “SiteOrigin Layout” block within the WordPress block editor.

Nine content modules are available in the plugin together with any SiteOrigin widgets you have enabled on your website. A further 22 modules can be added by installing the SiteOrigin Widgets Bundle, and you can also add a CSS editor by installing SiteOrigin CSS. Both of these WordPress plugins are free to download.

SiteOrigin Premium is available for $29 and adds a further 20 content modules. Modules include a custom post type builder, call to action, contact form, and testimonials.

When compared to solutions such as Divi Builder, Page Builder by SiteOrigin looks quite plain, however this is because the developers have not created their own custom user interface. Instead, they have built their page builder upon the default WordPress user interface. This is why settings, content modules, and styling options all load up in regular WordPress popup boxes.

Features

  • Backend editor with a live preview mode.
  • Integrates with the WordPress block editor, but can also be used without it.
  • Simple user interface.
  • 26 pre-made layouts.
  • Layouts can be imported and exported.
  • Over 30 free content modules and 20 premium content modules.
  • Supports all custom post types.

Pros

  • Works with the WordPress block editor.
  • User interface is easy to use.
  • Free version is not restricted in any way, and premium module bundle is only $29.

Cons

  • Editor looks dated when compared to other page builders.
  • Lacks advanced features.

Rating: 7 / 10

If you are not looking for an advanced WordPress page building solution, Page Builder by SiteOrigin is a good choice.

It is easy to use, works in harmony with the WordPress block editor, and most content modules can be accessed free of charge.

More Info Download

10. MotoPress Content Editor

Price: FREE / $69+

MotoPress Content Editor

My final recommendation is MotoPress Content Editor.

MotoPress is a frontend drag and drop page builder that displays the main menu at the top of the page. At the left-hand side is a panel where you can add content modules.

There are seven text-based modules, three image modules, five button modules, two media modules, and 14 content and layout modules. You can also add a widget area, custom menu, and any installed WordPress widgets to your page.

The user interface loads quickly, and you can save any layout you create. However, MotoPress does not include any pre-made templates and lacks advanced features such as a theme builder. Styling your layouts also seems more complicated.

Seven premium addons are available for MotoPress to add functionality for maps, videos, pricing tables, and more. The white label addon retails at $47, but the other addons are priced between $10 and $16.

You can purchase all addons for $69. This bundle comes with one year of support, however if you do not require the premium addons, you can purchase support for MotoPress from only $29.

Features

  • Frontend editor.
  • User interface loads quickly and is easy to use.
  • Over 30 content modules.
  • Layouts can be saved and reused.
  • Basic role editor in settings area.

Pros

  • A simple frontend editor that is easy to use.
  • Most functionality is available in the free version.
  • Layouts can be saved.

Cons

  • No pre-made templates are available.
  • Lacks advanced features.
  • Addons bundle makes MotoPress more expensive than more advanced solutions such as Elementor Pro and Brizy Pro.

Rating: 7 / 10

If you are looking for a good free WordPress page builder, MotoPress Content Editor is easy to recommend as it features a great user interface and many useful content modules.

Unfortunately, it is difficult to recommend the premium version of MotoPress Content Editor as there are better solutions being sold around the same price.

More Info Download

Final Thoughts

I hope you have enjoyed this look at the best drag and drop WordPress page builders on the market.

My recommendation is to do as much testing and research into each page builder as possible before you start using it on a live website. This is good advice for any type of WordPress plugin, but it is especially important with page builders as there is no easy way of copying layouts from one page builder to another.

Please also bear in mind that the perfect page builder does not exist. Each solution has its strengths and weaknesses, and you need to consider these when examining your own requirements.

If you just want to add basic styling to your existing posts and pages, you may want to consider sticking with the Gutenberg block editor. It is a simple solution, but it works well and is built directly into the core version of WordPress.

You can continue to use the block editor and add more functionality by using Themify Builder or Page Builder by SiteOrigin. They are both free to download, come with a good selection of content modules, and can work within the WordPress block editor.

There are many great free WordPress page builders for those of you who want to keep your website expenses down, but I would place Elementor at the top of your list because it has a user-friendly frontend editor, a great variety of content modules, and comes packaged with pre-made templates. At $49, the premium version is also priced fairly if you do want to upgrade.

Thrive Architect is easy to recommend if you are looking to create affiliate sales pages, product launch pages, or lead generation pages — however there are better alternatives for general users.

If you want the best page builder on the market, I recommend Divi Builder, Elementor Pro, and Brizy Pro. They all offer beautiful frontend editors, an integrated theme builder, and a large collection of high-quality pre-made template layouts.

The premium version of Beaver Builder is also worth considering.

Throughout this article, I have noted the cheapest license available for each drag and drop page builder, however be aware that the total cost of a WordPress plugin can change drastically if you are using it on multiple websites. Due to this, some page builders may work out cheaper if you need to use it on one website but can prove to be significantly more expensive if you need to use it on multiple websites.

If you would like to stay up to date with the latest articles from aThemes, I encourage you to subscribe to the aThemes newsletter and follow us on Facebook and Twitter.

Thanks for reading.

Kevin

Share This Article:
Facebook Twitter

Related Posts

Disclosure: Some of the links in this post are affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission. All opinions however are our own and we do not accept payments for positive reviews.

Leave a Reply


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