Elementor Review: The Page Builder Plugin That’s Taking the Market by Storm – Is It Really That Good?

WordPress Deals

Welcome to our Elementor review! In it, we’ll be going through the most crucial features of the Elementor WordPress plugin (including those of the newest version: Elementor 1.5), showing you how to use it, and discussing the pros and cons that are perhaps not that apparent right away. Here’s everything you need to know about Elementor to help you decide whether it’s the right page builder plugin for your site.

Right up front, I have to admit I’m kind of impressed by Elementor. I’ve experimented with a number of similar plugins, and I have to admit that Elementor is possibly the easiest to grasp and the most functional for everyday use.

But let’s not get ahead of ourselves. Here’s everything in a bit more detail, starting with:

What Is Elementor?

Elementor

Elementor is a drag-and-drop page builder plugin for WordPress, which means a couple of things:

  • It gives you a completely original and separate interface for creating posts, pages, and custom post types. Basically, when you visit your standard post/page editing screen in WordPress, you get a new button that allows you to enable Elementor, and then let it take over the page-editing process entirely.
  • It doesn’t require you to possess any HTML or PHP knowledge or skills. Everything can be done through a handy user interface.
  • It works on the front end, meaning it shows you the outcomes of your work right away in a true ‘what-you-see-is-what-you-get’ manner.
  • You can use it to create any content layout or page layout you can imagine — regardless of what your current WordPress theme allows you to do.
  • It works with all WordPress themes.

Putting it all together, the main benefit of using Elementor is that you can create rather impressive page layouts or content structures, even if you’re not a designer nor have any experience with site building (HTML, CSS, PHP).

This, in principle, opens up a lot of possibilities — especially if you’re on a tight budget but still want your site and content to look great. This is also something users seem to enjoy a lot: As reported by the Elementor team themselves, the main plugin has been downloaded more than a million times so far!

But there’s even more: If you don’t want to build Elementor page designs/layouts from scratch, you can also start from a number of templates, and tweak them freely until you get the exact result you desire. Here’s my personal site, for example, after a quick Elementor treatment — built while I was working on this post:

Elementor demo in action

Let’s have a look into some of the most interesting features of Elementor, one by one:

Features and other perks

Out of the box, Elementor comes equipped with a handful of interesting elements (no pun intended):

  • First, there’s the main page-building functionality itself (we’re going to talk about that in a minute).
  • Then, there’s a library of pre-made page templates (as I mentioned above) that can be imported and modified. At the time of writing, there were 35-plus free templates available. Additionally, you can save your own templates for use later.
  • Lastly, there’s a custom page template called Elementor Canvas. It’s a blank page template that’s meant to let you build a page without having any elements originating from your current WordPress theme, such as the header, footer, or sidebar.

Now, about the core functionality of the plugin. As I mentioned, Elementor allows you to build, tweak and adjust your pages freely — and then see the outcomes of that in real time. Again, that’s live preview, so you don’t need to wonder what your page is actually going to look like once published (which is the standard scenario with native WordPress pages that are highly theme-dependent).

So, what can you do exactly? First, Elementor allows you to take advantage of a number of content widgets (or content blocks), which you can place anywhere on the page and then rearrange via full drag-and-drop support.

I need to emphasize, since it’s the most awesome thing here, that the drag-and-drop functionality allows you to take any content element that’s already on the page and move it somewhere else entirely. This works for all types of content that are represented by Elementor’s content widgets.

Those widgets include the likes of headlines, images, text, videos, buttons, dividers, spacers, icons, image galleries and carousels, counters, testimonials, social media icons, shortcodes, and a lot more. Also, you get to use whatever widgets you already have on your WordPress site.

Elementor widgets

Apart from that, Elementor also gives you access to basic display settings. This is where you get to change the backgrounds, margins and padding values, default colors, fonts, and so on.

On top of that, there’s full revision history, meaning you can revert back to a previous version of the page (in case you messed something up and don’t know how to fix it).

revisions in Elementor

Last, but certainly not least, Elementor gives you full control over what your page looks like on desktop, tablet, and mobile.

device switching in Elementor

Using those small toggles, you can switch back and forth between devices, and adjust the fine details to make the page look great everywhere.

Pricing

It’s free.

Okay, to keep this review factual, I should probably mention that there’s a Pro edition as well. But you don’t really need it to enjoy, say, 90% of Elementor’s awesomeness — honestly!

The main plugin is available via the official WordPress repository, and you can get it here. There are no hidden costs or signups/registrations needed. It just works.

Now, about that Pro edition. Granted, it does feature some interesting stuff that power users may enjoy, but it’s certainly not something everyone needs. Here’s the current pricing of Elementor Pro:

Elementor pro pricing

With that, you can:

  • display post listings and portfolios inside Elementor layouts
  • work on your web forms straight in Elementor (edit fields, spacing, everything)
  • use a global widget that you can put into different areas of the site
  • add custom CSS to any Elementor block
  • deploy Elementor elements in sidebars and widgets
  • use slides
  • supercharge your WooCommerce integration (customize the way your WooCommerce content looks)
  • get more page templates
  • get more content blocks.

How to get started with Elementor

Under the hood, Elementor is a WordPress plugin — albeit, a slightly more advanced one. To get it working, you’ll first need to install and activate it. After that, there’s a settings panel that you can visit (but it’s not mandatory).

You can head straight to your WordPress pages and create a new one, and right away you’ll see the option to ‘Edit with Elementor’:

Edit with elementor

After clicking on that, you’re going to see the main Elementor user interface. Here’s what’s what:

Elementor workspace

  1. Main canvas. This is where you can put your content blocks and adjust them.
  2. Content elements that are available.
  3. This is where you can access the global settings for the page (colors, fonts, revisions, etc).
  4. This is how you come back to view the content elements.
  5. Exit Elementor.
  6. Switch device (desktop, tablet, mobile).
  7. Access page templates.

To build a basic page with Elementor, you first need to understand the page structure hierarchy that it uses:

First, a page can have any number of sections in it. Each section can have one or more columns, and then each column can house one or more content elements. Lastly, each content element can be styled individually. So, we have:

Page → Sections → Columns → Content → Styling

To get started, you can either add a ready-made template or include a blank section:

start from blank Elementor

Within that new section, you can add new columns, and then you can populate those columns with content by simply dragging and dropping content blocks from the sidebar.

content dragging in Elementor

And, of course, you can rearrange sections with drag-and-drop as well.

Once you have a content block in place, you can click on it to adjust the fine details of what’s in it, as well as its presentation. There are three main tabs available for that: Content, Style and Advanced.

Content, Style and Advanced Option

Like that, one by one, you can work with individual content blocks until you have the whole page ready.

Overall, Elementor is very easy to use and fairly intuitive. Once you grasp the page/structure hierarchy, and get to know all the content elements, working with your pages becomes rather fun. Especially once you start getting into some of the more advanced features, for example:

  • experimenting with the Z-index of elements (to bring stuff forward versus putting it in the back)
  • customizing the on-hover state of elements (changing their appearance based on the cursor position)
  • or setting transitions between sections, like so:

section dividers in Elementor

Elementor plugin review: Pros and cons

Here’s everything I like and dislike about Elementor. Starting with the good:

Pros:

  • It’s free.
  • It has an impressive range of features and is easy to use.
  • Again, the range of features that are available for free is more than impressive. I feel I should include that on the list twice.
  • It allows you to build custom page layouts and designs that may not be available in your current theme, and doesn’t require any HTML, CSS, or PHP skills.
  • The real-time preview gives you true ‘what-you-see-is-what-you-get’ editing.
  • The blank canvas page template basically takes your current theme and throws it away, letting you use just the Elementor blocks and sections. This is particularly helpful if you want to get rid of some pesky footer or header elements that are a constant in most themes.
  • The ability to adjust your desktop, tablet, and mobile views separately. Additionally, Elementor 1.5 allows you to even tweak the column layouts for each specific device/screen size.
  • The rollback option allows you to revert back to an earlier version of Elementor on the off-chance something breaks during an update. I don’t think there’s a feature like this in any of the other popular page builder plugins.

Cons:

  • It doesn’t let you style your links for some reason. Nor does it inherit the link styles properly from the current theme.
  • It’s buggy when it comes to fonts and text in general: Sometimes the styles get applied correctly, sometimes they don’t.

Is it better than its competitors? Should you be using Elementor?

Okay, so Elementor’s main competitors at this point are probably Beaver Builder and Divi. While we could argue that either Beaver or Divi are better than Elementor in some areas, there’s just one aspect that puts Elementor way ahead of everyone else. And that’s the price — or lack thereof.

Incidentally, if you’re interested in looking through some examples of sites actually using Elementor, here’s an impressive collection.

While there’s a pro version of Elementor available, you honestly get 90% of the plugin’s awesomeness for free. Beaver and Divi don’t give you that.

So, in short, if you need a superb free drag-and-drop page builder plugin for WordPress, Elementor is ace!

Used/using Elementor? Thoughts?

By Karol K

Karol K. (@carlosinho) is a freelance blogger and writer, WordPress figure-outer, and published author of "WordPress Complete". His work has been featured all over the web on sites like: Ahrefs.com, MarketingProfs.com, Smashing Magazine, Lifehack.org, Optimizely.com, Adobe.com, CodeinWP.com, and others.
Comments (policy)
  1. Ángel says:

    Pro version is not Open Source. That is the biggest problem they have so far.
    The free version is good and open source, so if that is what you need go for it but make sure you understand that they are not following the Open Source requirements from WordPress. Because of this I won´t trust them.

    • ubishere says:

      You won’t trust them because they actually want to make a living? I think it’s perfectly fair to charge extra for a PRO version and not have this open source.

      • Ángel says:

        No, it is ok to charge for it, in fact it is good that it is a paid option, that is not the problem. What it is not fair is not to make it Open Source, because of the license they are using, it MUST be open source.

    • Tobias says:

      Thumbs up on the article, but I myself only use the pro version which gives me more features and freedom…

      I really love the Elementor Pro.

      I just rebuilt my website in 2 days…

      I used DIVI before but Elementor seems more easy and customizable….

  2. Lyle says:

    To clarify a couple points.
    – there is only one VERSION of Elementor, and that is the free, open source one.
    – Elementor Pro is and ADD ON and not a version. It requires that the free version is installed and activated and does NOT work on it’s own.
    – fonts and colors: to have your theme’s fonts and colors used, tick the two boxes in Dashboard > Elementor > Settings that disable the fonts and colors from Elementor. Save Changes

    Cheers!
    Lyle

  3. Blitz Music says:

    I’m concerned when they have market share it won’t be free anymore and we developers will either face costs we cannot recoup or be forced to shut down websites. Anyone feel this is a downside?

  4. Derek Smith says:

    I’ve used Elementor for some months now on two websites. I found it a little difficult to get the hang of initially, but after a few trips to YouTube I was away. The interface is a wee bit clunky but things improve with each upgrade. My major criticism, that of text editing, has just been corrected by the 1.8 upgrade. As others have suggested, I expect the free option to disappear once their market share is sufficient. Enjoy while you can I suppose. That said, I’d be happy to pay for it, but probably not as much as they will charge.

    For the price (at the moment) there can be no criticisms of the product. It is superb, fun to use and (for once) I’ve had good feedback from website users.

  5. Anders says:

    I highly recommend NOT TO USE Elementor. It has many heavy scripts and will slow down your site for users which will have an impact on your search ranking.

    The biggest problem I’m having with a site I’m managing is that there is no easy way to remove it. It plants itself in a lot of places.

  6. James says:

    Terrific article, Karol. You provide context for new concepts, and explain the key takeaways clearly. Very helpful!

  7. JMann says:

    I do not recommend this product! Why? I adopted the free version day before yesterday and listened to the tutorials, which were good. So I proceeded to build my business website and was half way through it and then I installed my BBB Logo using their html widget and went to see how it looked? It was off center and BAM!! The Elementor editor crashed and I got what developers called the “white screen of death!” Snaps!! I start looking for undo buttons or previous revisions and nothing! Then I start reading up on what to do and came across countless others who have encountered this horrible dillema and most of time, there is little u can do to fix it??
    I did all the necessary resets, purges, and debugging, but none of this fixed it, leaving me w no recourse than having to reset my WordPress Package since I couldn’t delete thae page either. That was a lot of work that got flushed and it makes me angry! I agree w what Anders said too!

Leave a Reply

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

All comments are held for moderation. We'll only publish comments that are on topic and adhere to our Commenting Policy.

Our commenting form also supports the use of Markdown.