Fiches-outils, glossaire et sources
Sept fiches à garder sous la main (raccourcis, gratuit ou Pro par plan, unités et points de rupture, checklists responsive et mise en ligne, dépannage rapide, système de design du fil rouge), le glossaire de 87 termes et les sources officielles.
F1 — Raccourcis clavier
Les raccourcis de l’éditeur Elementor, tels que les liste la page « Hotkeys » du Centre d’aide. Sur Mac, la touche Cmd remplace Ctrl ; tout le reste est identique. Les raccourcis fonctionnent quand la toile ou le panneau a le focus, pas quand le curseur est dans un champ de texte.
| Action | Windows | Mac | Chapitre |
|---|---|---|---|
| Enregistrer | Ctrl+S | Cmd+S | 05 |
| Annuler (Défaire) | Ctrl+Z | Cmd+Z | 05, 08 |
| Rétablir (Refaire) | Ctrl+Shift+Z | Cmd+Shift+Z | 05, 08 |
| Copier l’élément sélectionné | Ctrl+C | Cmd+C | 08 |
| Coller | Ctrl+V | Cmd+V | 08 |
| Coller le style | Ctrl+Shift+V | Cmd+Shift+V | 08 |
| Dupliquer | Ctrl+D | Cmd+D | 08 |
| Supprimer l’élément sélectionné | Suppr | Suppr | 05 |
| Finder (rechercher, ouvrir, créer) | Ctrl+E | Cmd+E | 05, 08 |
| Afficher / masquer le panneau | Ctrl+P | Cmd+P | 05 |
| Réglages du site | Ctrl+K | Cmd+K | 19 |
| Structure (arborescence de la page) | Ctrl+I | Cmd+I | 05, 08 |
| Réglages de page | Ctrl+Shift+Y | Cmd+Shift+Y | 05 |
| Historique (Actions et Révisions) | Ctrl+Shift+H | Cmd+Shift+H | 08 |
| Préférences de compte | Ctrl+Shift+U | Cmd+Shift+U | 08 |
| Mode responsive | Ctrl+Shift+M | Cmd+Shift+M | 12 |
| Bibliothèque de modèles | Ctrl+Shift+L | Cmd+Shift+L | 21 |
| Constructeur de thème (Pro) | Ctrl+Shift+E | Cmd+Shift+E | 24 |
| Notes (Pro) | Shift+C | Shift+C | 32 |
| Liste des raccourcis clavier | Ctrl+? | Cmd+? | 08 |
| Quitter (fermer une fenêtre, désélectionner) | Échap | Échap | 08 |
Le copier-coller d’Elementor fonctionne entre deux pages et même entre deux sites ouverts dans le même navigateur (chapitre 08). La liste complète est aussi accessible depuis le menu du logo Elementor › Raccourcis clavier.
F2 — Gratuit ou Pro : les fonctions par plan
Ce que contient chaque version d’Elementor, d’après la page des tarifs et la page « Elementor Pro vs Free » du Centre d’aide, lues le 6 septembre 2026. Prix en dollars US par an, hors taxes, facturation annuelle avec garantie de 30 jours ; les montants affichés en euros sont identiques. Les plans Advanced Solo et Advanced ont les mêmes fonctions et ne diffèrent que par le nombre de sites.
| Fonction | Gratuit | Essential | Advanced Solo / Advanced | Expert |
|---|---|---|---|---|
| Prix par an, hors taxes | 0 $ | 60 $ | 84 $ / 108 $ | 204 $ |
| Nombre de sites | sans limite | 1 | 1 / 3 | 25 |
| Widgets classiques | 30 et plus | + 57 Pro | + 85 Pro | + 85 Pro |
| Éléments atomiques de mise en page et de contenu (Bloc Div, Flexbox, Grille, Titre, Paragraphe, Bouton, Image, SVG, Vidéo, YouTube, Onglets) | ✓ | ✓ | ✓ | ✓ |
| Classes, Variables, États, Gestionnaires, Système de conception | ✓ | ✓ | ✓ | ✓ |
| Interactions d’entrée (au chargement de la page) | ✓ | ✓ | ✓ | ✓ |
| Interactions au défilement, au survol, au clic, effet personnalisé, réglage par point de rupture | — | ✓ | ✓ | ✓ |
| Bibliothèque de modèles, modèles enregistrés, import/export, révisions, Canevas, mode maintenance | ✓ | ✓ | ✓ | ✓ |
| Modèles cloud (réutilisables entre sites) | — | 10 | 20 / 30 | 5 000 |
| Constructeur de thème (en-tête, pied de page, publication, page, archive, recherche, 404, Loop Item) | — | ✓ | ✓ | ✓ |
| Contenu dynamique natif WordPress (balises dynamiques) | — | ✓ | ✓ | ✓ |
| Champs personnalisés ACF, Pods, Toolset | — | — | ✓ | ✓ |
| Loop Builder (Loop Grid, Loop Carousel, Boucle atomique) | — | ✓ | ✓ | ✓ |
| Formulaire (widget classique et Formulaire atomique) | — | ✓ | ✓ | ✓ |
| Envois (collecte des messages) et intégrations e-mailing | — | — | ✓ | ✓ |
| Popups : conditions, déclencheurs, règles avancées | — | — | ✓ | ✓ |
| CSS personnalisé et Code personnalisé | — | — | ✓ | ✓ |
| Composants | — | ✓ | ✓ | ✓ |
| Conditions d’affichage sur un élément | — | ✓ | ✓ | ✓ |
| Tableau de prix, Liste de prix, bouton PayPal | — | — | ✓ | ✓ |
| WooCommerce Builder et widgets produit | — | — | ✓ | ✓ |
| Notes (commentaires sur la page) | — | — | ✓ | ✓ |
| Elementor AI (écrire, coder, images) | essai puis abonnement | essai puis abonnement | essai puis abonnement | essai puis abonnement |
Elementor One (228 $/an, 1 site) regroupe tout Editor Pro et 25 000 crédits par mois pour l’IA (Angie, Elementor AI), l’optimisation d’images, l’accessibilité (Ally), l’envoi d’e-mails (Site Mailer), le consentement aux cookies et la gestion de site ; il n’inclut pas l’hébergement. La ligne « Tableau de prix, Liste de prix, bouton PayPal » suit le tableau du Centre d’aide, qui les réserve aux plans Advanced et supérieurs ; d’autres pages officielles sont moins précises sur ce point. Sans renouvellement, le site continue de fonctionner mais ne reçoit plus les mises à jour de Pro (chapitre 02).
F3 — Unités CSS et points de rupture
Les unités que proposent les champs de l’onglet Style, et les largeurs d’écran auxquelles Elementor change de mise en page. Règle simple : des pixels pour ce qui doit rester fixe (bordures, rayons, largeur maximale), des unités relatives pour ce qui doit s’adapter (texte, largeurs, espacements verticaux).
Les unités
| Unité | Ce que c’est | Quand l’utiliser | Exemple |
|---|---|---|---|
px | Le pixel : une valeur fixe, identique sur tous les écrans | Bordures, rayons, ombres, petits espacements, largeur maximale du contenu | bordure 1px, rayon 12px, contenu 1140px |
% | Une proportion de l’élément parent | Largeur des colonnes et des images ; jamais pour une hauteur de texte | largeur 50% |
em | Relative à la taille de police de l’élément lui-même (ou de son parent) | Padding d’un bouton proportionnel à son texte | padding 0.8em 1.6em |
rem | Relative à la taille de police racine du site, 16 px par défaut | Tailles de texte, marges verticales : l’unité à préférer pour la typographie | 1.0625rem = 17 px, 3rem = 48 px |
vw / vh | 1 % de la largeur / de la hauteur de la fenêtre (viewport) | Hauteur minimale d’un bandeau héros ; avec prudence pour les titres géants | hauteur minimale 70vh |
fr | Une fraction de l’espace libre d’une Grille | Colonnes et lignes de l’élément Grille | 1fr 1fr 1fr = trois colonnes égales |
auto | Le navigateur calcule la valeur d’après le contenu | Hauteur des conteneurs de texte, marges automatiques pour centrer un bloc | hauteur auto, marge auto |
ch | La largeur du chiffre 0 de la police, soit à peu près un caractère | Largeur maximale d’un paragraphe pour rester lisible | largeur maximale 65ch |
Les points de rupture
Trois vues sont actives par défaut ; les autres s’ajoutent dans Réglages du site › Mise en page › Points de rupture. Un réglage fait sur une vue s’applique aux vues plus étroites tant qu’on ne le remplace pas (cascade descendante), sauf « Écran large », qui n’affecte aucune autre vue. Mobile et Tablette ne peuvent pas être supprimés.
| Vue (libellé Elementor) | Largeur d’écran | Par défaut | Remarque |
|---|---|---|---|
| Mobile (portrait) | 767 px et moins | active | La vue à contrôler en premier ; ne peut pas être supprimée |
| Mobile paysage | 880 px et moins | — | Optionnelle ; rarement utile pour un site vitrine |
| Tablette (portrait) | 768 à 1024 px | active | Ne peut pas être supprimée |
| Tablette en mode paysage | 1200 px et moins | — | Optionnelle |
| Portable | 1366 px et moins | — | Optionnelle ; pour les petits écrans d’ordinateur portable |
| Ordinateur | au-dessus du plus grand point actif | base | Tout se règle d’abord ici, puis se corrige vers le bas |
| Écran large | 2400 px et plus (largeur minimale) | — | Seule vue qui ne transmet rien aux autres |
Les valeurs héritées d’une vue plus large apparaissent grisées (widgets classiques) ou atténuées avec un point gris (éléments atomiques). Chapitre 12.
F4 — Checklist responsive
À dérouler page par page, dans l’éditeur en vue Tablette puis Mobile, et enfin sur un vrai téléphone. Une case non cochée est une correction à faire avant la mise en ligne (chapitre 12).
- La page a été vérifiée en vue Tablette et en vue Mobile dans l’éditeur, puis sur un vrai téléphone.
- Aucun défilement horizontal n’apparaît sur mobile : rien ne dépasse de l’écran.
- Les Grilles de trois colonnes passent à une colonne sur mobile (deux en tablette si le contenu s’y prête).
- Les Flexbox en ligne passent en colonne dès que leurs enfants deviennent trop étroits pour être lus.
- L’ordre des éléments sur mobile est logique (réglage Ordre) : l’image ne sépare pas un titre de son texte.
- Les titres sont réduits : H1 de 48 à 32 px, H2 de 34 à 28 px, H3 de 24 à 22 px.
- Le corps de texte reste à 16 px au minimum sur mobile ; aucune ligne ne dépasse 75 caractères.
- Le padding de section passe de 80 à 40 px en haut et en bas ; le padding latéral reste d’au moins 16 px.
- Les écarts passent de 32 à 24 px ; aucun widget Espaceur ne sert d’espacement.
- Aucun conteneur n’a de largeur fixe en pixels ; les largeurs sont en pourcentage ou à 100 %.
- Aucun conteneur de texte n’a de hauteur fixe en pixels ; les hauteurs sont automatiques ou minimales.
- Les boutons sont assez larges pour le doigt (cible d’au moins 44 px) ou en pleine largeur.
- Les éléments masqués sur mobile (Mise en page › Aucun) ont été relus : rien d’essentiel n’est caché.
- Les images d’arrière-plan restent lisibles sur mobile : position recadrée, superposition suffisante.
- Les images chargent une résolution adaptée : pas de photo de 2 000 px pour une vignette.
- Le menu hamburger s’ouvre, se ferme et donne accès à tous les liens et sous-menus.
- Les éléments en position absolue ont été contrôlés sur mobile, ou masqués.
- Les popups sont désactivées sur mobile, ou vérifiées avec une fermeture visible.
- Les réglages ont été faits sur Ordinateur d’abord, jamais sur Mobile d’abord : aucune valeur perdue sur grand écran.
- Le formulaire est utilisable au pouce : champs en pleine largeur, types Email et Tel pour le bon clavier.
F5 — Checklist de mise en ligne
À cocher le jour où le mode maintenance est retiré, dans cet ordre. Les points techniques d’abord, les contenus ensuite, la conformité, puis le dernier test (chapitre 37).
- Une sauvegarde complète (fichiers et base de données) datée du jour existe et a été téléchargée.
- WordPress, Elementor, Elementor Pro, le thème Hello et les extensions sont à jour ; la licence Pro est active.
- L’hébergement tourne sur une version récente de PHP (8.3 recommandée) avec au moins 256 Mo de mémoire.
- Le https est actif et toute adresse en http redirige vers https ; Outils › Remplacer l’URL a été utilisé si besoin.
- Les permaliens sont en « Titre de la publication ».
- La page d’accueil statique est définie dans Réglages › Lecture.
- La case « Demander aux moteurs de recherche de ne pas indexer ce site » est décochée.
- L’identité du site est complète : nom, description, logo, favicon.
- Chaque page a un seul H1, un titre et une description de référencement (extension SEO citée en exemple).
- Toutes les images ont un texte alternatif et pèsent moins de 300 Ko.
- Tous les liens du menu et du pied de page ont été cliqués ; aucune page vide ni texte de remplissage ne subsiste.
- Les liens tel: et mailto: ont été testés depuis un téléphone.
- Le formulaire a été testé : message reçu, accusé de réception reçu, envoi collecté, anti-spam actif.
- L’envoi des e-mails passe par un service fiable (extension SMTP citée en exemple, ou Site Mailer).
- Les mentions légales sont complètes : identité, immatriculation, hébergeur, directeur de publication, contact.
- La politique de confidentialité décrit les données du formulaire, leur durée de conservation et les droits des personnes.
- La case de rappel téléphonique est facultative et non pré-cochée ; la case d’acceptation renvoie à la politique.
- Les ressources tierces ont été inventoriées (vidéos, cartes, polices, statistiques) et un bandeau de consentement est en place si l’une d’elles l’exige.
- Les polices Google sont chargées localement.
- Les contenus assistés par IA sont signalés là où la réglementation le demande, et une mention figure dans les mentions légales.
- La page 404 est personnalisée (Pro) ou, à défaut, celle du thème a été vérifiée.
- Le mode maintenance est désactivé et la page « En construction » est dépubliée.
- Le site a été parcouru en navigation privée sur ordinateur et sur téléphone, de l’accueil au formulaire.
- La fiche Google Business et les réseaux sociaux pointent vers la bonne adresse.
- Le cache a été purgé et Outils › Regénérer CSS et données a été lancé une dernière fois.
F6 — Dépannage rapide
Les quinze pannes les plus fréquentes, avec leur cause probable et le premier remède à essayer. Avant toute manipulation : une sauvegarde, et un test en navigation privée pour écarter le cache du navigateur (chapitre 36).
| Symptôme | Cause probable | Remède |
|---|---|---|
| L’éditeur ne se charge pas (chargement sans fin) | Extension en conflit, mémoire PHP insuffisante, méthode de chargement de l’éditeur | Désactiver la dernière extension installée ; Mode sans échec ; Elementor › Éditeur › Réglages › Avancé › changer la méthode de chargement ; demander plus de mémoire à l’hébergeur |
| Les modifications ne s’affichent pas sur le site | Cache de l’hébergeur, d’une extension ou du navigateur | Purger tous les caches ; vérifier en navigation privée |
| Les styles ont disparu après une mise à jour | Fichiers CSS non régénérés | Elementor › Éditeur › Outils › Regénérer CSS et données, puis purger le cache |
| Erreur 500 ou page blanche | Mémoire PHP épuisée, extension ou thème incompatible | Lire le journal d’erreurs de l’hébergeur ; passer la mémoire à 256-512 Mo ; désactiver la dernière extension ; Contrôle de version pour revenir à la version précédente d’Elementor |
| Images floues | Taille d’image trop petite choisie (miniature) ou fichier d’origine trop petit | Choisir une résolution plus grande dans l’élément Image ; téléverser un fichier plus large |
| Mise en page cassée sur mobile seulement | Valeur héritée inadaptée, ou réglage fait sur Mobile puis écrasé | Mode responsive ; repérer les valeurs héritées (grisées ou point gris) ; passer les Flexbox en colonne, retirer les largeurs fixes |
| Le formulaire n’envoie pas d’e-mail | WordPress envoie sans SMTP et le message est rejeté ; adresse « De » hors du domaine | Vérifier Elementor › Envois (le message est peut-être collecté) ; installer une extension SMTP ou Site Mailer ; « De » sur le domaine du site |
| La police ne s’affiche pas | Police Google non chargée localement, nom mal choisi, cache | Réglages du site › Polices globales ; Elementor › Éditeur › Réglages › Avancé › Google Fonts ; Regénérer CSS ; purger le cache |
| Licence Pro inactive, fonctions Pro grisées | Licence expirée, site non activé, changement de domaine | Désactiver puis réactiver la licence depuis le compte Elementor ; vérifier la date de renouvellement |
| Sections et Colonnes proposées au lieu des conteneurs | Éditeur atomique ou conteneurs Flexbox désactivés | Elementor › Éditeur › Réglages › Éditeur Atomic ; onglet Fonctionnalités |
| L’en-tête ou un modèle ne s’applique pas sur une page | Conditions d’affichage absentes (point gris) ou conflit entre modèles | Constructeur de thème › Modifier les conditions ; se souvenir que le modèle le plus spécifique gagne |
| Un bouton ou un lien dans un conteneur n’est pas cliquable | Un lien est posé sur le conteneur parent | Retirer le lien du conteneur ; poser le lien sur l’élément lui-même |
| Avertissement de sécurité ou cadenas barré après le passage en https | Adresses en http restées dans les contenus et les images | Elementor › Éditeur › Outils › Remplacer l’URL (http vers https) ; purger le cache |
| La popup ne s’ouvre pas | Conditions non enregistrées, règle « jusqu’à N fois » déjà atteinte, utilisateur connecté masqué | Tester en navigation privée ; republier avec conditions ; désactiver temporairement « Masquer pour les utilisateurs connectés » |
| Modifier une classe globale ne change pas un élément | Un style local ou une autre classe globale prime | Retirer le style local de l’élément ; réordonner les classes dans le Gestionnaire de classe |
Pour un ticket au support : Elementor › Éditeur › Système fournit les informations à copier. Chapitre 36 pour la procédure complète en six étapes.
F7 — Le système de design de la Menuiserie Roche
Les valeurs exactes du fil rouge, dix variables et six classes, à saisir dans le Système de conception (chapitre 18) avant de construire les pages. Palette : bois #A8663C, anthracite #2B2B2B, blanc cassé #FAF7F2, vert sauge #7A9E7E ; polices Playfair Display pour les titres et Source Sans 3 pour le texte, chargées localement.
Les variables
| Nom | Type | Valeur | Usage et remarque |
|---|---|---|---|
| bois | Couleur | #A8663C | Bordures, pictogrammes, filets, accents décoratifs. Ne pas poser de texte clair courant dessus : le contraste avec le blanc cassé est d’environ 4,3:1, en dessous du seuil de 4,5:1. |
| bois-fonce | Couleur | #8F5530 | Nuance dérivée pour les boutons principaux, les liens et le texte coloré : contraste d’environ 5,6:1 avec le blanc cassé. |
| anthracite | Couleur | #2B2B2B | Titres, texte courant, fond du pied de page. Contraste d’environ 13:1 sur blanc cassé. |
| blanc-casse | Couleur | #FAF7F2 | Fond des sections claires, texte sur les fonds bois foncé et anthracite. |
| sauge | Couleur | #7A9E7E | Badges, pictogrammes, arrière-plans doux. Texte anthracite dessus (environ 4,7:1) ; jamais de texte clair (environ 2,8:1). |
| police-titres | Police | Playfair Display | H1, H2, H3 et citations. |
| police-texte | Police | Source Sans 3 | Paragraphes, boutons, menu, formulaires, légendes. |
| taille-corps | Taille | 1.0625rem | 17 px ; 16 px sur mobile. |
| taille-h1 | Taille | 3rem | 48 px sur ordinateur ; 32 px sur mobile. |
| taille-h2 | Taille | 2.125rem | 34 px sur ordinateur ; 28 px sur mobile. |
Si la variable de taille n’est pas proposée dans votre version (la page d’aide « Variables » la mentionne pour les utilisateurs Pro), saisissez les tailles directement dans les classes. Les valeurs de contraste sont calculées selon la formule des règles WCAG et arrondies.
Les classes globales
| Classe | S’applique à | Réglages | États |
|---|---|---|---|
| btn-primaire | Bouton atomique | Fond bois-fonce, texte blanc-casse, police-texte graisse 600, taille-corps, padding 14 px haut/bas et 28 px côtés, rayon 999 px (pilule), sans bordure, transition 300 ms | Au survol : fond anthracite. Focus : contour 2 px anthracite, décalé de 2 px, toujours visible. |
| btn-secondaire | Bouton atomique | Fond transparent, bordure 2 px bois, texte bois-fonce, mêmes padding, rayon, police et transition | Au survol : fond bois-fonce, texte blanc-casse. Focus : identique à btn-primaire. |
| carte | Bloc Div | Fond blanc pur (#FFFFFF, pour se détacher du blanc cassé), rayon 12 px, padding 32 px, ombre 0 4px 16px noire à 8 %, transition 300 ms ; direction colonne, écart 16 px | Au survol : ombre 0 8px 24px noire à 12 %, déplacement de 4 px vers le haut. |
| section | Flexbox (balise Section) | Padding 80 px haut/bas et 24 px côtés ; enfant « contenu » limité à 1140 px et centré par marges automatiques ; sur mobile 40 px haut/bas et 16 px côtés | — |
| titre-section | Titre H2 | police-titres, taille-h2, graisse 700, anthracite, interligne 1.2, marge basse 24 px, centré | — |
| texte-max | Paragraphe | Largeur maximale 720 px, taille-corps, interligne 1.6, anthracite | — |
L’échelle typographique
| Niveau | Police | Ordinateur | Mobile | Graisse | Interligne |
|---|---|---|---|---|---|
| H1 | Playfair Display | 48 px (3rem) | 32 px (2rem) | 700 | 1.15 |
| H2 | Playfair Display | 34 px (2.125rem) | 28 px (1.75rem) | 700 | 1.2 |
| H3 | Playfair Display | 24 px (1.5rem) | 22 px (1.375rem) | 600 | 1.3 |
| Corps | Source Sans 3 | 17 px (1.0625rem) | 16 px (1rem) | 400 | 1.6 |
| Petit texte, légendes | Source Sans 3 | 15 px (0.9375rem) | 15 px | 400 | 1.5 |
| Boutons et menu | Source Sans 3 | 17 px | 17 px | 600 | 1 |
Deux familles, quatre graisses au total (Playfair 600 et 700, Source Sans 3 400 et 600) : c’est la limite conseillée au chapitre 33 pour ne pas alourdir le chargement. Slogan en H1 sur l’accueil seulement ; sur les autres pages, le H1 nomme la page.
Glossaire
Les termes du support, en français, avec le libellé anglais de l’interface entre parenthèses lorsqu’il aide à s’y retrouver. Les chapitres sont indiqués quand une notion y est développée.
- Accessibilité
- Capacité d’un site à être utilisé par tout le monde, y compris avec un lecteur d’écran, au clavier ou avec une vision réduite. Repères : titres hiérarchisés, textes alternatifs, contraste d’au moins 4,5:1, focus visible (chapitre 34).
- Accordéon (Accordion)
- Widget classique qui empile des titres dépliables ; un clic ouvre le contenu. La version « imbriquée », gratuite, accepte n’importe quel élément dans chaque volet.
- ACF (Advanced Custom Fields)
- Extension, citée en exemple, qui ajoute des champs personnalisés et des types de contenu à WordPress. Ses champs se lisent dans Elementor Pro, plans Advanced et supérieurs, par les balises dynamiques.
- Administration WordPress (wp-admin, tableau de bord)
- L’arrière-boutique du site : pages, articles, médias, menus, extensions, réglages. Elementor s’y ajoute sous le menu « Elementor ».
- AJAX
- Technique qui permet à une page de charger de nouvelles données sans se recharger entièrement : pagination et filtres d’une boucle, envoi d’un formulaire.
- Ancre (anchor)
- Repère posé dans une page vers lequel un lien peut faire défiler ; se crée par le widget Ancre de menu ou l’identifiant d’un élément, et s’appelle par un lien en
#nom. - Angie
- Extension séparée d’Elementor, IA dite « agentique », qui agit dans l’administration et dans l’éditeur (mises en page atomiques, formulaires, classes, variables). Facturée en crédits One (chapitre 23).
- Appel à l’action (call to action)
- Le bouton ou le lien qui demande au visiteur de faire quelque chose : « Demander un devis ». Un seul appel principal par écran (chapitre 15).
- Arborescence
- Carte des pages d’un site et de leurs liens ; pour un site vitrine, une page d’accueil et quelques pages accessibles en un clic depuis le menu.
- Archive
- Page générée par WordPress qui liste des contenus : les articles d’une catégorie, d’un auteur, d’une date, ou les résultats d’une recherche. Habillée par le Constructeur de thème (chapitre 25).
- Arrière-plan (Background)
- Ce qui se trouve derrière le contenu d’un élément : couleur, image, dégradé, ou plusieurs couches superposées dans l’éditeur atomique (chapitre 17).
- Article (Post)
- Contenu daté et classé par catégories et étiquettes, fait pour les actualités et le blog ; s’oppose à la page, contenu stable.
- Atome, élément atomique (Atomic element)
- Élément de la génération actuelle d’Elementor : Bloc Div, Flexbox, Grille, Titre, Paragraphe, Bouton, Image, SVG, Vidéo, Onglets. Deux onglets, Général et Style, un code léger, des classes et des variables (chapitre 06).
- Balise dynamique (Dynamic tag)
- En Pro, valeur qui s’affiche selon le contexte au lieu d’être saisie : le titre de la publication en cours, sa date, un champ personnalisé, un lien téléphone ou WhatsApp (chapitre 26).
- Balise HTML (HTML tag)
- Nom de la boîte dans le code : div, header, section, article, aside, footer, h1. Choisie dans l’onglet Général d’un conteneur atomique ; elle donne du sens à la page pour les moteurs de recherche et les lecteurs d’écran (chapitre 09).
- Barre supérieure (Top Bar)
- Bande sombre en haut de l’éditeur : menu Elementor, ajout d’élément, réglages de page, historique, mode responsive, Finder, Structure, aperçu, Publier (chapitre 05).
- Bibliothèque de modèles (Template Library)
- Fenêtre qui propose des blocs et des pages prêts à l’emploi, ainsi que vos modèles enregistrés (chapitre 21).
- Bloc Div (Div Block)
- Conteneur atomique générique, le plus léger ; il empile ses enfants. À préférer quand on n’a pas besoin de les disposer en ligne (chapitre 09).
- Boucle (Loop)
- « Pour chaque élément, applique ce gabarit » : mécanisme Pro qui affiche une liste de publications ou de produits avec un même modèle, en grille, en carrousel ou en éléments atomiques (chapitre 27).
- Cache
- Copie toute prête d’une page, servie plus vite qu’une page recalculée. Explique la plupart des « je ne vois pas mes modifications » : on purge le cache.
- Canevas Elementor (Elementor Canvas)
- Mise en page d’une page entièrement vide, sans en-tête ni pied de page du thème ; pour une page « en construction » ou une page d’atterrissage.
- Champ personnalisé (Custom field)
- Information ajoutée à une publication au-delà du titre et du texte : commune, essence de bois, année. Créé par une extension, affiché par une balise dynamique (chapitre 26).
- Classe (Class)
- Ensemble de réglages de style partagés par plusieurs éléments atomiques. La classe locale (rose) appartient à un élément ; la classe globale (verte) se réutilise partout et se gère dans le Gestionnaire de classe (chapitre 18).
- Composant (Component)
- En Pro, bloc construit une fois et inséré sur plusieurs pages en restant synchronisé ; certaines propriétés, un titre ou une image, peuvent être exposées et modifiées par instance (chapitre 22).
- Conditions d’affichage (Display Conditions)
- Règles qui décident où un modèle du Constructeur de thème, ou un élément en Pro, s’affiche : tout le site, une page, une catégorie, un type de contenu (chapitres 24 et 32).
- Constructeur de thème (Theme Builder)
- Outil Pro pour dessiner les parties du site que le thème gérait : en-tête, pied de page, publication unique, page, archive, résultats de recherche, erreur 404, Loop Item, produit (chapitres 24 et 25).
- Conteneur (Container)
- Boîte qui contient d’autres éléments et décide de leur disposition. Conteneurs atomiques : Bloc Div, Flexbox, Grille ; conteneur classique de la génération V3 ; ancien système : Section et Colonne (chapitre 11).
- Core Web Vitals
- Trois mesures de Google sur l’expérience de chargement : le LCP (affichage du plus grand élément), l’INP (réactivité aux interactions) et le CLS (stabilité visuelle) (chapitre 33).
- CPT (Custom Post Type, type de contenu personnalisé)
- Famille de contenus créée sur mesure à côté des pages et des articles, comme « Réalisation » ou « Produit ». Se crée avec une extension, s’affiche avec une boucle (chapitre 26).
- Crédits One
- Unité de consommation de l’abonnement Elementor One (25 000 par mois) pour l’IA, l’optimisation d’images, l’accessibilité, l’envoi d’e-mails et le consentement aux cookies (chapitre 02).
- CSS
- Langage qui décrit l’apparence d’une page : couleurs, tailles, espacements, position. Elementor l’écrit pour vous ; le CSS personnalisé, en Pro, permet d’en ajouter à la main (chapitre 32).
- Éditeur atomique (Atomic Editor, Editor V4)
- Génération actuelle de l’éditeur Elementor, stable depuis la version 4.0 du 30 mars 2026 et activée par défaut sur les nouveaux sites ; réglable dans Elementor › Éditeur › Réglages › Éditeur Atomic (chapitre 06).
- Éditeur de blocs (Gutenberg)
- Éditeur natif de WordPress, par blocs. Il reste le bon outil pour les articles de blog ; Elementor prend la main sur les pages vitrines (chapitre 01).
- Em, rem
- Unités relatives à une taille de police : l’em à celle de l’élément, le rem à celle de la racine du site, 16 px par défaut.
1.0625remvaut 17 px (fiche F3). - En-tête (Header)
- Bande du haut présente sur toutes les pages : logo, menu, bouton. Construite avec le Constructeur de thème en Pro, ou fournie par le thème Hello (chapitre 24).
- Envois (Submissions)
- En Pro, plans Advanced et supérieurs, liste des messages reçus par les formulaires, consultable dans Elementor › Envois et exportable en CSV. Ce sont des données personnelles : durée de conservation à fixer, purge à prévoir (chapitre 28).
- État (State)
- Variante d’une classe pour une situation donnée : Au survol, Focus, Actif, Sélectionné pour les Onglets. C’est ce qui fait changer un bouton de couleur sous la souris (chapitre 18).
- Extension (Plugin)
- Programme qui ajoute une fonction à WordPress : Elementor, Elementor Pro, un formulaire, une extension de référencement, un cache. Moins il y en a, mieux le site se porte.
- Favicon
- Petite icône du site affichée dans l’onglet du navigateur ; déclarée dans Réglages du site › Identité du site (chapitre 19).
- Finder
- Barre de recherche de l’éditeur pour ouvrir ou créer une page, un article, un modèle, ou atteindre un réglage (chapitre 05).
- Flexbox
- Conteneur atomique qui dispose ses enfants en ligne ou en colonne, avec les réglages Justifier le contenu, Aligner les éléments, Écart et Retour à la ligne. La base de toute mise en page dans ce support (chapitre 09).
- Gap (Écart)
- Espace entre les enfants d’un Flexbox ou d’une Grille, réglé une fois pour tous ; il remplace les marges posées élément par élément et le widget Espaceur.
- Grille (Grid)
- Conteneur atomique qui organise ses enfants en lignes et en colonnes, avec des largeurs en
fr; un enfant peut occuper plusieurs cellules (chapitre 09). - H1 à H6 (Heading)
- Les six niveaux de titres HTML. Un seul H1 par page, puis des H2 pour les grandes parties, des H3 à l’intérieur ; on ne choisit jamais une balise pour sa taille (chapitre 13).
- Hébergement (hosting)
- Serveur loué chez un hébergeur, sur lequel WordPress est installé. Il fournit aussi PHP, la base de données, le certificat https et souvent une sauvegarde (chapitre 04).
- Hello Elementor
- Thème gratuit et très léger, conçu comme une toile vierge pour Elementor ; à préférer à Hello Biz, annoncé en maintenance (chapitre 04).
- Historique et Révisions (History, Revisions)
- Fenêtre de l’éditeur : Actions, tout ce qui a été fait depuis l’ouverture, et Révisions, une version par enregistrement, pour revenir en arrière (chapitre 08).
- Honeypot
- Champ de formulaire invisible pour les humains, que les robots remplissent ; permet d’écarter le spam sans imposer de test au visiteur (chapitre 28).
- HTML
- Langage qui décrit la structure d’une page en boîtes emboîtées et en balises. Elementor le génère ; l’éditeur atomique en produit une version plus légère (chapitre 03).
- Interactions
- Onglet des éléments atomiques pour les animations : entrée à l’affichage en gratuit ; défilement, survol, clic, effet personnalisé et réglage par point de rupture en Pro (chapitre 20).
- Lightbox (Visionneuse)
- Fenêtre qui affiche une image ou une vidéo en grand sur un fond sombre, au clic ; réglée dans Réglages du site › Visionneuse (chapitre 14).
- Loop Grid
- Widget classique Pro qui affiche une boucle en grille : choix du Loop Item, colonnes, requête, pagination, avec un Filtre par taxonomie en option (chapitre 27).
- Loop Item (Élément de boucle)
- Gabarit d’une seule carte d’une boucle : image mise en avant, titre, extrait, bouton. Créé dans le Constructeur de thème et répété pour chaque élément (chapitre 27).
- Margin et padding (marge externe, marge interne)
- Le padding est l’espace entre le contenu d’une boîte et son bord ; la margin, l’espace entre ce bord et les voisins. Les deux se règlent par côté dans Style › Espacement (chapitre 10).
- Médiathèque (Media Library)
- Réserve des images, vidéos et fichiers du site, dans WordPress. Elementor y puise, WordPress conserve (chapitre 14).
- Mise en page (Layout)
- Première section de l’onglet Style d’un élément atomique : Bloc, Flex, Bloc en ligne ou Aucun, puis direction, justification, alignement, écart et retour à la ligne (chapitre 09).
- Mode maintenance
- Réglage d’Elementor (Outils) qui montre une page « Bientôt disponible » aux visiteurs pendant la construction ; les personnes connectées voient le site normal (chapitre 04).
- Mode responsive
- Vues Ordinateur, Tablette et Mobile de l’éditeur ; les réglages faits dans une vue ne s’appliquent qu’à elle et aux vues plus étroites (chapitre 12).
- Modèle (Template)
- Bloc ou page enregistré pour être réinséré ailleurs, en copie indépendante, ou partie de site du Constructeur de thème. Import et export au format .json (chapitre 21).
- Page
- Contenu stable et sans date, comme l’accueil ou la page Contact, rangé hors du blog ; c’est ce que l’on construit avec Elementor (chapitre 01).
- Panneau (Panel)
- Colonne de gauche de l’éditeur : liste des éléments quand rien n’est sélectionné, réglages de l’élément sélectionné sinon (chapitre 05).
- Permalien
- Adresse d’une page ou d’un article. Réglage recommandé : Réglages › Permaliens › Titre de la publication, pour des adresses lisibles (chapitre 04).
- Pixel (px)
- Unité fixe de l’écran. Utile pour les bordures, les rayons et la largeur maximale du contenu ; à éviter pour les hauteurs et les largeurs de conteneurs (fiche F3).
- Point de rupture (Breakpoint)
- Largeur d’écran à partir de laquelle la mise en page change : Mobile jusqu’à 767 px, Tablette jusqu’à 1024 px, points supplémentaires activables dans Réglages du site › Mise en page (chapitre 12).
- Popup (fenêtre surgissante)
- Fenêtre qui s’ouvre par-dessus la page selon des conditions, des déclencheurs et des règles avancées ; Pro, plans Advanced et supérieurs (chapitre 29).
- Position (statique, relative, absolue, fixe, collante)
- Façon dont un élément est placé : dans le flux (statique), décalé (relative), sorti du flux et posé par rapport à son parent (absolue), fixé à l’écran (fixe), collé en haut au défilement (collante) (chapitre 10).
- reCAPTCHA
- Service de Google qui distingue humains et robots dans un formulaire, avec une case (v2) ou de façon invisible (v3) ; clés à saisir dans Elementor › Éditeur › Réglages › Intégrations. Charge une ressource tierce (chapitre 28).
- Réglages du site (Site Settings)
- Fenêtre des réglages globaux : couleurs et polices globales, styles du thème, identité, arrière-plan, mise en page, points de rupture, visionneuse, CSS personnalisé en Pro (chapitre 19).
- Responsive
- Se dit d’un site dont le même contenu se réorganise selon la largeur de l’écran, du téléphone au grand moniteur (chapitre 12).
- RGPD
- Règlement européen sur la protection des données (règlement 2016/679). Pour un site vitrine : politique de confidentialité, case d’acceptation, données minimales, durée de conservation, consentement aux traceurs non exemptés (chapitre 35).
- Section
- Deux sens : la balise HTML section, qui désigne une grande partie de page et se choisit pour un Flexbox de bandeau ; et l’ancien élément Section/Colonne d’Elementor, antérieur à 2022, que l’on ne doit plus utiliser pour construire (chapitre 11).
- SEO (référencement naturel)
- Ensemble des pratiques qui aident un site à être trouvé par les moteurs de recherche : structure, contenu, vitesse, titres et descriptions, liens. Elementor y contribue ; une extension dédiée complète (chapitre 34).
- Shortcode (Code court)
- Petit code entre crochets fourni par une extension, qui affiche sa fonction là où on le colle ; le widget Code court l’insère dans une page Elementor (chapitre 16).
- SMTP
- Protocole d’envoi des e-mails. WordPress envoie mal par lui-même ; une extension SMTP, ou Site Mailer, fait passer les messages du formulaire par un serveur fiable (chapitre 28).
- Sticky (collant)
- Position d’un élément qui reste visible au défilement, typiquement l’en-tête ; Position › Collante en atomique, Effets de mouvement dans la génération V3 (chapitre 10).
- Structure (ex-Navigator)
- Arborescence de la page : imbrication des conteneurs et des éléments, renommage par double-clic, réordonnancement par glisser-déposer (chapitres 05 et 08).
- SVG
- Format d’image vectorielle, net à toutes les tailles et très léger ; idéal pour un logo ou un pictogramme. Élément SVG atomique (chapitre 14).
- Taxonomie
- Système de classement des contenus : catégories et étiquettes des articles, ou classement propre à un type de contenu, comme la « Famille » des réalisations. Sert au Filtre par taxonomie (chapitre 27).
- Texte alternatif (alt)
- Description d’une image, lue par les lecteurs d’écran et utilisée par les moteurs de recherche ; se remplit dans la Médiathèque (chapitre 14).
- Thème
- Habillage de base d’un site WordPress. Avec Elementor, on choisit un thème vide, Hello Elementor, et l’on dessine le reste (chapitre 01).
- Toile (Canvas)
- Grande zone de l’éditeur où la page s’affiche telle que le visiteur la verra, et où chaque élément se sélectionne d’un clic (chapitre 05).
- Variable
- Surnom d’une valeur, couleur, police ou taille, réutilisée dans tout le site ; changer la variable change tous les éléments qui l’utilisent. Gérée dans le Gestionnaire de variables (chapitre 18).
- Viewport (vw, vh)
- Zone visible de la fenêtre du navigateur ; 1 vw vaut 1 % de sa largeur, 1 vh 1 % de sa hauteur (fiche F3).
- WebP
- Format d’image moderne, plus léger que le JPG à qualité égale ; à privilégier pour les photos, avec l’AVIF quand il est pris en charge (chapitre 14).
- Widget
- Élément classique d’Elementor, de la génération V3, avec trois onglets Contenu, Style et Avancé. On y pioche quand l’équivalent atomique n’existe pas : Boîte d’icône, Galerie, Formulaire, Google Maps (chapitre 16).
- WooCommerce
- Extension gratuite de boutique en ligne pour WordPress ; Elementor Pro, plans Advanced et supérieurs, permet d’en dessiner les pages produit, panier et commande (chapitre 31).
- z-index
- Ordre d’empilement des éléments positionnés : le plus grand nombre passe devant. Utile pour un en-tête collant ou un badge posé sur une image (chapitre 10).
Sources et références
Pages officielles consultées le 6 septembre 2026 pour établir les faits de ce support (versions, libellés, fonctions, prix), et textes juridiques cités. Les libellés français proviennent de la traduction officielle du plugin sur translate.wordpress.org.
Versions, exigences et réglages d’administration
Fiche officielle du plugin gratuit — https://wordpress.org/plugins/elementor/
Readme du dépôt WordPress.org (Stable tag 4.2.4, versions minimales) — https://plugins.svn.wordpress.org/elementor/trunk/readme.txt
Centre d’aide, « Requirements » — https://elementor.com/help/requirements/
Centre d’aide, « Elementor settings » — https://elementor.com/help/elementor-settings/
Centre d’aide, « Settings » (Général, Intégrations, Avancé, Performance) — https://elementor.com/help/settings/
Centre d’aide, « Features » (ex-Experiments) — https://elementor.com/help/elementor-experiments-2/
Plans, tarifs et versions gratuite / Pro
Page des tarifs Elementor (lue le 06/09/2026) — https://elementor.com/pricing-plugin/
Centre d’aide, « Elementor Pro vs Free » — https://elementor.com/help/elementor-pro-vs-free/
FAQ de l’éditeur V4 — https://elementor.com/products/website-builder/v4-faq/
Blog Elementor, « Editor 4.0 : Atomic Forms, Pro Interactions » — https://elementor.com/blog/editor-40-atomic-forms-pro-interactions/
L’éditeur et ses éléments
« Explore the Elementor Editor » — https://elementor.com/help/explore-the-elementor-editor/
« Differences between the Elementor Editor 3.x and V4 » — https://elementor.com/help/what-are-the-differences-between-the-elementor-editor-3-x-and-v4/
« Get started with the Elementor Editor V4 » — https://elementor.com/help/get-started-with-the-elementor-editor-v4/
« Elementor Top Bar » — https://elementor.com/help/elementor-top-bar/
« Structure » (ex-Navigator) — https://elementor.com/help/navigator/
« The Finder » — https://elementor.com/help/the-finder/
« Revision history, undo and redo » — https://elementor.com/help/revision-history-undo-and-redo/
« Hotkeys » (raccourcis clavier) — https://elementor.com/help/hotkeys/
« Flexbox element » — https://elementor.com/help/flexbox-element/
« Div Block element » — https://elementor.com/help/div-block-element/
« Style tab : Layout » — https://elementor.com/help/style-tab-layout/
« How to use CSS Grid in the Atomic Editor » — https://elementor.com/help/how-to-use-css-grid-in-the-atomic-editor/
« Interactions » — https://elementor.com/help/interactions/
Réglages du site et responsive
« Site Settings » — https://elementor.com/help/site-settings/
« Global layout settings » — https://elementor.com/help/global-layout-settings/
« Theme Style global settings » — https://elementor.com/help/theme-style-global-settings/
« Mobile editing » — https://elementor.com/help/mobile-editing/
« Responsive editing » — https://elementor.com/help/responsive-editing/
« Inherited responsive values » — https://elementor.com/help/inherited-responsive-values/
Système de design : classes, variables, états, composants
« Classes in Elementor » — https://elementor.com/help/classes-in-elementor-2/
« Class Manager » — https://elementor.com/help/the-elementor-editor-class-manager/
« Variables » — https://elementor.com/help/variables/
« Variables Manager » — https://elementor.com/help/variables-manager/
« Element states » — https://elementor.com/help/element-states/
« Components » — https://elementor.com/help/components-2/
Elementor Pro : Constructeur de thème, formulaires, boucles, popups, contenu dynamique
« The Elementor Theme Builder » — https://elementor.com/help/the-elementor-theme-builder/
« Conditions » (conditions d’affichage) — https://elementor.com/help/conditions/
« Templates menu » — https://elementor.com/help/templates-menu/
« Form widget » — https://elementor.com/help/form-widget/
« Actions after submit » — https://elementor.com/help/actions-after-submit/
« Form submissions » — https://elementor.com/help/form-submissions/
« Atomic Form element » — https://elementor.com/help/atomic-form-element/
« Loop Grid » — https://elementor.com/help/loop-grid/
« Building a query for the Loop Grid » — https://elementor.com/help/building-query-loop-grid/
« Paginate a Loop » — https://elementor.com/help/paginate-loop/
« Taxonomy Filter widget » — https://elementor.com/help/taxonomy-filter-widget/
« How to use the Atomic Loop » — https://elementor.com/help/how-to-use-the-atomic-loop/
« Popups » — https://elementor.com/help/popups/
« Conditions, triggers and advanced rules » — https://elementor.com/help/conditions-triggers-and-advanced-rules/
« Dynamic tags (Pro) » — https://elementor.com/help/dynamic-tags-pro-2/
« Dynamic tags in V4 » — https://elementor.com/help/dynamic-tags-in-v4/
Thème Hello, Elementor AI et Angie
« What is the Elementor Hello theme » — https://elementor.com/help/what-is-elementor-hello-theme/
« Get started with Hello Biz » (avertissement de maintenance du 18/08/2026) — https://elementor.com/help/get-started-with-hello-biz/
« Start with Elementor AI » — https://elementor.com/help/start-elementor-ai/
« What is Angie » — https://elementor.com/help/what-is-angie/
Textes juridiques cités
Règlement (UE) 2016/679 du 27 avril 2016, règlement général sur la protection des données (RGPD) — https://eur-lex.europa.eu/eli/reg/2016/679/oj
Règlement (UE) 2024/1689 du 13 juin 2024 établissant des règles harmonisées concernant l’intelligence artificielle (AI Act), article 50 sur les obligations de transparence, applicable depuis le 2 août 2026 — https://eur-lex.europa.eu/eli/reg/2024/1689/oj
Loi n° 2004-575 du 21 juin 2004 pour la confiance dans l’économie numérique (LCEN), mentions légales obligatoires des sites — https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000801164
Loi n° 2025-532 du 30 mai 2025 visant à lutter contre toutes les fraudes aux aides publiques, dispositions sur le démarchage téléphonique (consentement préalable obligatoire depuis le 11 août 2026) — https://www.legifrance.gouv.fr/ (rechercher la loi par son numéro)
Les faits d’interface et de tarification cités dans ce support ont été relevés sur les pages officielles Elementor le 6 septembre 2026 ; lorsque les sources divergeaient, la formulation retenue est la plus prudente. Ils seront contrôlés à la prochaine édition.
★ Quiz — Elementor pour WordPress
10 questions

