Elementor Page Builder For WordPress
Not sure if Elementor is the right page builder for you? are you having a hard time to figure out if Elementor is the best fit for you?
Well stay tuned with this article because we’re going to cover everything about the Elementor page builder plugin to help you make your decision whether to go with Elementor or some other page Builder with the help of this Elementor review.
So here’s a Short Introduction to the Elementor Page builder For WordPress
Elementor is the World’s leading page builder for WordPress that lets us create beautiful web designs and layouts for our WordPress website without any coding or web design knowledge , Skills.
It’s a complete drag and drop page builder solution for wordpress and you just have to drag the elements from the left panel to the right canvas to design everything, it’s just that simple, we will talk about that later in this blog post.
Elementor works on a separate interface, not on the theme’s interface so it doesn’t mess up with your theme, also Elemrntor works on the Front end of your Website to design webpages that means you can watch your website built live in action, no need to go in the backend, everything happens on the frontend.
You can Use elementor to build any design layout that you see on other websites, Sky’s the limit when it comes to designing web pages with elementor, and the best part is that Elementor is super stable with all the wordpress themes and you can use Elementor as you want, No matter which theme you are using.
Elementor has also managed to attain over 5M+ active installations which makes it the most installed page builder for WordPress, that’s how popular this page builder is.
So in today’s article we will give you a detailed overview of the Elementor page builder plugin.
So without a further due let’s get started with this Elementor review.
|Type||• WordPress Page Builder|
|Starting Price||• $49/year For 1 Site|
|Features||• WYSIWYG (What You See is What You Get Editor)|
• Theme Builder
• Popup Builder
• Beaver Builder
• Thrive Architect
|Available Add-ons||• Ultimate Addons For Elementor|
• LiveMesh Addons For Elementor
• Essential Addons For ELementor
• Envato Elements Premade Templates
- Features Of Elementor Page Builder
- 1. Drag and Drop page builder
- 2. Elementor Theme Builder (PRO FEATURE)
- 3. Elementor has a Separate Editor
- 4. What You See Is What You Get
- 5. You Can Design Anything You can Think Of
- 6. 90+ FREE Widgets, 50+ PRO Widgets, Woo-commerce Widgets
- 7. Elementor Dark mode
- 8. Elementor section Settings
- 9. Adding New Section and Adding Templates
- 10. Most Important Settings of Elementor
- 11. Elementor Finder
- 12. Save as Template option
- 13. Elementor Popups (PRO Feature)
- 14. Elementor Theme Style
- 15. Elementor Motion Effects, Mouse Effect, Mouse Track Effect
- 16. Elementor Role Manager
- 17. Elementor Version Control
- 18. Elementor Support
- BloggingPal’s HomePage is Designed Using Elementor PRO
- How to Use Elementor
- Pros and Cons of Elementor Page Builder
- Pricing of Elementor Page Builder
- How to Buy Elementor Pro
- Conclusion Of Elementor Review
Features Of Elementor Page Builder
Let’s have a look at some of the most amazing features of Elementor Pro One by one, Obviously we will not be covering each one of them because there are hundreds of features but here’s the main ones.
1. Drag and Drop page builder
Elementor is a Complete Drag and Drop page builder solution for WordPress which means you don’t have to do anything in the back end, just drag and drop the elements that you want and design the web page as per your needs of the web page.
Here’s a short video demonstrating Elementor’s drag and drop builder for WordPress
2. Elementor Theme Builder (PRO FEATURE)
Elementor Theme Builder lets you to create custom type posts and pages different than the custom theme.
You can create a different header, Footer, or even different layouts for Posts and pages then what the theme normally provides.
normally you are stuck with the themes default header and footer but by using Elementor PRO’s Theme builder you can create a custom header and footer, you can build them from scratch as you want.
There are lots of different headers and footers to choose from.
You can either apply changes to whole website or single page.
You can even change the design and look of default posts and pages by using the Elementor Theme Builder.
you can watch the below video to know in depth about the Elementor Theme Builder.
3. Elementor has a Separate Editor
Elementor doesen’t work with the gutenberg editor it has its own editor section from where you can control the whole design aspects of your website.
Elementor’s Editor is much flexible and easy to use and we just have to drag and drop the elements from one place to another.
here’s what the Elementor Drag and Drop Editor looks like.
4. What You See Is What You Get
Everything happens in the front end of the Elementor’s Editor that means you can watch the Entire Web Design happening in front of you, You can watch the building of your website live.
Gone are the days where you have to go to backend and test different things to make sure that everything is working fine on the frontend.
Everything happens Live In front of you, that’s the Good thing about drag and drop editor.
5. You Can Design Anything You can Think Of
If you have the power of Elementor in your website you can design any complex design that you can think of.
Elementor provides a lot of elements and blocks to help your website to look amazing.
6. 90+ FREE Widgets, 50+ PRO Widgets, Woo-commerce Widgets
Elementor comes loaded with the widgets that help you to add different elemets to your website.
widgets range from texts, videos, images, and a lot of other different elements that help us to design a professional website from scratch.
Every Element has a Content, Style and Advanced Tab which helps you to further customize the selected element.
The Content tab helps us to edit the contents like If its a text widget we can edit the text of the content, if its an Image element then we can edit the image element etc, different elements have the different type of content settings.
The Style tab of the Widget helps us to style the Element, we can change the color, background, width, height etc from the Style element.
From the Advanced tab of the widget Element you can change the Margin, Padding, add the motion effects, center align the whole element etc.
7. Elementor Dark mode
Elementor also has a dark mode available which helps you to work comfortably according to the lighting conditions of your surroundings.
8. Elementor section Settings
Elementor section setting helps us to make changes to the whole section settings including
- We can change the background color
- we can change the content width
- we can change the gap, height, and alignment of all the elements inside the section.
- we can change the background color, change it to gradient background, video background or even a slide show background using this setting.
- we can also change the margin padding, Add motion effects, Add custom CSS using this settings.
Elementor section settings also has 3 settings within them Namely, Layout, Style and Advanced.
9. Adding New Section and Adding Templates
This section allows us to add templates, Add a new section to our website.
there are over 150+ FREE templates and over 300+ PRO templates that you can import to your website.
10. Most Important Settings of Elementor
The update icon helps us to update our current web design done using elementor
The icon which looks like an eye is the Preview button and that button opens a new window and you can see the live preview with the help of that feature.
The desktop icon is the responsive setting, which helps to check the look of website in mobile, Tablet and, Desktop devices respectively, this feature is very crucial element because before publishing a page we have to make sure that everything is looking good on all the respective devices, and if something is not good in any device then we can check and correct with the help of responsive check button.
The history button shows us all the changes that have been made on a page, and we can always revert back to the previous version of our web design using this history button.
and that layer type of icon is navigator, it shows all the different section os a web page, you will barely need this, I myself don’t use this feature very often.
And that settings icon opens up the page settings where you can edit the page title, Featured image, Page layout for your page.
The elements tab displays all the available elements in th Elementor Page Builder Plugin
You can set the global settings for Title, Images and many more things from here, it will reflect on all entire site
You can do the SEO settings from here, you can set the SEO meta title, SEO meta description and also you can add a focus keyword from this settings.
That three-line hamburger icon opens up the settings for the entire Elementor from where you can change the preferences, theme styles, default colors, Enable dark mode, etc.
and that 9 dot icon brings you back to the elements page where the elements various different widget elements are displayed, which you can drag and drop.
Once you have made any changes to the page you have to update that page, the update button is on the bottom left side, its a green colored button which has Update written on it.
11. Elementor Finder
Elementor Finder helps you to go from one page to another without having to leave the Elementor editor.
just enter the name of the page that you want to navigate into and it will show that page and after you click on that page, you will be taken to that page.
To open Elementor finder just press keys CTRL + E on windows or command + E on mac.
12. Save as Template option
this can be accessed by just clicking on the small arrow button besides the update button.
If you’ve designed a really beautiful design and want to use that design on other parts of your website too without having to redesign that same thing again and again then you can save the design as template and download that template, and then re upload to Elementor in this way you can use the same type of layout on all the different parts of your website, and also you can use the layout on any website using Elementor.
13. Elementor Popups (PRO Feature)
With Elementor popup builder you can easily create beautiful popups for your WordPress website, you can create exit intent popups, SIn up forms, and many other different types of popups.
Elementor popups can be integrated with all the major Email marketing services like Mail chimp, Convertkit, Getresponse, Convertkit, Aweber, Mailerlite etc.
Here are some of the examples of the popups that you can create using the Elementor’s Popup builder.
You can also add various kinds of display rules like when to show popup etc.
14. Elementor Theme Style
Theme style helps you to make changes to the entire design of your website where Elementor is used, You can set the default settings for your website for Fonts, background, Form fields, Images, and custom CSS, It only affects the pages designed using Elementor.
Like for example if you set the default typography to Poppins from here then entire site pages fonts Designed using Elementor will be changed to Poppins.
15. Elementor Motion Effects, Mouse Effect, Mouse Track Effect
Elementor Motion Effects allows you to give motion effects to the elements of the Elementor Widgets.
This is a very cool feature if you want to build a fancy website, and this is a PRO feature that means you have to upgrade to Elementor pro if you want to use this feature.
16. Elementor Role Manager
If you have many different people working on your website like different Editor, Author, Contributor, Subscriber, etc then you can set accessibility to the Elementor’s Features for the specific type of role.
If you want to give access to only specific features to user roles then you can do it from here.
17. Elementor Version Control
If your site breaks, crashes, or has some errors after you updated to the latest version of the Elementor then you can always revert back to the previous version of the Elementor using ELementor’s Version Control Feature.
18. Elementor Support
Elementors Support is also good, you can get in touch with them if you have specific query or having issues with the Elementor plugin which i think you will never have.
They have an active Facebook Page and an Instagram Page where they keep updating their users with the new features that they release or any new announcement they want to do regarding Elementor.
Elementor’s Community is super awesome you will find lots of tutorials regarding this awesome page builder and you will barely need to contact support and even if you need to contact support then they are also super supportive and Generous.
BloggingPal’s HomePage is Designed Using Elementor PRO
How to Use Elementor
For using the Elementor page builder plugin you just have to install the FREE Elementor plugin from the WordPress plugin repository, its FREE so you don’t need to pay any money for installing and using it and most of the features, I would say 90% of the Elementor’s features are for FREE.
Install and activate the Elementor plugin (Screenshot attached below)
And go to any page that you want to edit, and click on edit with Elementor.
If the Edit With Elementor is not in the Front end i.e in the live page, then it will always be there in the back end like shown in the screenshot above.
Do the above step and enter the Elementor editor to design your web pages using Elementor, the Elementor editor will look something like the screenshot attached below.
Simply drag and drop any element that you like to the Elementor canvas, and edit them as per your need.
If you want to take your WordPress web design to the next level then Investing in Elementor pro is the best option.
Note: Disable the sidebar and Enable the content full width of the page that you are going to edit because if you don’t do that then the sidebar will remain and also content will be contained inside a container and it will not be full width.
Every theme provides functionality to disable their page, posts sidebar just find the settings to do that in the theme customize or your current page, post settings.
The settings shown above is of our website using GeneratePress theme your settings may be different to disable sidebar and making full width because every theme is different.
And Remember only do this setting on the page that you want to edit with Elementor.
Pros and Cons of Elementor Page Builder
Pros of Elementor
✅ No coding or Website building experience required to build websites with Elementor
✅ Offers 90+ Professional widget elements to design your website
✅ Has theme builder and Woocommerce builder that lets you design custom pages, Posts for your WordPress websites, and woocommerce websites.
✅ Elementor works perfectly with all the themes that mean you can plug in any theme you want to build your website.
✅ Plenty of 3rd party plugins available for Elementor as addons and extra functionality for Elementor.
✅ Elementor Keeps pushing out new features and templates with every update.
✅ Great Compatibility with Woocommerce and other plugins.
Cons of Elementor
❌ Adding custom styling to links is difficult with Elementor’s Editor, and no option to edit text with block editor.
❌ Some of the templates and blocks are pretty boring,
❌ outdated user interface
❌ the website can look different while in editing mode
❌ can’t adjust margin and padding with drag and drop.
❌ No lifetime pricing plan and due to that users are forced to pay every year
Pricing of Elementor Page Builder
The core Elementor Page builder is a FREE page builder initially and provides 90% of the plugin’s features for FREE.
But if you want to further expand the capabilities of the Elementor Page builder then there’s also a premium version of the Elementor called as Elementor Pro.
And I think Elementor pro is worth paying for because the most Exciting and essential features exist on the Elementor pro version, you get pro widgets, you get theme builder which is the most amazing part and a lot of pro templates that only pro users can access.
So I think Elementor pro is worth paying for if you want to build a professional website.
So coming back to the pricing
Elementor has FREE version, And paid version have 3 plans withing Elementor.
$49 – one site license
$99 – 3 site license
$199 – 1000 site license
What’s The best Elementor PRO plan for you?
It depends because for someone who just focuses on building one site, the $49 plan will be best, and someone who plans on to use it on 3 websites, the $99 plan is best for them, and for someone who plans on to use Elementor on more than 3 websites, for theme the best plan is $199 plan as they can use it on multiple different Websites.
The best value for money plan is the $199 plan because you’re getting an Elementor pro license for 1000 websites by paying just $100 more.
Personally I’ve taken the $199 plan because we have professional web designers in our team and we keep making different types of websites for ourselves, our clients and our friends, so the best plan for us is a $199 plan and that’s what we use.
And I think it’s not that of a big deal, it’s quite cheaper in terms of what you’re getting for the value.
You can opt in for any plan you wish to, If you don’t have lots of websites to work with then you can go with a personal or plus plan.
The real power of Elementor Page builder lies in the Elementor Pro version and it’s definitely worth investing your money on.
How to Buy Elementor Pro
Buying Elementor PRO is pretty simple, just go to Elementor’s Website using this link it will give you an instant 10% Discount.
After you’ll visit this link, then you will be taken to the pricing table of Elementor Page Builder plugin which will look something like the screenshot attached below.
Select any plan that you want to buy, Personally i would recommend you to buy the $199 plan because its the best value for money and you will get to use Elementor on 1000 websites by paying just $100 more than the plus plan which only gives license for 3 websites for $99.
After you have selected a plan for yourself click on the Get started button and follow the screenshot attached below to get Elementor Pro.
After you click on the get started button, you will land on this page, enter your billing information with your credit card or PayPal details, and click on checkout.
After successful transaction you will be taken to your account from where you can download the elementor pro plugin (Screenshot attached below).
After you have downloaded the Elementor pro plugin, you can Install the Elementor pro by just simply uploading the Elementor pro to your WordPress using your WordPress plugins area.
Install the Elementor PRO plugin and you will be done, You will have Elementor PRO on your WordPress website.
Note: Elementor will not work without the FREE version of Elementor Installed on your WordPress website, so make sure you have installed the FREE version of Elementor in your WordPress website before uploading the Elmentor PRO plugin into your website.
After that you can connect your Elementor account with your WordPress and Elementor PRO will work fine after that.
Conclusion Of Elementor Review
I Hope this Elementor review was Helpful for you to decide whether to go with the Elementor Page Builder Or some other page builder.
If you are looking for the best page builder for WordPress that’s beginners friendly, budget-friendly, and High-End Page builder that supports all the Modern-day page builder functionalities then it’s the best investment that you can make for your WordPress website.
I’ve been personally using Elementor for more than a year now and I am stunned using Elementor, and needless to say that this is the best page builder I’ve ever used and it’s probably the Best page builder you’ll ever Find.
It’s a phenomenal builder with Revolutionary Features and Elements that you Won’t Find in any other page builder.
One Small Request: If you found this article useful then do consider sharing this article with your friends, it helps us to reach more awesome people like you.