La logique des trois onglets (Contenu, Style, Avancé) est le mode d'emploi universel d'Elementor : elle indique OÙ trouver chaque type de réglage, rendant l'outil prévisible — une fois comprise, on ne cherche plus au hasard. Le principe : quand on sélectionne un élément (widget ou conteneur), son panneau s'organise TOUJOURS en trois onglets, chacun avec un rôle précis. Savoir ce que contient chaque onglet permet de trouver instantanément le réglage voulu. Onglet CONTENU (le « QUOI ») : (1) Contient le CONTENU de l'élément et ses options FONCTIONNELLES. (2) Exemples : pour un TITRE — le texte et son niveau (H1-H6) ; pour une IMAGE — l'image choisie, son lien ; pour un BOUTON — le texte, le lien, l'icône ; pour un CARROUSEL — les diapositives ; pour un FORMULAIRE — les champs. (3) La question : « QUE montre/fait cet élément ? » → onglet Contenu. Onglet STYLE (le « COMMENT ça apparaît ») : (1) Contient l'APPARENCE, le DESIGN de l'élément. (2) Exemples : couleurs (texte, fond), TYPOGRAPHIE (police, taille, graisse, interligne), arrière-plan, BORDURES, ombres, arrondis, espacements internes propres à l'élément. (3) La question : « À quoi RESSEMBLE cet élément ? » → onglet Style. Onglet AVANCÉ (le « réglage FIN et technique ») : (1) Contient les réglages fins, techniques et transversaux. (2) Exemples : MARGES (espacement externe) et PADDINGS (espacement interne du conteneur) — clés de la mise en page ; POSITIONNEMENT ; EFFETS de mouvement et animations ; VISIBILITÉ RESPONSIVE (masquer sur tel appareil) ; attributs et CSS personnalisés (Pro) ; z-index, etc. (3) La question : « Comment AJUSTER finement l'espacement, le responsive, les effets, la position ? » → onglet Avancé. Comment s'en servir (la méthode) : (1) Pour changer le CONTENU (texte, image, lien) → onglet CONTENU. (2) Pour changer l'APPARENCE (couleur, police, fond, bordure) → onglet STYLE. (3) Pour ajuster l'ESPACEMENT (marges/paddings), le RESPONSIVE (masquer sur mobile), les EFFETS, le POSITIONNEMENT → onglet AVANCÉ. (4) Cette grille vaut pour PRESQUE TOUS les éléments — d'où sa puissance : une fois apprise, elle s'applique partout. Les réglages fréquents et leur onglet : (1) Le TEXTE d'un titre → Contenu. (2) Sa TAILLE et sa COULEUR → Style. (3) L'espace AUTOUR de lui (marges) → Avancé. (4) Le masquer sur mobile → Avancé (visibilité responsive). (5) La police globale → Site Settings (à part, niveau 2-3). Pourquoi c'est utile : (1) On trouve un réglage INSTANTANÉMENT (au lieu de fouiller). (2) Elementor devient PRÉVISIBLE et cohérent (même logique partout). (3) On gagne en efficacité et en confort. Les points d'attention : (1) L'ESPACEMENT (marges/paddings) est dans AVANCÉ, pas Style — une source de confusion fréquente au début. (2) Certains styles internes sont dans Style, l'espacement externe dans Avancé. (3) La visibilité RESPONSIVE est dans Avancé. (4) La TAILLE d'un titre est dans Style (pas dans le niveau H1-H6, qui est sémantique, dans Contenu). En résumé : la logique des trois onglets indique OÙ trouver chaque réglage — CONTENU pour le « quoi » (contenu et options fonctionnelles : texte, image, lien, diapositives), STYLE pour l'apparence (couleurs, typographie, fond, bordures, ombres), AVANCÉ pour le fin/technique (marges et paddings = espacement, positionnement, effets, visibilité responsive, CSS personnalisé). Face à un réglage, demandez-vous : est-ce du CONTENU (→ Contenu), de l'APPARENCE (→ Style), ou de l'AJUSTEMENT fin/espacement/responsive/effet (→ Avancé) ? Cette grille, systématique pour presque tous les éléments, est le mode d'emploi universel d'Elementor : une fois maîtrisée, on configure n'importe quel élément avec méthode et rapidité, sans chercher au hasard. Retenez notamment que l'ESPACEMENT (marges/paddings) et le RESPONSIVE sont dans AVANCÉ — les réglages les plus utilisés.

L'onglet AVANCÉ regroupe les réglages FINS et transversaux qui font la différence entre une page basique et une page soignée : surtout l'ESPACEMENT (marges/paddings), mais aussi le responsive, les effets et le positionnement. C'est souvent l'onglet le plus déterminant pour la qualité de la mise en page. Ce que contient l'onglet Avancé : (1) Les MARGES et les PADDINGS (l'espacement — le plus important). Les MARGES = l'espace EXTÉRIEUR autour de l'élément (l'écart avec les éléments voisins). Les PADDINGS = l'espace INTÉRIEUR (l'écart entre le bord d'un conteneur et son contenu). L'espacement est LA clé d'une mise en page AÉRÉE, équilibrée et professionnelle : des marges/paddings bien réglés donnent de la respiration et de la structure ; leur absence donne un rendu tassé et amateur. C'est le réglage le plus utilisé de l'onglet Avancé. (2) La VISIBILITÉ RESPONSIVE. Masquer ou afficher un élément selon l'appareil (masquer sur mobile, afficher seulement sur bureau…) — essentiel pour adapter la page à chaque écran (niveau 1-5). (3) Les EFFETS DE MOUVEMENT et ANIMATIONS : animations d'entrée, effets au défilement/survol (niveau 3-4) — pour dynamiser (avec modération). (4) Le POSITIONNEMENT : position (par défaut, absolue, fixe), superposition, z-index — pour des mises en page avancées (éléments superposés, collés…). (5) Les ATTRIBUTS et le CSS personnalisés (Pro) : ajouter des classes, des attributs, du CSS sur mesure (niveau 4-5). (6) L'ARRIÈRE-PLAN avancé, les bordures, le masque, la responsivité fine, etc. selon les éléments. Pourquoi il est souvent le PLUS IMPORTANT : (1) L'ESPACEMENT fait la mise en page. Une grande partie de la qualité d'un design tient à l'espacement (marges et paddings) : c'est ce qui aère, structure, hiérarchise. Or l'espacement se règle dans AVANCÉ. Maîtriser les marges/paddings est essentiel pour un rendu soigné — bien plus que les couleurs seules. (2) Le RESPONSIVE se gère largement ici. Adapter la page aux écrans (masquer/afficher, ajuster l'espacement par appareil) passe par l'onglet Avancé — un enjeu majeur (mobile). (3) Les EFFETS et le POSITIONNEMENT permettent les finitions et les mises en page avancées. (4) C'est l'onglet des réglages TRANSVERSAUX (valables pour presque tous les éléments) qui affinent le rendu. Les bonnes pratiques : (1) Soignez l'ESPACEMENT (marges/paddings). Réglez-les avec cohérence pour aérer et structurer. Un design respire grâce à l'espacement. C'est souvent ce qui distingue une page pro d'une page brouillonne. (2) Utilisez la VISIBILITÉ responsive pour adapter aux écrans. (3) Réglez l'espacement PAR APPAREIL si besoin (des marges plus petites sur mobile). (4) Employez les effets avec MODÉRATION (trop d'animations nuisent). (5) Utilisez le positionnement pour les cas particuliers (superpositions), avec prudence. La confusion fréquente à éviter : (1) Beaucoup cherchent l'espacement (marges/paddings) dans l'onglet Style — or il est dans AVANCÉ. Retenez : l'espacement, c'est AVANCÉ. (2) La visibilité responsive aussi est dans Avancé. En résumé : l'onglet AVANCÉ sert aux réglages FINS et transversaux — surtout les MARGES et PADDINGS (l'ESPACEMENT, clé d'une mise en page aérée et professionnelle), la VISIBILITÉ RESPONSIVE (adapter aux écrans), les EFFETS de mouvement, le POSITIONNEMENT (superpositions, z-index) et le CSS/attributs personnalisés (Pro). Il est souvent le PLUS IMPORTANT pour une mise en page soignée parce que la qualité d'un design tient largement à l'ESPACEMENT (qui aère, structure, hiérarchise) et à l'adaptation RESPONSIVE — tous deux gérés ici. Soignez marges et paddings avec cohérence (c'est ce qui distingue une page pro d'une page tassée), adaptez le responsive, et utilisez effets et positionnement avec mesure. Attention : l'espacement se règle dans AVANCÉ (pas dans Style) — c'est la confusion la plus fréquente. Maîtriser l'onglet Avancé, en particulier l'espacement et le responsive, est déterminant pour des pages Elementor vraiment soignées.