• Categories
    • Tutorials
    • Beginners Guide
    • WordPress News
    • WordPress Security
    • Best WordPress Plugins
    • WordPress Themes
    • Product Reviews
    • WP Tips & Tricks
  • Guides
    • Start a Blog
    • Make a Website
    • WordPress Hosting
  • Themes
    • Elegant Themes
    • Thrive Themes
    • OptimizePress
  • Hosting Reviews
    • WPEngine
    • Flywheel
    • A2 Hosting
    • SiteGround
    • Kinsta
  • Coupons
    • WPEngine
    • Flywheel
    • HostGator
    • A2 Hosting
Product Reviews

Is Elementor Page Builder the Plugin You’ve Been Missing? A Review

Last Updated on: July 29, 2016 Brenda Barron 19 Comments

Is Elementor Page Builder the Plugin You’ve Been Missing? A Review

Page builders are all the rage today. They allow people with no coding skills to easily create a unique website the way they want, and they bridge the gap between having a beautiful website and spending a significant chunk of cash to get it.

As more and more people use WordPress on a daily basis, it’s become commonplace for a good majority of themes to include a page builder of their own. But there are still plenty of themes that don’t include a page builder because their developers believe such functionality belongs in a plugin.

The reasoning behind this is simple: using a theme with a built-in page builder means all your custom built layouts will not transfer over if and when you decide to change your website’s theme.

Using a page builder, on the other hand, allows you to keep the layouts you created even if you change your theme.

A relative newcomer to the page builder scene is Elementor. Elementor boasts itself as the most advanced front-end drag & drop page builder which allows you to create high-end websites at record speed.

But does it live up to its claims? In this post, we’ll take a look at Elementor, its features and capabilities, and see if it performs as well as it says.

What is Elementor?

Elementor Plugin

Elementor is a drag and drop page builder that allows you to create responsive page layouts using a live editing interface so you can see the changes as you make them. It includes advanced features like parallax scrolling, full-width background images, advanced buttons, custom headings and more.

Elementor’s biggest selling point is its speed and ease of use. Pojo, the plugin developers, set out to create a unique page builder, with various advantages that set it apart. Let’s take a look at the main features of the plugin.

Main Features

For the purposes of this review, we are using Elementor on a fresh WordPress install with Twenty Sixteen as the active theme.

After Elementor has been installed and activated, you can set up some basic information in the settings menu. The settings panel is very simple, offering the ability to set which post types you want Elementor to be enabled for, as well as user role restrictions, the default font option, and finally, the option to send anonymous data about plugin usage to the plugin developers.

Once that’s done, you’ll see Elementor’s button on any page or post if you enabled Elementor for that type. Clicking the button will open the Elementor interface which is where the main action happens.

The plugin’s live drag-and-drop interface will show up immediately. A new blank page with Elementor enabled looks like this:

Elementor Blank Page

As you can see, you can work on your page layout and see the changes you are making instantly. All the editing happens in real-time. There is no need to switch back and forth between your back-end and front-end interfaces. This makes it extremely easy to create beautiful designs.

After Elementor has been loaded on the page you are editing, you can further customize settings such as fonts and colors. There are also a couple of settings which are marked as coming soon which include Page settings and Revision history.

Setting Up the Layout

Elementor gives you a starting section for your design – one full-width column which you can delete by clicking on Section and then the ‘X’ button. Setting up the rest of the layout is easy. Adding more columns requires simply clicking the “ADD NEW SECTION” button, and choosing the desired number of columns from 12 preset structures to choose from, ranging from 1 to 10 columns.

Elementor Adding New Section

You can add as many sections as you want. Each section is comprised of columns which are the place to put the content for your layout.

It’s worth mentioning that all the columns can be easily resized. The width of a particular column can be changed by simply dragging the arrow between the two columns. Clicking on the individual column allows you to duplicate it, add a new column or delete it.

Elementor Columns

Resizing is very smooth and it happens without any noticeable lag or a glitch.

Clicking on the individual section’s settings options, you can also change the layout from boxed to full-width, add vertical spacing between columns, set up background colors and much more:

Elementor Section Settings

The structure settings of a particular section gives you the option to change the column widths without manually resizing them.

Elementor Widgets

Once the structure and the layout are done, you can then add widgets. Widgets are the building blocks of your design. They can be easily added by simply dragging them from the left panel into the desired section and column. Elementor currently has 24 widgets plus you can add any of the WordPress default widgets into the sections.

And if you are using a plugin that comes with a widget of its own such as WooCommerce, you can use those widgets in the sections as well. Elementor plays nice with other plugins, which is a huge bonus for ease-of-use.

Elementor’s widgets include the standard ones like headings, image, text, video, button and others but also some more specific ones like a counter widget, Google Maps widget, HTML widget, progress bars and more. Unfortunately, the widgets do not include pricing tables or similar widgets, but the plugin’s homepage does have plans to release a social media widget, an audio widget, and a testimonial widget.

Editing and Styling the Widgets

Elementor has plenty of options to edit each widget you use in your design. When you add a widget, you can customize its information, styling, and spacing, as well as the alignment of the widget.

Elementor also lets you control the responsiveness of individual widgets and enter custom settings for mobile design. On top of that, you can choose to show or hide widgets depending on the user’s system and set the options for desktop, mobile, and tablet, which is a nice feature that allows you to get the most out of responsive design.

Previewing Responsive Design

One of the nice things about Elementor is that the plugin makes it easy to preview what your page will look like on different devices, which saves a ton of time when designing and eliminates the guesswork out of how your page will look like on mobile devices.

Elementor Sample Page

Elementor includes presets for:

  • Desktop
  • Laptop
  • Tablet
  • Mobile Landscape
  • Mobile Portrait

If you click on any of these options, you can edit your site in real-time as it will appear on that device.

Other Notable Features

Elementor works with any theme. Building a custom layout is incredibly easy, intuitive, and fast. There are no loading circles as with some other page builder plugins when you are adding the widgets, and the widgets themselves appear as soon as you drop them in their place.

Another notable feature is that Elementor also provides support for RTL themes. On top of that, Elementor has been built to be multilingual right from the start. Elementor has already been translated into German, Polish, Italian, Portuguese, French, Hebrew, with more languages being constantly added.

The benefit of this is that you get a translated panel out of the box, as well as RTL typography support, and developer options to add even more languages.

On top of all this, Elementor is also compatible with custom post types which can be enabled in the settings panel of the plugin.

Pricing and Documentation

Unlike many page builder plugins, Elementor is completely free and can be downloaded from the official plugin repository. There are, of course, other page builder plugins which offer a free version but have limited functionality. With Elementor, this is not the case. The plugin has no paid add-ons and no limited features. You get all the widgets and functionality for free.

Elementor is also open-source, on top of being free. The developers are currently planning to release extra widgets and features every week. For updates on the plugin development, you can follow their Github: https://github.com/pojome/elementor/issues

The plugin also offers documentation, which is a bit sparse at the moment of this post’s writing but it serves as a nice starting point for people who aren’t familiar with page builder plugins.

Final Thoughts

All things considered, Elementor is one of the best free page builders out there. It allows you to create stunning designs directly on your front-end without any glitches or lag. The widgets included with Elementor might be considered pretty basic by some standards, but it provides enough for most people to have what they need, without overwhelming them with too many choices.

One of the best features of the plugin is the way it handles responsive design. With custom controls for sections and widgets, and the ability to preview how your design looks, Elementor truly makes responsive design a breeze.

Elementor definitely has its set of pros as well as cons. Pros include the fact that the plugin works with different themes and doesn’t conflict with other plugins. What’s more, it provides great support for responsive design and doesn’t add additional load on your server. Using the plugin provides a smooth experience.

Disabling the plugin doesn’t leave your page littered with shortcodes and re-enabling the plugin doesn’t interfere with the layout you have built.

On top of everything, Elementor is free and open-source with new features in development.

Elementor Editing the Page

When it comes to the cons, the widgets included with Elementor are not as extensive as the rest of the page builders on the market, but that’s to be expected from a relatively new plugin that is still actively being developed.

Another caveat is the fact that with themes that don’t have a true full-width layout, Elementor doesn’t have the option to override the theme’s default layout. As the plugin’s documentation explains, to achieve this you will have to get your hands dirty with a little coding, or download a child theme of Twenty Sixteen that Pojo built.

If you’re not too keen on using Twenty Sixteen child theme or really don’t want to switch theme, you will have to make a small change to your theme’s files.

Thankfully, the plugin developers have a thorough explanation which guides you through the process in their documentation.

Once you’ve made those changes, you can go to your page, select the full-width template, edit with Elementor, and create stunning full-width sections for your page.

The benefit of this approach is that it prevents unnecessary conflicts in the future. There are some page builders which use JavaScript to force the page to be full width. This is not good practice, and can end up damaging the website. By using the approach described above, you can save yourself a lot of headaches.

Get Elemenator Plugin »

In conclusion, if you are looking for a free page builder without a lot of overwhelming options, but that’s still powerful enough to create great-looking responsive layouts, give Elementor a try.

+ Share
Disclosure

Brenda Barron

Brenda is a professional writer and WordPress enthusiast from Huntington Beach, California. You can find out more about her at Digital Inkwell.

Related Posts

Back to all articles
  • Flywheel WordPress Hosting Review (2021): It’s Like a Design Party on The Internet

  • OptimizePress 3 review

    OptimizePress Review – The Ultimate WordPress Landing Page Builder (2021)

  • Thrive Themes Review: A Look At The Full Membership

Coupons

View more deals
  • Nexcess coupon code
    Save 40%

    Nexcess Coupon

    Looking to save money on managed hosting from Nexcess?
    Get This Deal
  • 33% OFF

    Flywheel Hosting Coupon

    Hosting isn’t always the most simple portion of your websit
    Get This Deal
  • TailorBrands
    25% Off

    Tailor Brands Coupon

    Looking for a Tailor Brands coupon to save on your own custom log
    Get This Deal
19 Comments Leave a Reply
  1. Luke Cavanagh says

    August 3, 2016 at 8:53 pm

    Elementor is up there with Forge for one of the best free page builders.

    Reply
  2. Ben Pines says

    August 4, 2016 at 5:26 am

    Thanks Brenda for this comprehensive review!

    Reply
  3. Vivek Nath R says

    August 16, 2016 at 5:49 am

    Hi,
    I’ve installed Elementor but it showing the message “Elementor requires PHP version 5.4+, plugin is currently NOT ACTIVE.” I’ve checked in my cpanel to see the PHP version and its 5.6. Any fix for this?

    Reply
  4. Justin says

    August 23, 2016 at 5:50 pm

    How is the site speed after everything is installed. The big problems with these site builder are it slows down sites considerably with all the bloating. I personally use thrive themes and love it but certain elements are not available with them but hey free is always good lol. I am definitely gonna give it a shot and report back.

    Reply
    • Luke Cavanagh says

      August 23, 2016 at 9:05 pm

      There is not much in the way of bloat for Elementor, against certain other page builder plugins.

      Reply
  5. Janet Fuller says

    August 27, 2016 at 11:54 am

    Best page builder plugin I have ever seen but there is no way to add pricing table. That’s too bad.

    Reply
    • Luke Cavanagh says

      August 30, 2016 at 4:08 pm

      Looks like it is on the roadmap.

      https://github.com/pojome/elementor/issues/102

      Reply
  6. Michael says

    November 9, 2016 at 4:43 pm

    I am exploring Elementor’s open source builder. It is a front-end + back end editor, which was my first requirement (as a designer, I hate being forced to build completely in the back end, jumping back to preview ever other minute). — problem is, I am getting conflicting advice on whether you can use it with ANY theme or plugin (which Elementor’s site makes absolutely clear that you can). All but one Theme told me there would be conflicts with their Theme. Those that integrate Visual Composer tell me it can’t be uninstalled and were quite adamant that Elementor would NOT work with their Theme. I am not hearing back from Elementor on this big glaring issue before adopting their builder, which I would love to do. I would also be happy to start with a clean canvas and go with NO theme at all, IF there will be enough ready graphic paks and other elements I could readily add, but again the question of theme and plugin conflicts might apply to them as well. I’m a designer, not a coder… just trying to understand how this all works. — can anyone please shed some light on this? … thanks so much! — Michael

    Reply
    • Luke Cavanagh says

      November 9, 2016 at 8:49 pm

      For a clean theme with no bloat that works great with Elementor, GeneratePress.

      https://generatepress.com/

      Reply
  7. Bud Kraus says

    November 18, 2016 at 10:23 pm

    Have just heard about Elementor and have taken it for 2 rides using Amadeus, a free theme based on _underscores.

    It’s fantastic and it’s going to be a category killer. It has a very bright future and I look forward to using it and spreading the word.

    Reply
  8. Luke Cavanagh says

    November 21, 2016 at 4:54 pm

    Also the pro version of Elementor is going to be released on the 12th December.

    Reply
  9. Bryan says

    November 30, 2016 at 2:40 pm

    How does it compare to Beaver Builder? I currently use the paid version of Beaver Builder but if something free is just as good I may switch. Or if the pro version coming out has more features

    Reply
    • Luke Cavanagh says

      December 1, 2016 at 7:02 pm

      The Pro version seems to have some pretty solid set of features, along with a killer live form editor.

      https://elementor.com/elementor-pro-finally-revealed/
      https://elementor.com/pro-forms-in-action/

      Reply
  10. robert edel says

    January 20, 2017 at 6:45 am

    Hi , I would like to use Elementor in conjunction with a WordPress.org site that I have [site also has woo themes e-commerce attached plugin ] . Will I be able to host that whole combination with Siteground ? I contacted their excellent phone service but I am still not quite clear . Just a little out of my depth . I want to use Elementor because I am not 100% technically brilliant with WP and slightly confused . Thanks for your help and understanding .

    Reply
    • Luke Cavanagh says

      January 20, 2017 at 5:04 pm

      So Elementor is a page builder which is installed in the form of a plugin, so you can use it on a self-hosted WordPress site just fine. Yep whichever host you go with Elementor will be fine to use on a WordPress site. Look at using it with OceanWP or GeneratePress themes.

      Reply
      • robert edel says

        January 22, 2017 at 6:26 am

        Thank you Luke Š Look forward to that , cheers , Robert

        Reply
  11. Bud says

    February 5, 2017 at 3:42 pm

    Now that I’ve been using Elementor (still love it) I don’t see anyway to integrate it in a way that it supports the typography of my Genesis child theme. If any one knows how to do that please let me know.

    Reply
  12. Alyn Murray says

    May 1, 2017 at 7:00 pm

    I am (newbie) using GeneratePress-child theme with the Elementor plug in. I would like to use some of my own .mp4 videos I have created,.. on my new site I am creating locally.
    ( Presently, I have these short .mp4 videos in a folder on my HD … NOT on YouTube or Vimeo ) .
    I plan on eventually storing them on AWS3, once I migrate the completed site to my online domain. Currently I am working on a localhost site (Xampp) installed on my Win 7 PC. I would like to have my vids appear on my site in some of the widget areas.
    Could anyone please point me in the right direction to find info about how to do this?
    Elementor seems to only provide a means of displaying video if its already on YouTube or Vimeo.
    I have Googled this subject for some time looking for info ,..so far no joy. Alyn

    Reply
  13. Ipyana says

    September 4, 2017 at 1:10 pm

    Hello!

    How can I put an audio player with its list on elementor plugin because I can’t see on element menu?

    thank you

    Reply

Leave a Reply Cancel reply

Full Disclosure This post may contain affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission (at no additional cost to you). All opinions are our own and we do not accept payments for positive reviews.

Our Newsletter

Get awesome content delivered straight to your inbox.

loader

THE BEST OF WPKUBE

Some of the best content we have published so far.

BEGINNER GUIDES & REVIEWS

1How to Start a WordPress Blog (Step by Step Guide)
2How to Install WordPress - The Complete Guide
36 Best Options for Managed WordPress Hosting Compared
4The 7 Best WordPress Hosting Providers for 2021 Compared
5Top 9 Landing Page Plugins for WordPress (2020)
69 Best List Building Plugins for WordPress In 2021
7How to Fix the 500 Internal Server Error on Your WordPress Website
8Beaver Builder Review: Is it The Best Page Builder Plugin for WordPress (2021)?
9What is a Gravatar and Why You Should Get One
10Thrive Themes Review: A Look At The Full Membership
117 Best WordPress Migration Plugins Reviewed and Compared for 2021
12OptimizePress Review: Create Landing Pages with Ease
13How to Make a Website: Complete Beginner's Guide
14WordPress.com vs WordPress.org: Which is Best for Me?
15Top 22 Best Free Stock Photo Resources For Your Site
1617 of the Best Google Fonts (And How to Use Them in WordPress)
17LifterLMS Review: Is it The Ultimate WordPress LMS Plugin?
18How To Fix '503 Service Unavailable' WordPress Error
1911 Best Contact Form Plugins for WordPress in 2021
20How to Use BackupBuddy – The Best Backup Solution for WP??
21How to Add a Custom Logo to Your WordPress Site
22Kinsta Review: Real Test Data + My Likes And Dislikes
23How to Fix Error Establishing a Database Connection in WordPress
24Thrive Architect Review 2020 – Best Landing Page Plugin for WordPress!

Exclusive deals

Flywheel Elegant Themes Coupon WPEngine Coupon A2 Hosting

WPEngine: 50% OFF Deal

Save 50% on one of the best managed hosting providers.

Get this Deal

Flywheel(our review)

Featured In Forbes Huffpost Entrepreneur SEJ

About WPKube

WPKube is an online WordPress resource which focuses on WordPress tutorials, How-to’s, guides, plugins, news, and more. We aim to provide the most comprehensive beginner’s guides to anything about WordPress — from installing plugins, themes, automated installs and setups, to creating and setting up pages for your website.

We have over 500+ tutorials, guides, product reviews, tips, and tricks about WordPress. Founded by Devesh Sharma, the main goal of this site is to provide useful information on anything and everything WordPress.

Useful Links

  • Behind the Scenes
  • Beginner Guides
  • WordPress Hosting
  • WooCommerce Themes
  • MeridianThemes
  • Exclusive WordPress Deals
View All Guides »

Reviews

  • WPEngine 33% OFF
  • Thrive Leads
  • Flywheel 33% OFF
  • Divi Theme 20% OFF
  • Thrive Architect
  • Elegant Themes
Reviews »

Deals

  • InMotion Hosting
  • LifterLMS Coupon
  • LiquidWeb Coupon
  • WPEngine Coupon
  • A2 Hosting
More Deals »
© Copyright 2020 WPKube ® All Rights Reserved.
  • About
  • Contact
  • Site Terms
  • Disclosure
  • Privacy Policy