Elementor is one of the most popular WordPress plugins to create and design pages easily by drag and drop.
In today’s topic, we’ll show you everything you need to know about the Elementor page builder plugin.
You’ll learn what this tool does, list all its advantages and disadvantages, and help you decide if it’s the right tool for creating your pages.
Elementor was launched in 2016 and quickly became one of the most popular and powerful page builder plugins for WordPress sites.
It is an add-on for creating and designing pages with a drag-and-drop feature, with an advanced and easy-to-use user interface.
Here are the main points of defining Elementor:
- Elementor allows you to create pages and posts that look and feel different compared to the default pages that come with WordPress themes.
- You get a 100% separate interface for working on the design of your pages – away from the default WordPress theme editor Gutenberg.
- It does not require any programming skills as everything can be done through an easy to use interface.
- It works on the front end of your site, which means that it instantly shows you the results of your work in a “WYSWYG” way. What you see is what you get.
- You can use it to create and design any content or page you can imagine, regardless of what your WordPress theme allows you to do.
- Most importantly, it works with all WordPress themes, so you can keep your existing theme and still have all the features that Elementor has to offer.
How to make use of Elementor
The main benefit is to use Add Elementor In that you can create great page designs, even if you are not a professional and have no experience building and designing websites.
This is especially important if you are on a tight budget and don’t want to hire someone to help you build the site.
The DIY (or do it yourself) principle also seems to be resonating with WordPress users from all over the world right now, as at the time of writing Elementor was installed and active on over 5 million WordPress sites!
This is a very large number and demonstrates the reach and popularity of Elementor.
Let’s now take a detailed look at some of the most important features of Elementor
Elementor add-on features
The extension comes with a wide range of useful and wonderful features such as:
- The function of creating the home page itself .. we will talk about it later.
- It provides more than 90 content elements to choose from in creating and designing pages.
- All of these items work in a drag-and-drop fashion, where you can take any item and move it to a new location by simply dragging it across the screen and placing it where you want it.
- “WYSWYG” or what you see is what you get – which means the page look you see in the Elementor editor interface is exactly what your visitors will see (as opposed to working with programming languages like HTML, CSS, etc.)
- The pages that are designed are all mobile responsive and SEO friendly.
- There is a library of pre-made page templates that can be imported and modified (there are over 150 free templates and over 300 professional templates available)
- You can save your templates for reuse at any time.
- If you are using the paid version of Elementor, you can use the “Theme Builder” feature which allows you to modify the basic elements of the template such as header, footer, single article template, or blog archive.
- Finally there is the new “WooCommerce Builder” feature which is similar to Theme Builder but allows you to set up all default WooCommerce pages such as single product page or product archive.
As I mentioned earlier, the primary function of the extension is to allow you to create and edit pages with great freedom.
Also, the live preview feature means seeing the result of your work in real time, meaning that you don’t have to wonder what your page will look like when it’s published.
Elementor allows you to take advantage of many elements (+90 elements) that you can use anywhere on the page.
How Elementor works
You can easily rearrange those items by supporting the drag and drop feature mentioned above.
The main content elements available include headlines, images, text, videos, buttons, dividers, image galleries, testimonials, social media icons, Google Maps, etc..
You can also use widgets that are already in your WordPress theme.
Apart from all this Elementor gives you access to display settings, which is where you can change backgrounds, margins, space values between elements, default colors, fonts, etc…
Also there is a complete review history (containing all the steps and actions you took) which means that you can go back to any previous step or procedure in case you did something wrong and don’t know how to fix it.
Last but not least, Elementor gives you complete control over how your page looks on desktop, tablet, and mobile, where you can switch between devices to fine-tune the finer details to make the page look great on all screens.
Elementor add price
Elementor is free and available in the official WordPress plugins directory wordpress.org
over there Paid version It’s also available, but you probably won’t need it at first to design your pages as you want, the free version can do a lot of great things.
The Pro version has some advanced and interesting features such as:
- More than 50 additional items/content units.
- More than 300 additional ready-made templates.
- Theme Builder Theme builder with which you can change all parts of the theme you are using.
- WooCommerce Builder is a tool that allows you to rebuild online store product pages.
- Popup Builder with which you can create popups and combine them with email forms or some offers and discounts.
- Visual Form Builder provides you with integration with popular marketing tools.
- You can create Global Widgets and then reuse them throughout the site.
- Add custom CSS code to any block you add to the site page.
Elementor Pro سعر price
The subscription system is annual, which means that you will get support and updates throughout the subscription period.
How to use the Elementor plugin
We will now start the practical part of our topic today.. It will be about how to use the Elementor plugin..
Elementor is a WordPress plugin, to run it you will first need to install and activate the plugin on your site – just like any other WordPress plugin-
Next, there is a settings panel that you can visit if you wish, but this is not mandatory.
You can head straight to your site’s pages and create a new one, and immediately you’ll see the ‘Edit by Elementor’ option.
After pressing the “Edit by Elementor” button, you will see a user interface as shown in the image:
- NSThe main panel is where you can place and edit your content blocks.
- Content elements that you can place in the main blocks within the page.
- This is where you can access Elementor’s settings or exit the editor.
- This is how you return to display the content items (in point 2)
- General settings for the page you are working on.
- Page revision history (events).
- Switch device (desktop, tablet, mobile)
- Preview the changes in a new browser window.
- Save and publish the page.
To create a canonical page with Elementor you first need to understand the hierarchy of the structure of the page you are working on:
- A page can have any number of sections in it.
- Each section can contain one or more columns.
- Each column can contain one or more content items.
- Finally, each element of the content can be modified individually.
So we have: Page → Sections → Columns → Content Elements → Design
To get started, you can include a blank section and work on it, or add a ready-made template and modify it to your liking.
First, design a blank page from scratch
Within this new section, you can add new columns, and then populate those columns with content items by simply dragging and dropping the element from the sidebar into the column.
Of course you can also easily rearrange the sections down and up by drag and drop.
Once you have a block where you want it, you can click on it to edit all the details.
To do this there are three main tabs available to you: Settings, Format, and Advanced.
Exactly as in the picture..
- You can work on the blocks to adjust the content of each element as you want from the “Settings” option
- And you can modify the shape in terms of background, color, size and font type from the “Format” option
- And the “Advanced” option is to control the distance between the different sections and some of them, and between the blocks, each separately.
Overall, Elementor is quite easy to use and intuitive, once you understand the page hierarchy and get to know all the content elements it becomes easy and fun to work on designing your pages.
Secondly, ready-to-use templates are designed
All the design possibilities in Elementor are great, very easy and versatile.
But what if you don’t have a specific design vision in mind? You can then use one of the many pre-made templates.
There are more than 150 ready-made templates available in the free version and more than 300 templates in the paid version.
You will also get the so-called “Elementor Kits” which are sets of templates that all follow the same unique design and allow you to create a complete and consistent website.
The library contains various forms of commonly used pages.
You’ll find a great selection of About Us, Contact Us, Home Pages and Landing Pages.
You will also find models for various fields such as hotels, restaurants, companies, and many more.
Not only can you import templates to your site, but you can also modify them freely until you get the result you want.
Finally, you can save any of your own pages as templates and then reuse them on another page or even share them with others.
Who needs to use Elementor?
I have to admit while writing this review about the Elementor plugin that I am a huge fan of this tool.
I have used most WordPress plugins to create pages Almost, but I always come back to using Elementor as the most reliable solution.
Elementor is the easiest way to understand page builder, and it’s also the one that gives you the most features for free.
Elementor is the perfect solution for people who want to create great page designs on their own without having any programming skills, HTML or CSS knowledge.
Elementor is also useful if you feel restricted in what the default WordPress editor allows you to do.
If you can’t display content where you want, add columns or add images in a certain way, the extension will help you do all that.
Ultimately Elementor is for people who want to design a website without learning programming languages.
Is Elementor better than the competition? Here the answer depends on how we look at it.
Therefore, the choice of a tool to create pages in WordPress is often limited to Elementor, Beaver, and Divi.
It makes sense, the three tools are great and practical, and there is nothing better than these tools when it comes to creating WordPress pages.
However there is one thing that puts Elementor far ahead of the others.. that thing is the price.
Although there is a Pro version of Elementor, you will get 80% of the add-on’s features for free.
Beaver and Davey don’t, and that makes Elementor the first choice for anyone looking for a free page builder plugin.
Elementor add-on features
- The add-on is free, and most emerging websites won’t need to upgrade to the Pro version.
- It provides an exceptional set of features and useful features that are easy to use.
- Allows you to create custom pages and designs that might not be available in the regular template, and does not require any programming skills (HTML, CSS or PHP)
- It gives you features like inline text editing, real-time previews, and provides an easy and simple user interface.
- Ability to create responsive designs to fit desktop, tablet and mobile screens separately.
- There are very detailed settings for all the alignment values, margins and inner spacing of the blocks, literally nothing is out of your control.
Disadvantages of adding Elementor
- A custom style for links is not always added as planned.
- Sometimes you may get frustrated when you adjust the default font and color settings which may not be what you want.
- There may be slow loading of the editor sometimes or when saving the page after the completion of its design.
At the end of this Elementor review I would like to point out that if you need an easy drag-and-drop page builder plugin for your WordPress site, Elementor should be on your list.
While there are other alternatives on the market, Elementor excels as the best solution that anyone (including beginners) can use and you won’t have to upgrade to a paid plan.
Do you or have you ever used the Elementor plugin? Do you have anything to add to this review?
Please share your opinion about adding Elementor in the comments..
At the end of today’s topic, we hope that we have succeeded in explaining everything about the Elementor plugin and that this review will help you understand how the plugin works and its most important advantages and disadvantages.