0.1 · Qu'est-ce qu'Elementor ? (Free vs Pro)

Niveau 0 · Prise en main & installation

0.1Qu'est-ce qu'Elementor ? (Free vs Pro)

Objectif : comprendre le rôle d'un constructeur de pages, la différence entre Elementor gratuit et Elementor Pro.
Temps estimé : 9 min

Elementor est le constructeur de pages (page builder) le plus populaire pour WordPress : une extension (plugin) qui permet de CRÉER et de METTRE EN PAGE des sites web VISUELLEMENT, par glisser-déposer, SANS écrire de code. Au lieu de coder du HTML/CSS ou de dépendre des mises en page limitées d'un thème, on construit ses pages en déposant des « widgets » (titres, textes, images, boutons, formulaires…) dans une zone de travail, et on les met en forme via des panneaux d'options. Le grand principe : ce que vous VOYEZ en éditant est ce que vous OBTENEZ (édition « WYSIWYG » et en direct — les modifications s'affichent instantanément). Elementor a démocratisé la création de sites WordPress : des utilisateurs non-développeurs peuvent réaliser des pages professionnelles (sites vitrines, portfolios, landing pages, blogs, boutiques) de façon autonome. Il fonctionne PAR-DESSUS WordPress (il ne le remplace pas) : WordPress gère le contenu et l'administration, Elementor gère la conception visuelle des pages.

La distinction FONDAMENTALE à connaître dès le départ : Elementor FREE (gratuit) vs Elementor PRO (payant). (1) Elementor Free : la version gratuite, très complète pour construire des PAGES — l'éditeur visuel, les conteneurs Flexbox, une trentaine de widgets de base (titre, texte, image, bouton, icône, séparateur…), le responsive, les couleurs/polices globales. Suffisant pour un site vitrine simple. (2) Elementor Pro : la version payante (abonnement) qui débloque les fonctionnalités AVANCÉES et professionnelles — le Theme Builder (concevoir en-têtes, pieds de page, modèles d'articles/d'archives — niveau 3), des dizaines de widgets Pro (formulaires, diaporamas, articles, prix…), les pop-ups, le contenu dynamique, le Loop Builder, le WooCommerce Builder (niveau 4), et plus. Pro transforme Elementor d'un constructeur de pages en un constructeur de SITE COMPLET. Points clés. (1) Elementor est le page builder n°1 de WordPress : créer des pages VISUELLEMENT, par glisser-déposer, SANS code (édition en direct). (2) Il fonctionne PAR-DESSUS WordPress (WordPress = contenu/admin ; Elementor = conception visuelle). (3) FREE (gratuit, construire des pages : éditeur, conteneurs, widgets de base, responsive) vs PRO (payant : Theme Builder, widgets Pro, pop-ups, dynamique, WooCommerce — un site complet). (4) Il démocratise la création de sites pro pour les non-développeurs. (5) On peut commencer avec Free et passer à Pro selon les besoins. Comprendre ce qu'est Elementor et la distinction Free/Pro est le point de départ : dans la suite, on installe, on découvre l'éditeur et on construit ses premières pages. Ce guide suppose un WordPress déjà installé (voir le guide WordPress).

Vocabulaire de la section

Elementor
Le constructeur de pages (page builder) le plus populaire pour WordPress : une extension qui permet de créer et mettre en page des sites VISUELLEMENT, par glisser-déposer, SANS code (édition en direct/WYSIWYG).
Page builder
Un outil de construction visuelle de pages web (déposer des éléments, les mettre en forme via des panneaux) sans écrire de HTML/CSS — par opposition au codage ou aux mises en page limitées d'un thème.
Elementor Free
La version GRATUITE : éditeur visuel, conteneurs Flexbox, widgets de base (~30 : titre, texte, image, bouton…), responsive, couleurs/polices globales. Suffisant pour construire des pages simples.
Elementor Pro
La version PAYANTE (abonnement) : Theme Builder (en-têtes/pieds/modèles), widgets Pro (formulaires, posts, diaporamas…), pop-ups, contenu dynamique, Loop Builder, WooCommerce Builder. Un constructeur de SITE complet.
Par-dessus WordPress
Elementor fonctionne AVEC WordPress (il ne le remplace pas) : WordPress gère le contenu et l'administration, Elementor la conception visuelle des pages.
Vérifiez votre compréhension

Qu'est-ce qu'Elementor et quelle est la différence entre la version gratuite et Pro ?

Tutoriel 0.1
Tutos « 0.1 » Elementor Free Pro WordPress page builder présentation (recherche)
Cliquer pour voir les résultats à jour ↗

En pratique — Situer Elementor

  1. Comprenez le rôle : Elementor construit des pages VISUELLEMENT (glisser-déposer, sans code, édition en direct), PAR-DESSUS WordPress (qui gère contenu et admin).
  2. Distinguez FREE (gratuit : éditeur, conteneurs, widgets de base, responsive — construire des pages) et PRO (payant : Theme Builder, widgets Pro, pop-ups, dynamique, WooCommerce — un site complet).
  3. Identifiez votre besoin : un site vitrine simple peut se faire avec Free ; un site complet et professionnel (en-têtes/pieds personnalisés, boutique, dynamique) demande Pro.
  4. Assurez-vous d'avoir un WordPress installé (Elementor est un plugin de WordPress — voir le guide WordPress).
Vous comprenez ce qu'est Elementor (page builder n°1 de WordPress) et la distinction FREE/PRO — le point de départ pour installer et construire vos pages.

Points clés à retenir

  • ELEMENTOR est le CONSTRUCTEUR DE PAGES (page builder) n°1 de WordPress : créer et mettre en page des sites VISUELLEMENT, par GLISSER-DÉPOSER, SANS code — avec une édition EN DIRECT (WYSIWYG). Il démocratise la création de sites pro pour les non-développeurs.
  • Il fonctionne PAR-DESSUS WordPress (il ne le remplace pas) : WordPress gère le CONTENU et l'ADMINISTRATION, Elementor la CONCEPTION visuelle des pages.
  • Distinction FONDAMENTALE : FREE (gratuit — éditeur, conteneurs Flexbox, ~30 widgets de base, responsive, couleurs/polices globales : construire des pages) vs PRO (payant — Theme Builder, widgets Pro, pop-ups, contenu dynamique, Loop Builder, WooCommerce : un site complet).
  • PRO transforme Elementor d'un constructeur de pages en constructeur de SITE COMPLET. On peut commencer avec FREE et passer à PRO selon les besoins. Prérequis : un WordPress déjà installé.

Questions fréquentes

Elementor Free suffit-il, ou faut-il Elementor Pro ?

Le choix entre Elementor Free et Pro dépend de l'AMBITION de votre site : Free suffit pour construire des pages (site vitrine simple), Pro est nécessaire pour un site professionnel complet (en-têtes/pieds personnalisés, boutique, contenu dynamique). Ce qu'offre Elementor FREE (gratuit) : (1) L'ÉDITEUR VISUEL complet (glisser-déposer, édition en direct). (2) Les CONTENEURS Flexbox (mise en page moderne et souple). (3) Une trentaine de WIDGETS de base : titre, texte, image, bouton, icône, séparateur, vidéo, liste d'icônes, image-boîte, galerie de base, Google Maps, HTML, shortcode… (4) Le RESPONSIVE (adapter l'affichage mobile/tablette/bureau). (5) Les COULEURS et POLICES GLOBALES (identité cohérente). (6) Les modèles/blocs (une partie). Free est SUFFISANT pour : un site VITRINE simple (présentation, à-propos, contact), un portfolio, une landing page basique, un blog dont les pages sont construites avec Elementor — tant que vous n'avez pas besoin des fonctions avancées. Beaucoup de petits sites se font entièrement avec Free. Ce qu'ajoute Elementor PRO (payant, abonnement) : (1) Le THEME BUILDER — LA fonctionnalité majeure : concevoir visuellement l'EN-TÊTE, le PIED DE PAGE, les modèles d'ARTICLES et d'ARCHIVES (single/archive) de tout le site (avec Free, l'en-tête/pied dépendent du thème et ne sont pas éditables dans Elementor). C'est ce qui permet de maîtriser TOUT le design du site, pas seulement le corps des pages. (2) Des dizaines de WIDGETS PRO : formulaires, diaporamas, articles/posts, prix/pricing, témoignages, compte à rebours, partage social, navigation… (3) Les POP-UPS (Popup Builder). (4) Le CONTENU DYNAMIQUE (afficher des champs personnalisés, lier des données). (5) Le LOOP BUILDER (grilles d'articles/produits personnalisées). (6) Le WooCommerce Builder (concevoir les pages boutique/produit/panier). (7) Le CSS personnalisé, plus d'effets, etc. Pro est NÉCESSAIRE pour : un site professionnel complet avec en-tête/pied sur mesure, un blog au design maîtrisé, une boutique WooCommerce personnalisée, du contenu dynamique, des pop-ups, des formulaires avancés. Comment décider : (1) Site vitrine simple, quelques pages, pas de boutique ni de design d'en-tête/pied sur mesure → FREE (souvent suffisant, gratuit). (2) Site professionnel complet, en-tête/pied personnalisés, blog au design maîtrisé, boutique WooCommerce, contenu dynamique, pop-ups, formulaires → PRO (nécessaire). (3) En cas de doute → commencer avec FREE, et passer à Pro quand un besoin avancé apparaît (le travail fait en Free est conservé — Pro s'ajoute). (4) Considérez le BUDGET (Pro est un abonnement annuel) vs les besoins (Pro fait gagner beaucoup de temps et de possibilités pour un vrai site pro). Points d'attention : (1) Le THEME BUILDER (en-tête/pied/modèles) est souvent le déclencheur du passage à Pro : sans lui, on ne peut pas concevoir l'en-tête et le pied dans Elementor (ils viennent du thème). Pour un design cohérent et sur mesure, Pro devient vite indispensable. (2) Pro fait aussi gagner du temps (nombreux widgets prêts à l'emploi). (3) Le WooCommerce Builder est indispensable pour une boutique au design personnalisé. En résumé : Elementor FREE suffit pour CONSTRUIRE DES PAGES (site vitrine simple, portfolio, landing page) — éditeur visuel complet, conteneurs, widgets de base, responsive, couleurs/polices globales. Elementor PRO est NÉCESSAIRE pour un SITE PROFESSIONNEL COMPLET : le THEME BUILDER (en-têtes/pieds/modèles d'articles et d'archives — le déclencheur le plus fréquent), les widgets Pro (formulaires, posts…), les pop-ups, le contenu dynamique, le Loop Builder et le WooCommerce Builder. Choisissez selon l'ambition : petit site simple → Free ; site complet, en-tête/pied sur mesure, boutique, dynamique → Pro. En cas de doute, commencez par Free et passez à Pro quand un besoin avancé apparaît. Ce guide couvre les deux, en indiquant à chaque fois si une fonctionnalité relève de Free ou de Pro.

Faut-il connaître le code (HTML/CSS) ou WordPress pour utiliser Elementor ?

Non, Elementor est conçu pour être utilisé SANS coder — mais des notions de WordPress sont nécessaires (Elementor fonctionne par-dessus), et quelques bases de CSS aident pour les finitions avancées. Faut-il coder (HTML/CSS) ? (1) NON pour l'usage normal. Elementor est justement fait pour construire des pages VISUELLEMENT, par glisser-déposer, sans écrire de code. On dépose des widgets, on les met en forme via des panneaux d'options (couleurs, tailles, marges…) — tout se fait à la souris, en voyant le résultat en direct. Un non-développeur peut créer des pages professionnelles complètes sans une ligne de code. (2) Des bases de CSS AIDENT pour les finitions avancées. Pour des personnalisations très fines (un effet précis, un ajustement non prévu par les options), Elementor Pro permet d'ajouter du CSS personnalisé, et comprendre quelques notions (marges, padding, couleurs, sélecteurs) aide. Mais ce n'est PAS nécessaire pour la grande majorité des besoins — les options d'Elementor couvrent l'essentiel. (3) Comprendre la LOGIQUE de mise en page (conteneurs, Flexbox, responsive) est utile — mais Elementor la rend visuelle et accessible sans coder. En clair : on peut faire 95% du travail sans code ; le CSS n'intervient que pour des cas pointus (et reste optionnel). Faut-il connaître WordPress ? (1) OUI, des notions de base sont nécessaires. Elementor est un PLUGIN qui fonctionne PAR-DESSUS WordPress : WordPress gère l'hébergement, l'administration (le tableau de bord), le contenu (pages, articles), les utilisateurs, les réglages, les autres extensions et le thème. Elementor gère la CONCEPTION VISUELLE des pages. Il faut donc savoir : (a) accéder au tableau de bord WordPress ; (b) créer/gérer des pages et articles ; (c) installer des extensions (dont Elementor) ; (d) comprendre la notion de thème ; (e) gérer les menus, les réglages de base. (2) Ces notions WordPress sont un PRÉREQUIS (ce guide suppose un WordPress installé — voir le guide WordPress dédié). Elementor ne remplace pas WordPress ; il s'y ajoute. (3) On peut apprendre WordPress et Elementor en parallèle, mais comprendre le socle WordPress facilite l'usage d'Elementor. Ce qui rend Elementor ACCESSIBLE : (1) Édition VISUELLE et en DIRECT (on voit ce qu'on fait). (2) Glisser-déposer (pas de syntaxe à apprendre). (3) Options par panneaux (choisir plutôt que coder). (4) Modèles et blocs prêts à l'emploi (partir d'une base). (5) Une large communauté, des tutoriels, de la documentation. Comment progresser : (1) Maîtrisez d'abord les BASES de WordPress (le socle). (2) Apprenez Elementor par la PRATIQUE (construire des pages, expérimenter) — l'édition visuelle rend l'apprentissage concret. (3) Comprenez la logique de mise en page (conteneurs, Flexbox, responsive) — au cœur d'Elementor. (4) Ajoutez des notions de CSS plus tard, seulement si vous butez sur des personnalisations avancées (optionnel). En résumé : NON, il ne faut PAS savoir coder (HTML/CSS) pour utiliser Elementor — il est conçu pour construire des pages visuellement, par glisser-déposer, sans code (quelques bases de CSS aident seulement pour des finitions avancées et restent optionnelles). En revanche, des NOTIONS de WordPress sont NÉCESSAIRES car Elementor fonctionne par-dessus WordPress (qui gère l'admin, le contenu, les extensions, le thème) : savoir accéder au tableau de bord, gérer pages/articles, installer des extensions. Elementor est donc accessible aux non-développeurs (édition visuelle, glisser-déposer, options, modèles), à condition de connaître les bases de WordPress. Apprenez WordPress (le socle) puis Elementor par la pratique ; le CSS n'est qu'un plus optionnel pour les cas pointus. C'est cette accessibilité qui a fait le succès d'Elementor : créer des sites professionnels sans être développeur.

Autres ressources