Since launching in 2016, the Elementor Page Builder has received a lot of exposure from the WordPress community. However, there are still many people who aren’t aware that this advanced design solution exists. If you are one of the people who have never heard of Elementor, not to fear, we are here. This article will tell you everything you need to know about WordPress Elementor.
What is Elementor for WordPress
Elementor is a free WordPress page builder that allows you to create beautiful WordPress sites easily and quickly. However, what sets Elementor apart from other page builders is that you can achieve a high design level while designing a life and on the front end of your site. Moreover, it offers limitless design possibilities and includes a variety of useful widgets, a template library, a unique mobile editing toolset, and a visual revision history feature.
How Does Elementor Work?
Elementor is a plugin that replaces the basic WordPress editor with a live frontend editor. As a result, you can create complex visual layouts and design your website without having to switch between the editor and preview mode. Additionally, you can achieve the design you desire without using code or CSS or relying on a developer. This is because the user interface is extremely friendly. It takes only minutes to get acquainted with how Elementor functions. Furthermore, the page builder is fast responding, so there is no lag time when you drag and drop widgets.
Features of Elementor
- Over 90 content elements/modules to choose from, including images, headings, buttons, counters, carousels, progress bars, testimonials, and more.
- Most elements are drag-and-drop.
- What you see in the Elementor interface is exactly what your visitors will see when they arrive at your webpage. All pages are mobile responsive and SEO-friendly.
- With the Elementor Pro, you can use the Theme Builder feature, which lets you modify your theme’s core elements, including the header, footer, blog archives, and single post template.
- Likewise, you can get a library of pre-made page templates that can be imported and modified.
- Access to display settings where you can change backgrounds, default colors, fonts, margins, padding values, etc.
- Full revision history so you can revert to previous versions of a page if you make a mistake and aren’t sure how to fix it.
How to Install Elementor
If you’re wondering how to install Elementor, never fear. It’s as easy to do as the interface is to use. Simply follow the steps we’ve outlined below:
- Navigate to your WordPress Dashboard
- Click on Plugins
- Similarly, click on ‘Add New’
- Perform a search for Elementor
- Install and Activate the plugin
- The add a new page, and you will see an ‘Edit with Elementor’ button at the top of the page
- Finally, click on the ‘Edit with Elementor’ button, and it will open the live visual editor.
How Much Does Elementor Cost?
The basic Elementor plugin is free. However, Elementor Pro is priced starting at $49 per year for one site, $99 per year for three sites, and $199 per year for unlimited sites.
What is Elementor Pro?
Elementor Pro was launched in 2016 as an extension plugin designed for web designers and professionals. It has unique features such as live visual form design, portfolio widgets, custom CSS, flexible posts, and a Global widget.
How to Get Started with Elementor
The Elementor interface has several key elements:
- The main canvas: Here is where you can place and adjust content blocks.
- Available content elements
- Access to the settings of Elementor’s colors, fonts, etc.
- Global settings for the page you’re working on.
- Revision history of the page you’re working on.
- Ability to switch device view (desktop, mobile, tablet).
- Preview your changes.
- Finally, Publish your page.
To build a page with Elementor, you have to understand the page structure hierarchy that Elementor uses:
- A page can have a variety of sections in it.
- Every section can have one or more columns.
- Each column is able to house one or more content elements.
- You can style each content element individually.
To start with, you can either add a ready-made template or include a blank section. Inside the new section, you can add new columns and then add content to these columns by dragging and dropping specific blocks from the sidebar. After you have a content block in place, you can click on it to adjust the fine details of what’s inside it and its presentation. There are three primary tabs to do this: Content, Style, and Advanced.
Overall, Elementor is pretty simple to use and relatively intuitive. After you’ve grasped the page/structure hierarchy and you understand all the content elements, working with your pages becomes second nature.