Elementor is the most popular page builder for WordPress. With drag-and-drop you build pages without code. Here I'll show you the basics.
Key Takeaways
- Elementor is a visual page builder for WordPress.
- Design pages via drag-and-drop. No programming knowledge needed.
- The live preview shows changes instantly.
What is Elementor?
Elementor is a page builder for WordPress. You drag elements onto the page. Text, images, buttons. Everything via drag-and-drop. The preview updates live. This works just as well for simple landing pages as for larger company websites.
First steps with Elementor
Installation in 2 minutes. In the WordPress dashboard, go to Plugins > Add New. Search for Elementor. Click Install Now, then Activate. After that, the Edit with Elementor button appears on every page (WordPress for beginners).
The Elementor interface
On the left you'll find the widgets. Text, images, videos, forms. In the centre you see your page. Every change is immediately visible. You drag a widget to the right, adjust it, done. No saving and reloading needed.
Designing your first page
Drag a widget from the sidebar into the main area. You adjust size and position with the mouse. In the widget settings (Top design tips for Elementor) you change colours, fonts and spacing. My tip: less is more. Keep the layout clear and tidy.
Elementor Pro: additional features
The free version is enough to get started. Elementor Pro brings advanced widgets, more templates and features such as pop-ups or lead-generation forms. Whether it's worth it depends on your project. For simple websites, the free version is enough. For shops or more complex pages, I recommend Pro.
Frequently Asked Questions
How do I install Elementor?
In the WordPress dashboard, under Plugins > Add New, search for Elementor. Click Install Now, then Activate.
Is Elementor free?
Yes. The free version covers the basic functions. For advanced features there is Elementor Pro.
Can I use Elementor with any WordPress theme?
Elementor works with most themes. It works best with themes optimised for page builders, e.g. Hello Elementor or Astra.
Further reading
A tip for clean typesetting: Set up line spacing & line breaks correctly in Elementor.