ELEMENTOR
Trying to decide whether Elementor is the best page builder for your WordPress site? In our Elementor review, we hope to give you the information you need to make your decision. Our review includes the latest features in Elementor 2.0 and Elementor Pro 2.0, so you can be certain you’re getting a full look at everything this plugin can do.
Launched in 2016, Elementor has quickly shot up the charts and is now active on over 5,000,000+ websites while maintaining an impressive 94% rating on 5859 reviews at WordPress.org.
Keep reading our Elementor review for help deciding whether you should join those 5,000,000 other users.
What’s the benefit of using Elementor?
Elementor helps you add advanced styling, layout, and design elements to your WordPress content without requiring you to know code. In the new Elementor Pro version, you can even design your entire WordPress theme also without needing to know any code.
What is Elementor?
On a more specific note, Elementor is a visual drag and drop page builder plugin. There are two parts to that description, so let’s parse each:
- Visual means that when you design your content, you see exactly what your visitors will see. There’s never any confusion about how your page will look once you publish it.
- Drag and drop means that you can move around various design elements – like buttons, forms, or images – just by dragging and dropping them. No code required!
The end result is a tool that helps you make your WordPress site look the way you want it to without the need to learn code (or hire a developer).
How the Elementor interface works
I’m going to begin this Elementor review by giving you a basic look at how the Elementor interface works. If you’ve already played around with Elementor a little, you might want to skip straight to the next section of our Elementor review for a look at some more specific features.
How the interface is divided
When you first launch the Elementor editor, you’ll see something like this:
- (1) – the content area. You’ll see your regular theme outside this area, and you’ll build your own design roughly in the area marked with the grey dotted line.
- (2) – elements/widgets. These are the building blocks that you’ll put together to design your page.
- (3) – settings. These help you undo changes, preview your design on different devices, and more.
Building the layout for your design
While you can start using elements right away, you’ll probably want to build the basic structure for your page before you do that.
Elementor gives you two structural elements that help you:
- Position elements
- Style elements as a group (e.g. add a background to an entire section of your page)
These structural elements are:
- Sections – the broadest layout block.
- Columns – sit inside a section. You can either have one column or add multiple columns.
For example, here’s what it looks like to have:
- (1) – one section, marked by blue
- (2) – two columns inside that section, marked by black
Adding new elements to your design
To add a new element to a section or column, you just drag it from the left sidebar onto the visual preview of your page: