Glossaire Elementor de A à Z — Elementor

Glossaire Elementor — 140 définitions

Tous les termes définis dans les 28 sections du guide, classés par ordre alphabétique.
Astuce : Ctrl + F pour chercher un terme dans la page.

Accessibilité: Rendre le site utilisable par TOUS, y compris les personnes en situation de handicap (malvoyantes, lecteur d'écran, navigation clavier). Enjeu éthique, souvent légal, et bénéfique (mieux structuré/référencé).
Accessibilité des widgets: Penser à la navigation clavier et au contenu accessible ; ne pas surcharger (multiplier ces widgets nuit à la clarté).
Accordéon / Bascule (Toggle): Sections repliables/dépliables (cliquer sur un titre déploie son contenu) — parfait pour une FAQ, des détails affichés à la demande, gagner de la place. MASQUE le contenu replié.
Actions après soumission: Ce qui se passe à l'envoi : envoyer un E-MAIL (notification, accusé), REDIRIGER, afficher un message, ENREGISTRER, et connecter à des services (INTÉGRATIONS). Enchaînables. Le point crucial (un formulaire doit ABOUTIR).
Alignement (justify / align): Position des éléments : sur l'axe principal (justify : début, centre, fin, espacés) et l'axe secondaire (align : haut, centre, bas, étirés). Contrôle centrage, répartition, alignement vertical.
Ancres (liens d'ancrage): Des liens qui mènent à une SECTION précise DE LA MÊME PAGE (défilement vers un endroit de la page). Utile pour les pages longues/one-page. On place une ancre et un lien pointe vers elle (#nom).
Animations d'entrée: Un élément APPARAÎT avec un effet (fondu, glissement, zoom…) quand il entre dans l'écran au défilement — attire l'attention, rend la page vivante.
Aperçu responsive: Basculer entre les vues BUREAU, TABLETTE et MOBILE (icônes en bas du panneau) pour voir et adapter l'affichage sur chaque taille d'écran.
Arrière-plan (background): Le fond d'un conteneur (onglet Style) : COULEUR unie, DÉGRADÉ (gradient linéaire/radial), IMAGE (avec position, répétition, taille, attachement fixe/parallaxe), VIDÉO, ou diaporama (Pro). Habille les sections.
Attachement (parallaxe): Réglage d'une image de fond : « fixe » crée un effet parallaxe (l'image reste fixe pendant que le contenu défile par-dessus). Effet immersif.
Attributs personnalisés: Ajouter des attributs HTML (paires clé/valeur) à un élément — pour l'intégration de scripts, des fonctionnalités tierces, l'accessibilité (attributs ARIA), ou du ciblage.
Bibliothèque de modèles: Collection de BLOCS (sections prêtes : bannière, tarifs, témoignages…) et de PAGES complètes préconçues qu'on INSÈRE et personnalise — pour partir d'une base pro plutôt que d'une page blanche.
Bloc vs page vs kit: BLOC = une section prête à l'emploi. PAGE = une page entière préconçue. KIT = un ensemble cohérent de modèles (un site complet préconçu, à adapter).
Bon escient (ne pas masquer l'essentiel): Onglets, accordéons et carrousels CACHENT du contenu (il faut cliquer/attendre pour le voir) : ne pas y mettre l'information ESSENTIELLE que l'utilisateur doit voir d'emblée.
Bonnes pratiques d'accessibilité: ALT des images, structure de TITRES, CONTRASTES suffisants, navigation au CLAVIER, liens/boutons EXPLICITES, ne pas compter que sur la couleur, respecter « réduire les animations », tailles lisibles.
Bonnes pratiques SEO (Elementor/WP): Structure de TITRES correcte (un seul H1, hiérarchie), CONTENU de qualité + mots-clés, images avec ALT et optimisées, URL claires, balises TITLE/META (via une extension SEO : Yoast, Rank Math), performance, mobile.
Boucle (loop): Une répétition : afficher une SÉRIE d'éléments (derniers articles, produits d'une catégorie…) en répétant une mise en page (une carte) pour chacun.
Boutique / catégories (grilles): Les pages qui LISTENT les produits (grilles), conçues via le Loop Builder ou les widgets produits — au design sur mesure.
Bouton / Icône: Bouton : élément cliquable (texte, lien, icône) pour les appels à l'action. Icône / liste d'icônes : afficher des icônes (bibliothèques incluses).
Cache & optimisation: Un plugin de cache (mise en cache des pages, minification CSS/JS, chargement différé) accélère nettement le site.
Canvas (aperçu): La zone de travail où l'on VOIT et construit la page EN DIRECT (telle qu'elle apparaîtra) : on y dépose, sélectionne et déplace les éléments.
Capture de contacts: Un formulaire d'inscription ajoute automatiquement l'abonné à une liste ; un formulaire de contact crée un prospect dans le CRM — capturer et exploiter les contacts automatiquement.
Carrousel / Diaporama: Faire défiler des éléments (images, témoignages, cartes) dans un espace réduit. Utile mais À UTILISER AVEC PRUDENCE (contenu caché, défilement, SEO/accessibilité).
Champs personnalisés (ACF): Des données structurées SUR MESURE ajoutées aux contenus WordPress (ex. prix, surface pour un bien ; poste, téléphone pour un membre), souvent via ACF (Advanced Custom Fields). Elementor Pro les affiche dynamiquement.
Classes CSS: Ajouter des classes aux éléments pour les cibler en CSS et réutiliser des styles.
Cohérence & maintenance centralisée: Tout le site partage la même palette/typographie (harmonie) ; changer une globale met à jour automatiquement tous les éléments qui l'utilisent (une seule modification pour tout le site).
Cohérence & réglages globaux: Définir les COULEURS et POLICES GLOBALES (Site Settings — niveau 2-3) appliquées à tout le site (harmonie), plutôt que régler élément par élément. Espacements réguliers.
Compatibilité & mises à jour: Vérifier des versions à jour (WordPress, PHP), un thème compatible (Hello Elementor recommandé) ; garder Elementor et WordPress À JOUR (sécurité, fonctionnalités).
Complément, pas mode normal: Le CSS/les attributs sont un COMPLÉMENT pour les cas AVANCÉS que l'interface ne permet pas — pas le mode de travail normal (Elementor est fait pour construire SANS coder ; les options couvrent l'essentiel).
Conditions & règles: OÙ le pop-up s'affiche (quelles pages/parties du site) et à QUI / à quelle FRÉQUENCE (visiteurs, provenance, ne pas remontrer trop souvent).
Conditions d'affichage: Où un modèle (en-tête, pied…) s'applique : tout le site, ou seulement certaines pages/types de contenu. Permet, par exemple, un en-tête différent pour l'accueil.
Conditions d'affichage (contenu): Où chaque modèle s'applique : le modèle Single à tous les articles ou à une catégorie précise ; le modèle d'archive à la page blog ou à une catégorie…
Conteneur (Container): Une « boîte » qui STRUCTURE la page et CONTIENT les autres éléments (widgets ou conteneurs imbriqués). Le squelette de la mise en page ; gère la disposition de son contenu (via Flexbox).
Conteneurs (Flexbox) vs Sections/Colonnes: Les CONTENEURS Flexbox (récents, souples, performants) remplacent l'ancien système SECTIONS/COLONNES. Système actuel recommandé (mais d'anciens sites utilisent encore sections/colonnes).
Conteneurs imbriqués: Un conteneur dans un conteneur (pour des mises en page complexes). Utile, mais à ne pas sur-utiliser.
Contenu dynamique (Dynamic Content, Pro): Afficher des données qui VARIENT selon le contexte (titre/image de l'article courant, champ personnalisé, donnée du site) en LIANT un widget à une SOURCE de données — au lieu d'une valeur fixe (statique).
Contenu dynamique (modèles): Le modèle affiche AUTOMATIQUEMENT les données DE CHAQUE article (son titre, son image, son contenu…) — un seul modèle sert pour tous les contenus (niveau 4).
Contrôle total vs widget Posts: Contrairement au widget Posts (mise en page prédéfinie), le Loop Builder donne un contrôle TOTAL sur le design de chaque carte (design libre).
Couleurs: Couleur du texte, de l'arrière-plan, des bordures, des icônes (onglet Style). Usage cohérent (palette limitée, contrastes suffisants) pour un design harmonieux et lisible.
Couleurs globales: Une PALETTE définie au niveau du site (principale, secondaire, texte, accent…), appliquée aux éléments. Changer une couleur globale met à jour tout le site d'un coup.
CSS personnalisé (Pro): Ajouter du code CSS (onglet Avancé → CSS personnalisé) sur un élément, une page ou tout le site, pour des personnalisations que les options visuelles ne couvrent pas (contrôle ultime). Requiert des notions de CSS.
Déclencheurs (triggers): QUAND le pop-up apparaît : au chargement (après X s), au DÉFILEMENT (X% de la page), à l'INTENTION DE SORTIE (exit intent), au CLIC sur un élément, après inactivité…
Défilement fluide (smooth scroll): Le défilement animé et doux vers une ancre (plutôt qu'un saut brusque) — améliore l'expérience sur les pages longues.
Définir tôt & appliquer partout: Définir sa palette et ses styles DÈS LE DÉBUT, puis APPLIQUER ces globales aux éléments (plutôt que des valeurs fixes) ; réglages locaux en exception.
Diaporama (Slides): Un diaporama riche (image de fond, texte, boutons par diapositive) pour des bannières animées — à utiliser avec modération (contenu caché, comme les carrousels).
Direction (rangée/colonne): Les éléments s'alignent en RANGÉE (horizontalement, côte à côte — pour des colonnes) ou en COLONNE (verticalement, empilés). Le choix fondamental de disposition.
Direction Flexbox par appareil: Changer la disposition selon l'écran : une RANGÉE sur bureau (colonnes côte à côte) qui devient une COLONNE sur mobile (empilement) — très courant.
Éditeur de texte / Image: Éditeur de texte : paragraphes enrichis (gras, listes, liens). Image : depuis la médiathèque, avec taille, alignement, lien, et TEXTE ALTERNATIF (alt — accessibilité/SEO).
Effets: Ombres (box-shadow), bordures, arrondis (border-radius), filtres (flou, luminosité), effets au SURVOL (hover) — ajoutent profondeur et interactivité. À utiliser avec mesure.
Effets de défilement (Pro): Des éléments qui BOUGENT au défilement (parallaxe, translation, rotation, transparence, échelle selon la position) — effets immersifs et modernes.
Effets de survol (hover): Changement au passage de la souris (couleur, élévation, zoom, apparition) — pour l'interactivité (boutons, cartes, images).
Élément de boucle (modèle d'item): Le modèle d'UNE carte (image, titre, extrait, prix, bouton…), conçu librement avec du CONTENU DYNAMIQUE (les données de chaque élément). Répété pour chaque contenu.
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).
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.
Éléments globaux (Pro): Widgets/éléments GLOBAUX (Pro) : un élément réutilisé se met à jour PARTOUT quand on le modifie une fois (comme un « symbole »).
En-tête (header): La partie haute présente sur tout le site (logo, menu de navigation, boutons). Avec le Theme Builder (Pro), on la conçoit dans Elementor ; en Free, elle vient du thème.
En-tête collant (sticky) & responsive: L'en-tête peut être COLLANT (reste en haut au défilement), transparent, et responsive (menu hamburger sur mobile via le widget Menu de navigation Pro).
Espacement (gap) & retour à la ligne (wrap): Gap : l'écart entre les éléments. Wrap : les éléments passent-ils à la ligne s'ils ne tiennent pas ?
Espacements (marges / paddings): MARGES (espace externe autour d'un élément) et PADDINGS (espace interne d'un conteneur), réglés dans l'onglet AVANCÉ. Ils AÈRENT et STRUCTURENT la page — déterminants pour un rendu pro.
Flexbox: Le système (CSS moderne) qui gère la DISPOSITION des éléments À L'INTÉRIEUR d'un conteneur, via quelques réglages : direction, alignement, espacement, retour à la ligne. Le cœur de la mise en page dans Elementor.
Flux de base: GLISSER un widget du panneau vers le canvas → le SÉLECTIONNER → le CONFIGURER via le panneau, en voyant le résultat en direct (édition WYSIWYG).
Formulaire avancé (Pro): Au-delà du contact simple : champs variés (dont téléversement, date), validation, logique conditionnelle (afficher/masquer selon les réponses), étapes multiples, et surtout des ACTIONS après soumission.
Free + Pro ensemble: Elementor Pro s'installe EN PLUS d'Elementor Free (il faut les deux : Free = socle, Pro = fonctions avancées).
Hébergement & thème léger: Un hébergement de qualité (ressources, PHP récent) est la base ; un thème LÉGER (Hello Elementor) et PEU d'extensions réduisent le poids (chaque plugin en ajoute).
Imbrication: Les conteneurs peuvent être IMBRIQUÉS (un conteneur dans un conteneur) pour créer des mises en page complexes. Une page est une hiérarchie de conteneurs contenant des widgets.
Imbrication de conteneurs: Un conteneur « rangée » contenant des conteneurs « colonne » (chacun organisant son contenu) — pour créer des mises en page complexes.
Installer Elementor Free: Depuis le tableau de bord WordPress : Extensions → Ajouter une extension → rechercher « Elementor » → Installer → Activer. Quelques clics depuis le dépôt gratuit.
Installer Elementor Pro: Pro n'est pas dans le dépôt gratuit : souscrire l'abonnement, télécharger le .zip depuis son compte, l'installer par TÉLÉVERSEMENT (Extensions → Ajouter → Téléverser), l'activer, et CONNECTER la LICENCE.
Intégration vs plugins tiers: Les widgets Pro (formulaires, sliders, articles…) INTÈGRENT de façon cohérente des fonctionnalités qui, sans Pro, nécessiteraient des plugins tiers — moins de plugins à empiler, plus de cohérence.
Intégrations marketing / CRM: Connecter le formulaire à des outils externes : services d'e-mailing/newsletter (ajouter l'e-mail à une liste), CRM (créer un contact), outils marketing, WEBHOOKS. Relie le site à la stratégie marketing.
Kits Elementor: Exporter/importer une configuration complète (styles, modèles, réglages) — pour démarrer un projet, reproduire une base, capitaliser d'un projet à l'autre.
Les 3 onglets: L'organisation systématique du panneau de réglages de presque tout élément : CONTENU (le quoi), STYLE (l'apparence), AVANCÉ (le fin/technique). Le mode d'emploi universel d'Elementor.
Lien design ↔ données: Le contenu dynamique relie le DESIGN (le modèle Elementor) aux DONNÉES (le contenu WordPress) : un modèle affiche automatiquement les données de chaque contenu.
Liens: Les boutons et widgets peuvent pointer vers des pages, des URL, des ancres (#), des e-mails, des fichiers… À vérifier (pas de liens cassés ; bons liens sur les appels à l'action).
Lisibilité & contrastes: Penser la lisibilité (polices lisibles, interligne confortable) et les contrastes suffisants (texte sur fond) — important pour l'accessibilité.
Lisibilité texte sur image: Problème récurrent : du texte sur une image de fond est souvent illisible. LA solution = une SUPERPOSITION (overlay) sombre/teintée entre l'image et le texte.
Livraison client: Livrer un site PROPRE et testé (responsive, performance, liens, formulaires, SEO), FORMER/documenter le client (mettre à jour son contenu), et prévoir la MAINTENANCE (contrat d'entretien).
Logique systématique: Les trois onglets valent pour presque tous les éléments : on sait toujours où trouver un réglage (contenu → Contenu, apparence → Style, espacements/responsive/effets → Avancé). Elementor devient prévisible.
Loop Builder (Pro): Outil pour afficher des LISTES/GRILLES de contenus (articles, produits, fiches) avec un design ENTIÈREMENT personnalisé : on conçoit une carte-modèle et on la répète pour chaque contenu.
Loop Grid (grille): Le widget qui AFFICHE la grille/liste en répétant votre carte personnalisée pour chaque contenu de la source (articles, produits…), avec pagination et filtres possibles.
Maintenance: Entretenir le site dans la durée : mises à jour (WordPress, Elementor, extensions, thème), SAUVEGARDES régulières, sécurité, surveillance, corrections. Un site livré n'est pas « fini ».
Menus: La navigation principale du site (menu de l'en-tête), gérée dans WordPress (Apparence → Menus). L'en-tête est personnalisable avec Elementor Pro (Theme Builder) ; en Free, il vient du thème.
Modèle d'archive: La mise en page des pages qui LISTENT des articles (blog, catégories, tags, recherche) : la grille/liste de cartes d'articles (titre, extrait, image, lien). Conçue dans Elementor (Pro).
Modèle Single (article/contenu unique): La mise en page conçue dans Elementor (Pro) pour l'affichage d'UN article (titre, image à la une, date, auteur, contenu, catégories, commentaires…), appliquée à TOUS les articles via du contenu dynamique.
Modération (« moins, c'est plus »): Le principe directeur : les animations rehaussent AVEC PARCIMONIE ; à l'excès, elles distraient, fatiguent, ralentissent et font amateur. Effets subtils, cohérents, avec un but.
Modifier avec Elementor: Le bouton (depuis une page/un article WordPress) qui ouvre l'éditeur visuel d'Elementor, remplaçant l'éditeur WordPress classique.
Navigation mobile: Le menu doit être adapté au mobile (souvent un menu « hamburger » déroulant), géré par le thème ou un widget de menu responsive (Pro).
Ne pas abuser (maintenabilité): Trop de CSS personnalisé éparpillé rend le site difficile à maintenir (on perd l'avantage du visuel) ; préférer les options d'Elementor quand elles suffisent, organiser/documenter le CSS, vérifier responsive et conflits.
Ne pas être intrusif: La règle d'or : éviter un pop-up dès l'arrivée, le rendre FACILE à FERMER (croix visible), limiter la FRÉQUENCE, apporter de la VALEUR — sinon il agace et fait fuir.
Niveau de titre (H1-H6): Choisir le bon niveau sémantique (H1 pour le titre principal, un seul par page ; H2/H3 pour les sous-titres) — pour le SEO et l'accessibilité, PAS juste pour la taille (qui se règle à part).
Onglet Avancé: Les réglages FINS et techniques : MARGES et PADDINGS, positionnement, effets de mouvement, VISIBILITÉ responsive, attributs/CSS personnalisés (Pro), animations. Le réglage fin.
Onglet Contenu: Le CONTENU et les options fonctionnelles de l'élément (texte et niveau d'un titre, image et lien, diapositives d'un carrousel…). Le « QUOI ».
Onglet Style: L'APPARENCE de l'élément : couleurs, typographie, arrière-plan, bordures, ombres, espacements internes… Le « COMMENT ça apparaît » (le design).
Onglets (Tabs): Organiser du contenu en onglets cliquables (basculer entre plusieurs panneaux) — pour présenter des informations catégorisées sans surcharger. MASQUE le contenu non actif.
Optimisations Elementor: CONTENEURS Flexbox (code plus léger que sections/colonnes), OPTIONS de performance d'Elementor à activer, éviter la sur-complexité (empilements de conteneurs, widgets/effets lourds), limiter polices/scripts.
Optimiser les images (levier n°1): Les images sont souvent la 1re cause de lenteur : les COMPRESSER, DIMENSIONNER à la taille d'affichage, utiliser le format WebP et le LAZY LOADING (chargement différé). Le levier le plus rentable.
Outils de l'éditeur: Bibliothèque de modèles, navigation par structure (Navigator), aperçu RESPONSIVE (bureau/tablette/mobile), Publier/Mettre à jour, historique (annuler/refaire), réglages de page et du site (Site Settings).
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.
Page produit (single product): Le modèle de la page d'UN produit (images, titre, prix, description, bouton d'ajout au panier, avis, produits liés), appliqué à tous les produits via du contenu dynamique. Là où se joue la conversion.
Panneau: Le volet (à gauche) qui affiche soit la BIBLIOTHÈQUE de widgets (à glisser vers le canvas), soit les RÉGLAGES de l'élément sélectionné (contenu, style, avancé).
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.
Parcours d'achat: De la boutique au produit au panier au paiement (checkout) : doit être FLUIDE, clair et rassurant (confiance, informations, sécurité). Responsive et performance cruciaux (impactent les ventes).
Performance (vitesse): La rapidité de chargement du site — enjeu MAJEUR : un site lent fait fuir les visiteurs, pénalise le SEO (les moteurs favorisent les sites rapides) et donne une mauvaise image.
Performance & accessibilité des animations: Trop d'animations (surtout défilement/souris) ralentissent, surtout sur mobile (réduire/tester). Accessibilité : respecter la préférence « réduire les animations », éviter les mouvements agressifs.
Personnaliser les modèles: Adapter un modèle inséré à SON identité (couleurs/polices globales, contenu réel) pour éviter un site « générique » ; vérifier sa qualité/performance (certains modèles sont lourds).
Pied de page (footer): La partie basse présente sur tout le site (informations, menus secondaires, mentions). Conçue dans Elementor avec le Theme Builder (Pro).
Polices / styles de texte globaux: Des typographies types définies globalement (titre principal, sous-titres, corps…), réutilisées partout — cohérence et maintenance centralisée.
Pop-up (Popup Builder, Pro): Une fenêtre surgissante affichée par-dessus la page, conçue visuellement (Popup Builder d'Elementor Pro). Usages : capture d'e-mails, promotions, messages, formulaires, cookies…
Prérequis: Un WordPress fonctionnel (hébergement + WordPress installé). Elementor est un plugin qui s'ajoute à WordPress, il ne s'installe pas seul.
Prudence mobile (interstitiels): Attention aux pop-ups sur mobile (encombrants, parfois pénalisés par les moteurs de recherche s'ils gênent l'accès au contenu — « interstitiels intrusifs »). Respecter aussi le RGPD (capture d'e-mails).
Réglages du site (Site Settings): Les réglages GLOBAUX appliqués à tout le site (menu hamburger de l'éditeur) : couleurs globales, polices/styles de texte globaux, identité (logo, favicon), boutons, mise en page par défaut…
Réglages par appareil: La plupart des réglages (tailles, espacements, disposition) peuvent être définis DIFFÉREMMENT selon l'appareil, sans affecter les autres vues — un indicateur signale un réglage spécifique.
Responsive (design adaptatif): Un site beau et utilisable sur TOUS les écrans (bureau, tablette, MOBILE). Indispensable (le mobile représente une grande part du trafic).
Responsive & structure: Une structure propre et logique facilite l'adaptation aux écrans (Flexbox : direction par appareil, rangée → colonne). Penser responsive dès la structure et tester sur les trois vues.
RGPD / consentement: La capture d'e-mails et l'ajout à des listes exigent le CONSENTEMENT (opt-in, information sur l'usage) — obligation légale (variable selon les pays), à respecter absolument.
Sauvegardes: Sauvegarder régulièrement et AVANT toute intervention (mise à jour, modification) — pour pouvoir restaurer en cas de problème. Une pratique de sécurité essentielle.
SEO (référencement naturel): Optimiser le site pour qu'il soit bien classé dans les moteurs de recherche (visibilité). Repose sur le contenu de qualité, la structure de titres, les images (alt), les balises (title/meta), la performance, le mobile.
SEO ↔ accessibilité: Les deux se REJOIGNENT : une structure claire (titres), un alt, un contenu de qualité, une bonne performance servent à la fois le référencement ET l'accessibilité.
Ses propres modèles: Enregistrer n'importe quelle section/page qu'on a créée comme MODÈLE réutilisable, pour la réinsérer ailleurs (autres pages, autres projets) — cohérence et gain de temps.
Simplicité: La structure la plus SIMPLE qui donne le résultat voulu (pas d'empilement inutile). Avant d'imbriquer, se demander si c'est nécessaire. Flexbox permet souvent d'éviter des imbrications.
Sites structurés / data-driven: Combiné aux modèles et types de contenu personnalisés, le dynamique + champs personnalisés permet des sites RICHES et STRUCTURÉS (annuaires, catalogues, fiches, portfolios).
Statique vs dynamique: Statique : une valeur FIXE saisie (un texte, une image précis). Dynamique : une valeur LIÉE à une source qui varie selon le contenu affiché (le titre de chaque article…).
Structure propre: Des conteneurs bien pensés, aussi SIMPLES que possible — la clé d'un site RESPONSIVE, PERFORMANT et MAINTENABLE.
Structure vs contenu: Les CONTENEURS structurent et organisent (les boîtes) ; les WIDGETS affichent le contenu (dans les boîtes). On crée des conteneurs, on y dépose des widgets.
Superposition (overlay): Une couche (couleur semi-transparente ou dégradé) posée PAR-DESSUS un arrière-plan (surtout une image) : sert à ASSOMBRIR/teinter l'image pour que le TEXTE dessus reste LISIBLE.
Sur-imbrication (à éviter): Empiler des conteneurs INUTILES (« boîtes dans des boîtes » sans raison) : alourdit le code (performance), complique la maintenance et le responsive. Utiliser JUSTE ce qu'il faut de conteneurs.
Theme Builder (Pro): La fonctionnalité phare d'Elementor Pro : concevoir VISUELLEMENT les parties du thème (en-tête, pied de page, modèles d'articles/d'archives) dans Elementor — ce que Free ne permet pas. Transforme Elementor en constructeur de SITE complet.
Typographie: Police (famille), taille, graisse, interligne, espacement des lettres, casse, alignement (onglet Style). Une bonne typographie (polices lisibles, hiérarchie des tailles, interligne confortable) est essentielle à la lisibilité.
Un modèle pour tout le contenu: On conçoit UN modèle appliqué automatiquement à tout le contenu correspondant : modifier le modèle met à jour TOUS les articles/listes d'un coup — design maîtrisé et cohérent.
Visibilité responsive: Masquer/afficher un élément selon l'appareil (onglet Avancé) : ex. masquer sur mobile un élément encombrant.
Widget: Un ÉLÉMENT DE CONTENU concret placé DANS un conteneur : titre, texte, image, bouton, icône, vidéo, formulaire… Chaque widget affiche un type de contenu et se configure.
Widget Articles/Posts (Pro): Afficher une LISTE ou une GRILLE d'articles (derniers articles, d'une catégorie…) au design personnalisé — pour un blog, une section actualités, des articles liés.
Widget Formulaire (Pro): Créer des formulaires VISUELLEMENT (champs, validation, confirmation) et définir des ACTIONS après soumission (envoyer un e-mail, enregistrer, rediriger, intégrations marketing). En Free, on passe par un plugin tiers.
Widget Titre (Heading): Affiche un titre avec son NIVEAU sémantique (H1 à H6 — important pour la structure, le SEO et l'accessibilité), sa taille et son style.
Widgets de base: Les éléments de contenu courants, présents dès Free : Titre, Éditeur de texte, Image, Bouton, Icône, Liste d'icônes, Séparateur, Espaceur, Vidéo, Galerie… Couvrent l'essentiel d'une page.
Widgets Pro: De nombreux widgets ajoutés par Elementor Pro : Formulaire, Articles/Posts, Diaporama, témoignages, prix, compte à rebours, partage social, navigation, galerie Pro… Ils étendent largement les possibilités sans coder.
WooCommerce: L'extension e-commerce de référence pour WordPress (gratuite) : le MOTEUR de la boutique (gestion des produits, panier, commandes, paiements, taxes…). Prérequis du WooCommerce Builder.
WooCommerce Builder (Pro): Fonctionnalité d'Elementor Pro pour CONCEVOIR VISUELLEMENT les pages d'une boutique WooCommerce (page produit, boutique, catégories…) — au lieu des gabarits par défaut. Nécessite WooCommerce installé.
Workflow professionnel: Les pratiques qui font la différence entre bricoler et livrer un travail PRO : réutilisation (kits, modèles, globaux), méthode (structure/identité d'abord, tests), qualité, maintenance, livraison soignée.