Launch Your Online Business in Just 7 Days
Elementor is the most popular WordPress page builder, and this Elementor review is going to show you why that is the case.
In this post, we’ll be doing a deeper dive into Elementor’s features, use cases, pros and cons, alternatives, and more.
All to help you grow a deep understanding of the platform to see if it’s a good fit for you.
Let’s begin.
Elementor’s landing page
Elementor is a WordPress plugin with a drag-and-drop interface used to build custom WordPress sites. As an Elementor user, you’ll be able to create WordPress pages that have unique eye-catching designs within 30 minutes of installing the plugin.
And while Elementor is far from the only WordPress page builder, it’s definitely one of the best builder plugins available.
Even the free Elementor plugin has enough features and integrations to create a full WordPress site.
In fact, according to PR Newswire, more than 5 million WordPress sites were created using Elementor. So, if you’re determined on creating a WordPress site, Elementor might be a good option.
Let’s examine their pros and cons to see if they’d remain a good fit.
Here’s an overview of the pros and cons of this builder plugin (tested by one of our writers) in case you’re in a hurry:
Pros
Cons
With these points in mind, let’s see what Elementor offers their WordPress users.
Elementor is packed with features, and that goes for both their Free and Pro versions.
We’ll focus on the main ones and a lot of the neat details that users absolutely love about the Elementor plugin. This includes use cases, differences between the Free version and Elementor Pro, and how to use Elementor as a builder plugin.
Elementor’s Theme Builder dashboard
The Theme Builder is an Elementor Pro feature that gives you a bird’s eye view of all the pages of your website. This allows you to see what types of pages are missing and make sure all the existing parts have the same style or pattern.
You can also save templates for all the pages you design to create an entire WordPress theme that you can edit and utilize quickly.
To access their theme builder, navigate to Elementor’s settings when editing any page and choose “Theme Builder”.
Source: Elementor.com
You can also access the feature from your WordPress dashboard under Templates > Theme Builder.
One neat thing about the Theme Builder feature is that you can choose where to publish certain elements. For example, you can select your footer to be published on the entire site or on all the pages that exclude the checkout page.
This can be handy if you’re running an ecommerce store and looking for conversions.
That being said, you don’t actually need this feature to build an entire WordPress theme. With some tweaking, this can also be done on Elementor’s Free version.
This is probably the most important feature in the Core plugin of Elementor’s Free version. Unlike other page builders, the drag-and-drop interface is fully fleshed out, keeps evolving, and it’s filled with elements for you to operate with.
Let’s start with the Elementor user interface (UI) of the editor, you have 6 main areas you’ll be looking at:
The main sections of Elementor’s editor
1. Panel Header — Select between “Global Site Settings” on the left or “Widgets Panel” on the right.
2. Widgets — Select an Elementor widget or third-party global widgets.
3. Preview Tab — Use this to fully view the page you’re working on or show the panel to customize and edit parts. It’s resizable, too.
4. Toolbar — Includes essential functions and tools you’ll be using, like Responsive View, Publish/Update pages, History, and more.
5. Content — Here you’ll drag and drop widgets and design your whole page on an empty white page.
6. Add New Section/Template — Create a new section or insert an existing template.
Now that you’re familiar with the UI of Elementor’s editor, let’s dive into what really makes it such a powerful website builder.
For starters, whenever you miss a setting or can’t find one, want to navigate between pages, or even create new ones, you can use the Finder function to help:
A gif showing how to use Elementor's Finder tool
Through the same function, Elementor lets you easily breeze through different actions and add-ons like turning on test mode or adding a custom post type to your page.
WordPress users can access the Finder function by either pressing CMD + E or CTRL + E.
As a neat detail, you can also move the Finder pop-up around if it’s covering something important.
When it comes to actually building the page templates, the content area is divided into what Elementor calls “Flexbox Containers”:
An example of Elementor's Flexbox Containers
These containers basically hold the widgets of content you’ll be adding.
For example, you can drag and drop a form widget to one of the plus sections to have it occupy that space.
There’s no need to worry about it having the appropriate size as this is all responsive — we’ll discuss this more in detail later.
To create new containers, simply click the plus icon (+) on top or below an existing section, and then choose your preferred layout for the container.
You can create a whole webpage by adding new containers and widgets from the Widget Panel to said containers until you reach desired results.
You can edit all headings and paragraphs on the page itself.
Controlling fonts, size, buttons, colors, and more advanced details are all done from the Widget Panel.
For example, you can edit the fields and styling from the Widget Panel when having the form widget selected:
Elementor's form fields
You can also save the final form widget for you to use in other places or other projects.
Customization is the name of the game and this Elementor interface allows you to control all visual aspects of your design in a frontend environment.
This means that what you see when building a WordPress webpage on your site is what you get when it’s live or published.
Well, that’s the case most of the time.
Sometimes, Elementor’s interface bugs out and has issues loading certain widgets properly, or straight up crashes — although admittedly, the latter is more rare.
Some users also find that custom CSS Elementor widgets only being available on Elementor Pro is a bit dishonest to the “customize everything” promise Elementor has made.
Elementor widgets are add-ons that allow you to place a certain type of content in the containers.
You can’t use Elementor without its widgets, since they are the frameworks of your design. Adding images, videos, headings, paragraphs, forms, anchors and more isn’t possible without Elementor’s widgets.
Based on Elementor’s widget library, below are the different widgets you’ll get with their Free and Pro versions.
For the Free version:
Source: Elementor.com
For Elementor Pro:
Source: Elementor.com
With Elementor Pro, you also get Theme Element widgets which unlock the features of the previously mentioned Theme Builder feature.
If you want to build an entire theme, this is actually important to you, especially because Elementor Pro also unlocks WooCommerce Widgets.
These will allow you to run online stores on WordPress using Elementor, without many third-party integrations.
The Global Widget setting (available on Elementor Pro) lets you create widgets on multiple pages of your WordPress site, and once you update one of them, they all get updated.
There is also a single post template widget which is essentially a template premade by you that has the layout of posts and articles that you use.
This will help you build your blog posts quicker.
So between global widgets, ecommerce functionality, and everything between them that’s not available on Elementor’s Free version, you should consider the upgrade to Elementor Pro if you’re serious about this platform.
Elementor’s template library
Your goal when using builder plugins is to get things up and running in no time without sacrificing quality — you don’t want to end up with basic landing pages, for example.
And this is where Elementor’s templates come in.
You can easily insert full-page templates, import your own templates, save the current ones as templates, or even look for certain blocks of a page.
Blocks are sections on your page, like FAQs, contact forms, and About Us sections, for example.
Of course, some templates are free and some are only available with Elementor Pro.
You can still use the Free version of Elementor to create full-page templates — which is nice, but don’t expect much from the free templates, because while some of them are decent, a lot of them are super basic.
So if your only option is the Elementor Free version, get ready to get crafty and try other solutions, like integrating other third-party WordPress plugins.
But that comes with its own set of troubles, like page load speeds, which we will explain a bit later.
Everything you create using the Elementor page plugin automatically has a responsive design — which means it will look great no matter the device you’re viewing it on.
This is important, because it’s estimated that more than 57% of web traffic comes from mobile devices.
When you use the Elementor page builder plugin, you have a button in the toolbar to check how your design will look on other devices:
Source: Elementor.com
And don’t forget that you can always preview changes before publishing to make sure everything is looking exactly like you want.
Elementor’s “Preview Changes” button
Elementor's responsive design controls should be used regularly to ensure the quality of the content you’re putting out.
After all, the last thing you want is someone to visit your website and find sections overlapping or worse, not even there.
Source: Elementor.com
The Elementor pop-up builder is a fully modernized way for you to build pop-ups in an easy and constructive manner.
To use Elementor's pop-up builder, head to yourWordPress dashboard >Templates > Add New > Pop-up.
From there, you have all sorts of tricks and tweaks that you can use, like:
And more.
After you’re done editing your pop-up, you’ll need to set up conditions, triggers, and some settings that will dictate how the pop-up would behave:
Elementor’s pop-up settings
You can leave the default settings on and add the pop-up to certain places, like buttons or CTAs, from the dynamic settings for those buttons.
There are pop-up templates, so you don’t have to build everything from the ground up every time — this would save you both time and effort.
The pop-up builder also allows you to highly control your pop-ups.
For example, you can display pop-ups on certain devices, have different ways to close pop-ups, display them as site notifications, and more.
Also, you can use practically any widget in your pop-up and it should work fine, create multi-language pop-ups if you have a multi-language website, and as a convenient detail, pop-ups are GDPR compliant.
Finding all these pop-up features in other page builders is almost nonexistent — you really want to go after the best WordPress page builders if you want to produce similar pop-up results.
In fact, the Elementor pop-up builder isn’t available with the free Elementor Core plugin, and you have to sign up for Elementor Pro if you want to use it.
Website kits on Elementor
The Elementor team is always pushing their platform to be the best WordPress page builder, and one of the features they came up with to achieve that is website kits.
Website kits take Elementor templates and expand on them massively.
Not only do they contain more page templates, but also come with a whole website structure for your WordPress site.
You can think of them as a bundle of page templates, pop-ups, product management plugins, and all the elements needed to create your full website.
Elementor offers both free and premium kits and, as expected, the premium ones require a subscription with Elementor Pro.
To use website kits, go to WordPress Panel > Templates > Kit library.
After selecting a website kit that’s suitable for you, start customizing it to make it your own and fit your branding.
One note that’s worth mentioning is if you already have data and pages on your website, importing a website kit would erase all of that data and you won’t be able to retrieve it — unless you had a backup in place.
Elementor integrations
The way we see it, there are 2 types of integrations with Elementor that you can use:
1. The integrations that Elementor promotes, like in the above picture.
2. The integrations that are made by the Elementor community — Which are in the form of WordPress plugins.
For the first type, those integrations are there to help Elementor be more than just a WordPress page builder and enter full online business management territory.
For example, you can use Elementor Pro to integrate with a platform like Mailchimp to organize your email marketing efforts.
Though the integrations for the free Elementor version are few and basic — this is where the 2nd type of integrations comes in.
Let’s say that after checking out the pricing of Elementor Pro you decide that it’s not a good fit for you, but you still want those premium Elementor extensions and features, what do you do?
You’ll have to resort to integrations that Elementor allows and encourages.
For example, if you want more templates, Elementor lets you integrate with plugins that were created by the community, like:
Some of those plugins are completely free and some of them are paid, but one thing is for certain: More tools mean more productivity.
But that also means more complexity.
See, the more you use third-party plugins, the more you risk the overlapping of functionalities and lowered performance optimization. This will result in slower load speeds for your pages.
This will not only shy away users, but it’s also a determining factor in ranking on search engines.
So it’s safe to say that Elementor works best with its own integrations and features.
That begs the question, is Elementor Pro worth it?
Let’s find out.
Elementor’s pricing
Before we jump into pricing, we want to make clear that the prices discussed below are for the Elementor plugin.
That’s because Elementor offers a “Cloud Website” service for $99/year but that’s not the focus of our Elementor review today.
To be completely honest, you can still use the Elementor Free plugin to create an impressive WordPress site or theme — and that paired with the intuitive Elementor interface that we just explored should explain why so many people love Elementor.
But you’re also missing out on quite a lot of features.
Although they have a great help center, the fact that there’s no support on the Free Elementor plugin doesn’t make it any sweeter either.
As of now, you can buy Elementor Pro yearly subscriptions with 4 different plans:
You can use each activation for a WordPress site that you’re managing or working on. All plans come with all the premium features.
You’ll get varying access to support with different plans as well.
It’s worth noting that Elementor is essentially open-source — it’s really tricky to add custom code (or, as previously mentioned, custom CSS) unless you subscribe to Elementor Pro.
This Elementor review won’t be complete without mentioning other options that you should consider:
systeme.io logo
Systeme.io isn’t just a page builder, it’s an all-in-one solution for building, launching, and scaling online businesses effortlessly.
But what does that mean to someone who’s looking for an Elementor alternative?
Great question — using systeme.io, you can completely build a custom website with:
And more.
But don’t stop there, you have access to state-of-the-art email marketing features, automation rules, affiliate programs, and more advanced marketing tools, like A/B testing.
That means you don’t need integrations to fully flesh out your website with systeme.io.
We would forgive you if you think you can’t afford all that, but you’d be wrong.
systeme.io’s pricing options
Here are our plans:
The Free plan gives access to all the essential features you need to build your website, and it’s free forever.
If you’re planning on selling products on your website, systeme.io integrates with PayPal and Stripe.
And with our superb customer support team, it’s easy to see why people love systeme.io!
Divi’s landing page
Now we’re back to WordPress territory.
The Elegant Themes team made Divi to be a multipurpose theme plugin that doubles as a page builder within WordPress.
Similar to Elementor’s interface, Divi has a ton of customization with a drag-and-drop builder.
All the templates you have in Dive are responsive and what’s neat is that you can easily create custom templates that you can later use on multiple pages.
A handy feature of Divi is Wireframe mode, which gets you a structured overview of your pages — this falls into the same category of visual page builders that the Theme Builder in Elementor is in.
Of course, all of this is under the WordPress environment, so your integration list is endless — and so too the amount of money you can pay for them.
Divi’s pricing
Pricing is simple with Divi, you have 2 plans:
Both plans give you access to all the features, including creating websites and A/B testing with their Divi Leads feature.
You can try out Divi with their 30-day free trial, as well.
Source: WPBeaverBuilder.com
The Beaver Builder is another Elementor competitor that’s very popular.
It’s similar to Divi because it provides you with both a Beaver theme and a Beaver plugin, that you can use with WordPress themes, to build websites.
The Beaver Builder allows you to build pages with features familiar to Elementor, like:
And more.
Speaking of WordPress templates, you can easily create, save, export, and import templates with the Beaver Builder, as well.
Beaver Builder’s pricing plans
The platform has 3 plans:
All plans offer unlimited websites, but you’ll get more advanced features if you sign up for higher plans like the Beaver Theme, and white labeling. You can try their free trial as well.
Before we end this post, here are answers to a few FAQs that you may have:
Elementor is easy to pick up and use for beginners thanks to their drag-and-drop editor, Help Center, and Academy resources.
Elementor works with SEO plugins, like Yoast SEO, but it’s not going to help you rank better on search engines by itself.
Depending on how you’re going to build an Elementor site, load speeds may or may not get hit negatively.
For example, if you add a bunch of plugins and overwhelm your website with media that’s not optimized, your website is bound to get slower.
However, if you go for a clean build that has optimized media and a reasonable amount of functionality, you can get away with good load speeds.
Yes, Elementor works on most WordPress sites or themes.
When writing this Elementor review, we looked at important details to give you an exact feel of how you would use this platform.
To quickly recap:
If you’re planning on launching a whole website for your business, let systeme.io be your guide — you can start for absolutely free!
Simply sign up to start building successful, high-converting landing pages today!
Other posts about online page builders:
Download the book
Get this free guide
The New System to Launch
an Online Business
What you'll learn:
We HATE spam. Your email address is 100% secure
PRODUCT
© systeme.io. All rights reserved.
© systeme.io. All rights reserved.