loader
profile-image
blog-image

Elementor Review – A Powerful Page Builder That You Can Use For Free – UPDATED 2019.

Considering using Elementor on your site? In our hands-on Elementor review, we’ll give you a detailed look at this popular WordPress page builder and whether it’s right for you.

Since its launch in 2016, Elementor has quickly gone on to become one of the premier WordPress page builder plugins, active on over 2 million WordPress sites according to WordPress.org.

Hands-on Elementor Review

Ok, enough with the jibber-jabber. Let’s actually dig into the Elementor page builder. When you install and activate it, you’ll get this handy new button on all of your posts and pages:

blog-image

To start editing with Elementor, all you need to do is give it a click.

Then, you’ll find yourself in the Elementor interface:

blog-image

As I said, Elementor is a front-end visual builder. So while you’re building your page, you’ll see the final product exactly like your readers will.

To get started, you can either build your page from scratch or use a template.

Building a Page from Scratch with Elementor

Elementor’s interface is a breeze to use. Not only is it smooth and glitch-free, it also lets you go in-depth into how you position your elements.

To get started, you first need to add a Section. Think of a section as a container, while Elements are the actual content that fits inside that container. You can set up different default column widths, though you can always resize these later:

blog-image

Ok, so you can see I went with a nice three-column layout. Now, to add Elements to that layout, you just need to drag them over from the left-hand side. So to add, say, a button, you just drag it over:

blog-image

Then, you can configure the basic details for the button like its text, link, alignment, and size in the Content tab:

blog-image

To edit text, you can now also just click and type on the page. When Elementor first launched, it lacked this feature. But now, editing text is much more convenient because all you do is click and type like you’re working in a Word document.

If you hop over to the Style tab, you can configure colors and borders for your button:

blog-image

And finally, the Advanced tab lets you go in-depth with your button’s positioning. You can add margins, padding, or custom CSS. Then you can even add animation and some other cool settings!

Resizing Columns for Better Page Layouts

Ok, so I added a few more elements to go alongside my button:

blog-image

But let’s say you don’t like how small the video is – you want its column to be wider. To do that, all you need to do is hover in the middle and drag its column width over:

blog-image

Saving Created Layouts as Templates

Let’s say you create a layout you’re absolutely in love with. You love it so much that you want to use it on multiple pages. Do you have to re-create it from scratch each time you want to use it? Nope!

You can save any layout as a template:

blog-image

Which brings me to my next point…

Using Premade Templates to Save Time

Elementor also includes their own premade templates, so you don’t always need to start from a blank canvas. If you opt to go with one of the premade templates (or one of your saved templates), it just takes a few clicks to get started.

Elementor now includes two types of premade templates:

Pages – these are whole page templates.

Blocks – these are blocks for specific sections of a page. You can assemble them like Legos to create a complete page, or just use a block here and there.

blog-image

Then, you can edit and manipulate all of the content just like you could if you’d built the design yourself:

Which brings me to my next point…

Using Premade Templates to Save Time

Elementor also includes their own premade templates, so you don’t always need to start from a blank canvas. If you opt to go with one of the premade templates (or one of your saved templates), it just takes a few clicks to get started.

Elementor now includes two types of premade templates:

Pages – these are whole page templates. Blocks – these are blocks for specific sections of a page. You can assemble them like Legos to create a complete page, or just use a block here and there.

blog-image

Then, you can edit and manipulate all of the content just like you could if you’d built the design yourself:

blog-image

The templates are a great option because they eliminate the need to build a page’s layout. Instead, you’re free to just focus on content.

Previewing How Your Designs Look on Different Devices

Ok, last thing I’m going to show you for now. Because we live in an increasingly mobile-centric world, it’s important that your designs look great on both desktop AND mobile. Makes sense, right?

To help you make sure your designs are responsive, Elementor lets you easily preview how your pages look on:

Desktop, Tablet, Mobile

You just need to click a button in the bottom-left corner and Elementor will show you a live preview:

blog-image

It’s a super convenient and nifty feature.

Comments (3)

  • image
    Ronald Daniel
    August 12st, 2020

    The idea that a page builder should be able to create a landing page with no header and footer is ridiculous. That IS – and should remain to be – a function of the theme itself.

    And there are a number of themes that do include Page templates for landing pages, or options to hide the header/footer.
    That plugin you mention does just that – adds templates you can use with no calls to a header or footer. However, there’s no guarantee it will work with every theme. I don’t want my page builder to muck around with theme functions. Lets keep some things separate, like WP is designed to do.

    reply
  • image
    Md Roqibul
    August 12st, 2020

    Hi Ronald Daniel,
    thanks for sharing your thoughts. While I would agree in an ideal world the theme should control general layout options the fact of the matter is the vast majority of themes don’t come with predefined page templates for landing pages so I think using PageBuilders and plugins for creating landing pages is quite a common use case. We certainly see it a lot. I’ve a ton of clients who create landing pages that aren’t attached to the main site at all and for which they don’t want it to look like their main site look and feel – but they do want it to hang off the main domain like mysite.com/customer-offer-x/

    Best,
    ColmSo if you’ve been eyeing Elementor for your WordPress site, we definitely don’t think you’ll go wrong.

    reply
  • image
    Edward Brian
    August 25st, 2020

    Being a novice, does this actually change your installed themes basic layout, thereby you’re basically not using the installed theme anymore? What about load or speed affects? Does this just replace your theme so to speak? I basically wanted to take a theme I’m using and put sidebars on both sides. How does this affect themes functionality?
    Thanks Howard

    reply

post a comment