0.1 · What is Elementor? (Free vs Pro)

Level 0 · Getting started & installation

0.1What is Elementor? (Free vs Pro)

Goal: understand what a page builder is, what Elementor does on top of WordPress, and when Free is enough or Pro becomes necessary.
Estimated time: 10 min · self-paced reading · If you only have 5 min: read “The essentials in 30s” + the diagram.

The essentials in 30 seconds

  • Elementor = a visual page builder for WordPress: you drag elements and see the result live, with no coding.
  • It works on top of WordPress (it doesn't replace it): WordPress runs the site, Elementor designs the pages.
  • Free is enough for a simple showcase; Pro adds the Theme Builder (headers/footers), forms and dynamic content.

Through-line — Nadia, freelance web designer in Oran

Nadia is starting out as a freelancer. First client: a joiner who wants a showcase site (home, projects, contact) to be found on Google. Nadia doesn't want to code from scratch or hire a developer. She hesitates between "doing it all by hand" and a visual builder. This section helps her pick her tool and understand where Free stops.

We follow Nadia and the joiner's site throughout level 0 (install, editor, structure) and beyond.

1. A visual page builder

A page builder lets you compose a web page visually: you drop elements (heading, text, image, button) onto the page and set them while seeing the result live, with no code. Elementor is the most widespread of these tools. For Nadia, it's the promise of delivering a polished showcase to the joiner without becoming a developer.

Key point: Elementor doesn't replace WordPress, it works on top of it. WordPress remains the site's engine (hosting, pages, posts, settings); Elementor simply replaces the content editor with a far more powerful visual one.

2. Free or Pro?

Elementor Free is free and already very complete: visual editor, Flexbox containers, basic widgets (heading, text, image, button…), responsive. For a simple showcase like the joiner's, Free is often enough.

Elementor Pro (paid subscription) adds what's missing once you go further: Theme Builder (design headers, footers, post templates), Form widget, dynamic content, WooCommerce Builder. Nadia's rule: start with Free, move to Pro the day a specific need calls for it (a real contact form, a custom header).

Common misinterpretation: "Elementor replaces WordPress" or "you must have Pro to build a site." No: Elementor adds to WordPress, and Free is enough for a simple showcase. Pro is justified by specific needs (Theme Builder, forms, dynamic content), not on principle.
Elementor on top of WordPress; Free then Pro WordPress is the engine, Elementor designs the pages; Free covers the showcase, Pro adds Theme Builder, forms and dynamic content. WordPressSite engine + Elementor FreeVisual editor, showcase → Elementor Pro (if needed)Theme Builder, forms, dynamic Nadia: start with Free, move to Pro when a specific need calls for it.
WordPress = engine; Elementor = pages. Free for the showcase, Pro to go further.
Text version of the diagram (SEO / screen readers / translation): 1) WordPress remains the site engine. 2) Elementor Free adds on top: visual editor, containers, basic widgets — enough for a showcase. 3) Elementor Pro adds Theme Builder, forms, dynamic content, WooCommerce. Lesson: Nadia starts with Free and only pays for Pro for a real need.

🔎 Concrete example — Is Free enough for the joiner? (Nadia's case)

Need: home + projects (gallery) + contact page.
Free covers: layout, images, text, "Call" button.
Missing in Free: a real contact form (Pro widget).
→ Nadia's decision: start with Free, see if a simple e-mail/phone is enough before paying for Pro.

Result: you pick Free or Pro based on a need, not by reflex.

Lesson: pay for Pro the day a specific feature is missing.

Section vocabulary

Page builder
A tool for visually composing a page: drop elements and set them while seeing the result live.

Simple example: Nadia drags an image and a heading onto the home page, with no code.

What it is not: writing the page's HTML/CSS by hand.

Reflex: "I see what I'm building" = page builder.

Elementor
The most widespread visual page builder for WordPress.

Simple example: Nadia builds the joiner's showcase with Elementor.

What it is not: a theme alone, with no visual layout editor.

Reflex: Elementor designs the pages; WordPress runs the site.

On top of WordPress
Elementor adds to WordPress without replacing it: WP runs the site, Elementor the pages.

Simple example: WordPress hosts pages and settings; Elementor replaces the content editor.

What it is not: thinking Elementor is a site on its own.

Reflex: no working WordPress, no Elementor.

Elementor Free
Free version: visual editor, Flexbox containers, basic widgets, responsive.

Simple example: the joiner's showcase (home, gallery, simple contact) fits in Free.

What it is not: expecting the Theme Builder or a real form from Free.

Reflex: simple showcase → Free is often enough.

Elementor Pro
Paid version (subscription): Theme Builder, forms, dynamic content, WooCommerce Builder.

Simple example: Nadia will move to Pro for a custom header and a multi-field form.

What it is not: paying for Pro "just in case," with no identified need.

Reflex: a specific need missing in Free → Pro is justified.

In practice — Choosing Free or Pro for a project

  1. List the pages/features the site needs (home, gallery, contact, blog…).
  2. For each, note whether Free is enough or a Pro feature is required (form, dynamic header…).
  3. Decide: start with Free? Go to Pro from the start? Why?
  4. Check the prerequisites: is a working WordPress already in place (hosting + WP installed)?
You can position Elementor relative to WordPress and choose Free or Pro based on concrete needs.

Ready-to-say script — explaining Free/Pro to the client (30 s)

"For your showcase, the free version of Elementor is enough: we build the home page, the project gallery and a contact page. Later, if you want a real quote form or a custom header, we move to the Pro version — a small yearly subscription. We start light and step up if needed."

State the cost (subscription) honestly, and tie each euro to a useful feature.

Copy-paste template — Free/Pro decision

PROJECT: _______________
PAGES / FEATURES: _______________
FEATURES COVERED BY FREE: _______________
FEATURES REQUIRING PRO: _______________
DECISION (Free / Pro from the start): _______________
PREREQUISITES OK? (hosting + WordPress): _______________

Simple showcase

Home + 2-3 pages + contact by e-mail/phone: Free is almost always enough.

Form needed

As soon as you need a real form (multiple fields, attachment), Pro's Form widget becomes handy.

Evolving site

Blog + post pages with controlled design: Pro's Theme Builder avoids workarounds.

Tight budget (Algeria)

Start with Free, measure real interest, and only subscribe to Pro if a need clearly justifies it.

✓ Best practices

  • Start with Free and move to Pro for a real need.
  • Keep in mind: WordPress = engine, Elementor = pages.
  • Tie each Pro feature to concrete value for the client.

✗ Common pitfalls

  • Thinking Elementor replaces WordPress.
  • Subscribing to Pro "on principle" with no identified need.
  • Expecting features from Free that belong to Pro.

Key takeaways

  • Elementor = a visual page builder, on top of WordPress.
  • Free: simple showcase; Pro: Theme Builder, forms, dynamic.
  • WordPress remains the engine; Elementor designs the pages.
  • Pay for Pro the day a specific feature is missing.

48h challenge — apply tomorrow

Take a real project (yours or fictional): list its pages, tick "Free is enough" or "Pro required" for each, and decide Free/Pro with a written reason. 15 minutes.

Section exit checklist
  • I can explain what Elementor does on top of WordPress.
  • I tell Free and Pro apart through concrete features.
  • I've decided Free/Pro on a project with a reason.
Self-assessment 1-5: can I position Elementor vs WordPress?do I choose Free/Pro on needs, not reflex?

Frequently asked questions

Is Elementor free?

Yes, Elementor Free is free and enough for a simple showcase. Elementor Pro is a paid subscription that adds the Theme Builder, forms and dynamic content.

Do I need to code to use Elementor?

No: everything is done visually by dragging and dropping elements. Custom CSS/HTML only comes in for advanced cases (level 4), as a complement.

Does Elementor replace WordPress?

No. WordPress remains the site engine (hosting, pages, settings). Elementor adds on top to design the pages visually.

Check your understanding — scenario

The joiner wants a simple showcase (home, gallery, contact). Nadia has a tight budget. What's the most sensible choice?

Additional resources (optional, to go further)

Level 0 examFresh, harder questions to test what you've learned