Anyone looking at WordPress for the first time trips over the name Elementor within minutes. Usually in a phrase like “it lets you build your website without coding”. That is true, but it does not explain what the thing actually is or why it exists at all. Here is the sober version.
The short answer
Elementor is a WordPress plugin that lets you design page content visually. Instead of typing text into an input field and hoping the theme turns it into something presentable, you drag elements onto a canvas and immediately see how the result looks. What you see in the editor is essentially what the visitor sees later.
Tools like this are called page builders. Elementor is the most widely used of them; it runs on several million WordPress installations.
Why it exists in the first place
WordPress started out as blogging software. You wrote text, the theme decided how it looked, done. As soon as somebody wanted a home page with three columns, a background image and a highlighted button, things got tedious: either find a theme that does exactly that, or write code.
Page builders closed that gap. They allow layouts the theme does not provide on its own — without you having to touch CSS or PHP.
By now WordPress ships a similar tool of its own with the block editor (Gutenberg). How the two relate to each other and when each one makes more sense is something I have written up in detail in my block editor versus page builder comparison.
What it feels like to work with
The layout is quickly explained. On the left is a panel of elements — heading, text, image, button, video, icon and so on. On the right (or in the middle, depending on your view) is your page. You drag an element in, click it, and the left panel turns into the settings area for exactly that element.
Those settings are split across three tabs, and the pattern holds for every element:
- Content — what it says: the text, the image, the link target.
- Style — how it looks: colour, font size, spacing, borders.
- Advanced — where it sits and how it behaves: outer margins, visibility on mobile devices, custom CSS classes.
Once you have internalised that three-way split, you will find your way around any widget. That is the actual learning step — the rest is practice.
Containers: the part many people skip
Elements do not sit freely on the page, they sit in containers. Those containers determine the structure: how wide the content is, whether elements sit side by side or stacked, how they wrap on a phone.
Anyone who ignores containers and simply throws widgets in ends up with pages that look passable on the desktop and fall apart on a phone. That is by far the most common mistake I repair in training sessions. I have therefore given the topic its own article: containers instead of sections.
Free or paid?
Elementor comes in two tiers. The free version is fully functional and enough for many websites. The Pro version mainly adds four things: a form widget of its own, the Theme Builder for header and footer areas, popups, and dynamic content.
Which version suits you is something I have worked through in Elementor Free or Pro. Short version: start with the free one, you will notice while building whether you need more.
Elementor Pro: if you want the header area, forms and popups from a single source instead of maintaining three separate plugins, all of that sits in the Pro licence. View Elementor Pro
Who it suits — and who it does not
A good fit if you want to maintain your website yourself, have a layout in mind that your theme cannot deliver, and are willing to put a few hours into the basics.
Less of a fit if your site consists of running text and needs no special layouts — the block editor will do. Likewise if maximum loading speed trumps everything: a page builder inevitably produces more markup than hand-written code. And if you are never going to work on the site yourself anyway, the learning time is badly invested.
I say this plainly, because Elementor is not the right answer for every situation. When I advise against it is set out in when Elementor is the wrong choice.
How best to start
Install the free version, create a test page that will never be published, and spend an hour building things there. Drag elements in, move them around, switch to the mobile view and look at what happens. You will learn more in that one hour than in five videos.
If you prefer the structured route and would rather skip the usual stumbling blocks, I will walk you through exactly these fundamentals in my Elementor training.
Tags