Best WordPress Page Builder

Elementor

Elementor was originally introduced in 2016 and is one of the youngest site creators on this list. But although it was launched late, Elementor quickly completed over 4,000,000 active installations on WordPress.org, making it the most popular page builder on the market, at least according to WordPress.org figures.

Its claim to fame is a fast and smooth visual interface, flexible style options, and other powerful features like full theme creation.

Although it started out as a pure page editor, the premium version of Elementor Pro now lets you do much more than just page creation. The two most important features are:

Theme Builder

Design your entire theme with the same Elementor interface. This includes your header and footer, file pages, individual publication pages, WooCommerce product/store pages, custom publication type templates, etc. You get dedicated widgets for common elements and can even dynamically insert custom field content.

Popup Builder

Design flexible popups using the entire Elementor interface You can include all the regular Elementor widgets, allowing you to create email option popups, contact form popups, login popups, and more.
These two additions really help Elementor stand out from the competition. Although theme creation is increasingly popular, the pop-up builder is still quite unique.

Interface 9/10

The Elementor interface is divided into two main parts, with a third area for some minor adjustments:

1 - This is the live preview of your design It looks exactly as your visitors will see it. You can also enter text directly into this interface and rearrange various elements using drag and drop.

2 - Shows a list of elements you can use. Simply drag and drop on it. And if you select a single element or section, you can style it here.

3 - These help you access responsive previews, undo/redo changes and other minor functions.

For example, here you can see how to drag a text widget and then simply write on the page (inline editing) to change the text:
Elementor inline editing
With Elementor Pro, you can use the same interface to design your theme and pop-ups. You also get special widgets/functions to help you do this.

Included Widgets/Templates 9/10

In the free version, Elementor includes 28 free widgets. And you can also use all the core WordPress widgets. The Pro version adds another ~30 widgets, so you get a total of 58 widgets in the Pro version:
Included Widgets
The free version also includes ~40 free templates. And the Pro version adds hundreds of additional templates.

The templates are available in two formats:
  1. Pages: full page designs that you only need to edit.
  2. Blocks - individual sections that you can merge like Legos.

You can also save your own designs as templates for later use.

Styling Options 9/10

When you click on a section, column or widget, Elementor provides three style tabs on the left sidebar.
Styling Options
The exact options depend on the item you are editing, but in general Elementor offers one of the most comprehensive style options of any page creator.

In addition to the basics like colors, backgrounds, and typography, you can also control more advanced settings like
  • User-defined borders/fill.
  • Custom CSS classes/IDs. Elementor Pro allows you to apply real CSS styles directly to individual elements.
  • Reactive controls. Show/hide elements on specific devices

Elementor has also recently added custom positioning which makes it easy to place widgets in specific places on the page.

Other Features 9/10

These features are available in Elementor Pro:
  • Completing the theme building. You can use the same user interface of Elementor to create parts of the template such as headers and footers, frames and files. Basically, you can create your entire theme with Elementor.
  • WooCommerce Builder - Design your WooCommerce product and store pages.
  • The creation of the Popup. Design flexible popups and target them to specific content.
  • Form integrations. Connect the form widget to popular email marketing services (or paper for greater flexibility).
  • Global widgets. Reuse a common element on multiple pages and edit all instances of the global widget by simply updating the global widget.
  • Embed anywhere. Use Elementor templates in other areas through widgets or shortcuts.

Lock-in 9/10

If you ever disable Elementary, leave a clean code. For example, if you had a <h3> header with Elementor, you will still have a <h3> header even after you disable Elementor - it will simply use the style of your theme.