The Elementor Page Builder is quickly becoming one of the most popular visual page builders for WordPress with over 2.5 million active downloads, which is amazing since Elementor has just been around for 3 years. You are able to get started with Elementor as a free plugin through the Plugin Repository like a normal plugin. The free version is amazing. It has the basic elements that you will need to build a website page or posts, but if you want more advance features my suggestion is to get the Elementor Pro plugin.
Elementor Pro has so much more features that it is worth the $49 or $99 what ever plan you decide to choose. It also includes marketing resources for your website and a Theme Builder, and pretty good Woocommerce integration.
What is a Page Builder?
A page builder is a way that designers and developers design their websites more often in a drag and drop or visual way to make it easier to design the area of their website without having to go into the backend code or design a theme which is the traditional way of designing the layout of the page. Another way to look at a page builder is a layout designer.
Getting Started with Elementor Page Builder
Adding Elementor is as easy as adding any other plugin. Remember that Elementor Pro is an “add-on” for the free version of Elementor. You will need to have both installed and activated for Elementor Pro to work.
Use Elementor Finder. Press CTRL + E (or CMD +E on Macs) to bring up the ‘Finder’ search window. The Finder allows you to search for things and jump right to that area without going back to the WordPress Dashboard. Yo can even bring up the Finder even if you are in the Dashboard to go to another page or post. You can also use it to jump between different settings or sections.Tip
Features of Elementor Pro
- A visual form builder
- WooCommerce Integration
- Pop-up Builder and Templates
- The Theme Builder
- Premium Templates
- Live Custom CSS.
The User Interface
The Elementor Side Panel
The side panel makes up the builk of the tools interface. It does not take up too much space on the screen. You are able to expand or contract the panel making it smaller or wider depending on your screen real estate, which is a great feature. In addition, you can collapse or open the needed categories of Elements. The feature I love is the ability to search for the Element or type of element that you want to use by typing it in the search button. To use an Element you simply just drag it from the Side Panel onto the page and place it where you want it to go.
When you update your layout, it automatically updates in the Preview window. Not having to manually refresh a second browser tab to check for changes to your layout is such a simple idea, but a huge time saver for designers and marketers.
Elementor gives a lot of control over styling Elements. If you click in the middle of the Side Panel for the Element that you want to control There is a ‘Style’ button. This allows you to control the appearance in a visual way. This is great if you are not a technical designer, but you know what you like and what looks good. This is great for a free page builder. And of course you can do additional controls with CSS.
Elementor Elements and Widgets
Elements are the little building blocks you use to piece your content together, and Elementor offers a generous library to choose from. If you have the Pro version of Elementor, then you’ll also have access to these additional widgets: Elementor supports standard WordPress widgets, as well as any third-party widgets you may have installed, which is wonderful.
Open-Source What Does It Mean?
Elementor is open-source, which is the 1st of its kind. Being open-source means third party developers can build widgets, templates and blocks for this Elementor and either upload them free or charge for them. Open-Source software you can change the code as long as you give it back to the original project.
Elementor is responsive by default, so your design will automatically adapt to different screen sizes. You are able to live preview what your page will look like on different devices, right in the editor. You are able to edit the pages in mobile or tablet mode.
You are able to add and design your own header or footer easily. You can also have different headers and footers based on different requirements.