By the numbers, Elementor is now the most well-liked WordPress web page builder plugin. In response to WordPress.org, it’s lively on over 5 million WordPress websites, which is the best “recognition” ranking a plugin can have and one thing that solely three different plugin builders have ever achieved.
Mainly, Elementor is up there with Jetpack and Yoast search engine optimisation in terms of recognition.
However why is it so common, and is it one of the best device to your WordPress website?
In my hands-on Elementor evaluation, I’ll assist you resolve whether or not Elementor and/or Elementor Professional is correct to your wants.
Observe: This text accommodates affiliate hyperlinks, however each phrase is unbiased, and based mostly on real-experience.
That will help you make that call, right here’s what I’ll cowl:
- How the essential Elementor interface works
- What you get should you improve to Elementor Professional
- Whether or not or not you want Elementor Professional (or simply the free model)
How Elementor Plugin Works
Let’s begin originally – Elementor is a visible, drag-and-drop WordPress web page builder plugin.
Mainly, Elementor allows you to create customized designs without having to know something about code – it’s all visible and point-and-click.
While you launch the Elementor interface, you’ll see a dwell preview of your design on the appropriate and a sidebar on the left.
To create your design, you’ll be able to:
- Use “sections” and “columns” to regulate your design’s structure.
- Drag widgets from the left sidebar onto your dwell preview so as to add new content material.
- Rearrange widgets on the dwell preview utilizing drag-and-drop.
- Click on and sort to edit textual content in your design.
- Use the sidebar to regulate the model and content material of particular person sections, columns, or widgets.
- Proper-click to delete, duplicate, or in any other case manipulate components.
As for the content material itself, the free model of Elementor provides you loads of content material widgets for issues resembling:
- Google Maps embeds
When you don’t wish to construct your designs from scratch, Elementor additionally comes with lots of of professionally-designed templates that you could import. This function alone lets you construct lovely pages on WordPress.
By itself, the free model of Elementor is kind of highly effective, so it would properly be all you want.
Observe: In one in all my tasks, I’m utilizing a mix of AstraWP and Elementor professional. I’ve designed my homepage utilizing Elementor, and for inside pages utilizing Gutenberg blocks.
Nevertheless, Elementor Professional extends this core interface with numerous helpful options, that are what I’ll give attention to for many of this Elementor evaluation.
In a while, I’ll assist you resolve between Elementor free vs Professional.
Elementor Professional Overview: What You Get
Elementor Professional is technically a paid add-on plugin for the free core Elementor plugin at WordPress.org. That’s, you get the very same interface at a primary degree…simply with new options, widgets, and magnificence choices.
Two of essentially the most highly effective options are the flexibility to use the Elementor interface to various kinds of content material.
With the free model, you’ll be able to design the content material that may go “inside” the common WordPress editor. Elementor Professional expands that in two methods:
- Theme Builder – you’ll be able to design the templates to your header, footer, single posts (e.g. a single weblog publish), and archives (e.g. checklist of all of your weblog posts). You can too apply this to your WooCommerce retailer with WooCommerce Builder.
- Popup Builder – you’ll be able to design customized popups utilizing the complete Elementor interface and show them anyplace in your website.
You’ll additionally get the flexibility to insert dynamic content material in your designs. Dynamic content material might come out of your WordPress website — such because the title of a registered person — or it might come from customized fields — resembling Superior Customized Fields or Pods.
For instance, with dynamic content material and Popup Builder, you would create a customized welcome popup that greets registered customers by title.
Past these options, you additionally get new widgets that you should utilize. These widgets can substitute many different premium plugins, which makes Elementor Professional a superb worth. For instance, you’ll get widgets for:
Lastly, you’ll additionally get numerous new design choices, resembling:
- Movement results (e.g. parallax)
- Customized positioning
- Choice so as to add customized CSS to particular person widgets or sections
And for extra design flexibility, you additionally unlock the complete importable template library of over 300+ professional templates.
Elementor Professional will get you entry to each single function above for one value, beginning at $49 for a single website:
Let’s take a hands-on take a look at a few of the most helpful options…
Elementor Theme Builder
With Elementor Theme Builder, you’ll be able to basically fully get rid of the necessity for a WordPress theme and design 100% of your website utilizing Elementor’s drag-and-drop interface.
Or, you would simply surgically substitute elements of your present theme that you really want slightly extra management over. For instance, you would design a customized header to switch your theme’s header however go away every thing else intact.
With Theme Builder, you get the flexibility to create limitless templates to your:
- Single (e.g. a single weblog publish or customized publish kind)
- Archive (e.g. your checklist of weblog posts or a listing of a customized publish kind)
- WooCommerce store web page
- WooCommerce single merchandise
The primary distinction between creating templates and utilizing Elementor to design a single piece of content material is that you could mechanically apply templates to some or all your website.
For instance, should you design a single weblog publish template, you’ll be able to mechanically assign that template to each single weblog publish you publish (or all of the weblog posts with a selected class, tag, creator, and so forth.).
When you select the kind of template you wish to create, you’ll be launched into the common Elementor interface. The one distinction is that you just’ll get some new content material widgets that apply to that template.
For instance, should you’re designing a “Single” template to your weblog posts, you’ll get devoted widgets that can assist you insert a publish’s:
You can too insert different varieties of dynamic content material, which I’ll cowl in a second.
When you’re completed, you’ll be able to publish your template.
For every template, you’ll be able to both apply it sitewide or simply to particular elements of your website, which is tremendous helpful.
For instance, should you publish product critiques, you would use Elementor to design a customized template for simply your product critiques, however not your different weblog posts:
Dynamic Content material
Dynamic content material is one other highly effective function that you should utilize in Theme Builder or different Elementor designs.
Because the title suggests, dynamic content material allows you to dynamically insert content material from someplace in your WordPress website.
For instance, should you’re making a customized person profile web page, you would mechanically insert a logged-in person’s title in a textual content widget. Or, should you’re utilizing customized fields, you’ll be able to mechanically insert customized discipline information right into a widget.
Dynamic content material will be:
Going again to the evaluation instance, you would create a “evaluation ranking” customized discipline that accepts a quantity ranking after which use that quantity to populate a “counter” widget in Elementor.
I do know that this matter sounds slightly difficult, however it actually unlocks loads of energy for constructing customized designs. Elementor explains dynamic content material in additional element on their weblog.
To insert dynamic content material, you’ll first add an everyday widget. For instance, if you wish to pull in dynamic textual content content material, you would add a Textual content Editor widget.
Then, you’ll be able to click on the icon to open the dynamic content material interface:
From there, you should utilize the drop-down to pick what content material to insert. When you’re utilizing Superior Customized Fields, Toolset, Pods, or Meta Field, you’ll additionally be capable of see customized fields from these plugins on this interface.
Elementor Popup Builder
Elementor Popup Builder is one other highly effective function that may get rid of the necessity so that you can use instruments resembling OptinMonster.
With it, you should utilize the common Elementor interface and the entire options you noticed above to design customized popups.
You’ll be capable of use the complete choice of Elementor widgets, which implies that you could create:
- Decide-in popups with the Type widget
- Social sharing popups with the Social Share widget
- Login/registration popups with the Login widget
- And many others.
You’ll even have full management of the popup measurement and entrance animation, which implies that you could create:
- Centered popups
- Notification bars
- Full-screen fillers
- And many others.
When you’ve designed your popup, you’ll be able to publish it to select from an enormous choice of concentrating on and set off guidelines.
The Circumstances tab allows you to apply your popup to sure content material in your website:
The Set off guidelines embrace:
- Time on web page
- Exit intent
- After inactivity
- Scroll depth (both a proportion or to a selected component)
- On click on
And the Superior Guidelines tab provides you extra choices for concentrating on your popups:
When it comes to design flexibility, Elementor Popup Builder is definitely extra versatile than most devoted WordPress popup plugins. Nevertheless, it doesn’t embrace built-in analytics or A/B testing, which could be one thing to contemplate.
With slightly effort, although, you’ll be able to arrange analytics with Google Analytics occasions and A/B testing with the free Break up Take a look at For Elementor plugin.
Elementor Free vs Professional: Which Ought to You Use?
Now that you’ve a superb understanding of what you are able to do with each Elementor and Elementor Professional, let’s transfer into serving to you resolve which device is greatest to your website.
First – Do You Even Want Elementor Plugin?
Earlier than deciding whether or not or not you want Elementor Professional, it’s necessary to contemplate whether or not or not you want Elementor within the first place.
Elementor is a wonderful device, as evidenced by its recognition. Nevertheless, you shouldn’t mechanically assume that it is advisable to use Elementor.
With the brand new WordPress block editor, now you can carry out primary model and structure adjustments utilizing the native WordPress editor. For instance, you’ll be able to embrace a number of columns, insert buttons with out HTML, and so forth.
When you simply wish to get some further management to your weblog posts, the native WordPress block editor (Gutenberg) could be all you want.
The place Elementor is beneficial is if you need extra design choices. Whereas the block editor is nice for primary layouts and styling, it’s nonetheless nowhere close to Elementor.
For instance, Elementor provides you much more choices in terms of:
- And many others.
If you wish to design core pages (e.g. your homepage), touchdown pages, or actually add some aptitude to your weblog posts, you’ll in all probability choose Elementor over the block editor.
Do You Want Elementor Professional?
When you’ve determined that you just do need the design flexibility of Elementor, the following query is whether or not or not it is advisable to pay for Elementor Professional.
The free model of Elementor is obtainable at WordPress.org and, by itself, is already fairly versatile.
For primary touchdown pages and core pages, the free model might be all you want.
Nevertheless, the Professional model additionally provides a number of helpful options resembling:
- Theme builder
- Popup builder
- Dynamic content material
- New widgets
- Superior model choices
So who’s Elementor Professional greatest for?
- Website Builders – should you construct web sites for a residing, you’ll love the Theme Builder and further model choices.
- Customized content material websites – should you’re constructing a customized content material website with customized publish sorts and customized fields, you’ll love Elementor Professional’s skill to create templates and insert dynamic content material. For instance, should you’re constructing a job board or an actual property itemizing website with WordPress.
- Advertising and marketing – should you’re a marketer, you’ll love Popup Builder to have the ability to design every kind of popups and show them anyplace. You’ll additionally be capable of use the Type widget to create opt-in types with out leaving Elementor. Moreover, you’ll be able to construct higher touchdown pages.
- Builders – should you’re a developer, you’ll love developer-friendly options resembling having the ability to add customized CSS on to widgets.
Elementor’s recognition speaks for itself. Once more, it’s lively on over 5 million websites, which is a metric that only a few WordPress plugins attain (and no different web page builder plugin is near).
Extra importantly, Elementor has maintained a formidable four.Eight-star ranking on over 5,250 critiques at WordPress.org.
At a high-level, there are two issues that designate Elementor’s success:
- Options – with superior options resembling Theme Builder and Popup Builder, Elementor simply plain has extra options than many different web page builder plugins.
- Worth – Elementor has probably the most beneficiant free variations of any web page builder plugin. And should you want Elementor Professional, it’s only one value for each single premium function.
Total, if you need a WordPress web page builder plugin, Elementor is certainly one in all your greatest choices.
You may see should you just like the interface by making an attempt out the free model. Then, should you do, think about upgrading to Elementor Professional should you match a few of the conditions that I mentioned above.
Are you utilizing Elementor plugin? I’d like to understand how you’re utilizing it? What all strategies you’ve for different Elementor customers?