Elementor is a brand new page builder by Pojo team. In this Elementor review, we will go through the plugin interface and try to get the most of its new features.
UPDATE: This article has been updated with the new feature “Template Library“
Why a Page builder:
Page builder comes in when you want to design your pages or create new layouts in your theme and you are not that HTML and CSS guru or even you want to do it quickly and without coding. Page builders are available as plugins or built into many themes. They make it super easy for almost everyone to design WordPress pages and add extra frills like pricing tables, icons, widgets, etc in just a blink!
What is Elementor:
Elementor is a lightweight page builder created by Pojo. It allows you to edit your page on the front end with no lag. Elementor has the most of the features you seek in a page builder for free. Yes, it’s a free page builder!
How Elementor Works?
Once you have Elementor installed, you can go to its settings page and you can enable it for any post type you have.
To start using Elementor, go to any page (or any other post type you enabled Elementor for and click on “Edit with Elementor”
This will take you to the front end editor as shown
First thing you need to add is a new section
Then, you will select the structure of that section. It can be divided into 10 columns. After that, you will be able to easily drag and drop any page element from the set of the page elements.
You can edit any column setting such as background color/image, typography, styling and responsive options as shown
You can also edit the settings for every section just like the column but for sections you can also edit the Layout settings (content width – type – columns gap – height and content position).
You can check your design page in the responsive mode for other devices (mobile – tablet – laptop and desktop)
Template library offers a set of predesigned templates. It also allows you to save your designs as templates to be used on other pages.
You can access the library by clicking on the Add Template button available next to the add section button on the Elementor design page.
Got to say that the predesignated templates look professional and serve different purposes. You can preview the different templates and insert one into your page.
Editing the templates hasn’t been easier, all you need to do is click on the design element and add your text, image or video and play with its settings.
Moreover, you can save the modified pre-designed template by clicking on the save template icon and give it a name then hit the save button. In addition, you can save sections as a template.
On the My Templates tab, you will see a list of your saved templates. You can preview, edit, delete, export or insert the template to a page.
You can manage your library by navigating to Elementor -> Library. Also wanted to mention that you can import your exported templates from there.
See it in action:
Click here to see an example of a full page created using Elementor
Elementor is a free plugin, and it’s really fast page builder especially when it’s compared to front end page builders.