Champs conditionnels sur Elementor : afficher/masquer selon le contexte
Les champs conditionnels (ou conditions d’affichage) permettent de montrer ou masquer des éléments de la page selon des règles précises : rôle de l’utilisateur, valeur d’un méta-champ, date, type de post, etc. Elementor Pro dispose de conditions d’affichage natives pour les Templates du Theme Builder. Pour les widgets individuels, plusieurs solutions existent.
Les conditions d’affichage natives d’Elementor Pro
Dans le Theme Builder (Templates), chaque template peut être assigné avec des conditions : « afficher sur toutes les pages », « afficher uniquement sur la catégorie X », « afficher sur le CPT Y ». Ces conditions sont gérées dans la partie « Afficher sur » du Theme Builder. Elles ne s’appliquent qu’aux templates (header, footer, single, archive), pas aux widgets individuels.
Dynamic Conditions for Elementor (plugin tiers)
Le plugin « Dynamic Conditions for Elementor » (gratuit sur WordPress.org) ajoute des conditions d’affichage au niveau de chaque widget Elementor. Dans l’onglet Avancé du widget, vous pouvez définir une condition : si la valeur d’un Dynamic Tag (meta-champ, catégorie, date…) répond à la règle, le widget s’affiche, sinon il est masqué. C’est la solution la plus légère pour les conditions simples.
JetEngine Conditional Visibility
JetEngine propose son propre système de conditions d’affichage (Visibility Conditions) dans l’onglet Avancé d’Elementor. Plus puissant que Dynamic Conditions, il permet des règles combinées (ET/OU) basées sur les données JetEngine (méta-champs, relations, termes de taxonomie). Inclus dans tout plan Crocoblock avec JetEngine.
Dynamic.ooo Dynamic Visibility
Dynamic.ooo propose une fonctionnalité « Dynamic Visibility » (Pro) avec des conditions basées sur le rôle utilisateur, des valeurs de session, la date/heure, et des paramètres d’URL. Particulièrement utile pour les sites avec un espace membre ou des promotions limitées dans le temps.
FAQ — Champs conditionnels Elementor
Peut-on masquer un widget Elementor pour les utilisateurs non connectés sans plugin supplémentaire ? Avec Elementor Pro seul, non. Les conditions d’affichage par rôle utilisateur nécessitent un plugin tiers (Dynamic Conditions, JetEngine Visibility Conditions, ou Dynamic.ooo). Ces plugins ajoutent une option dans l’onglet Avancé du widget pour conditionner l’affichage selon l’état de connexion ou le rôle WordPress.
Les conditions d’affichage Elementor fonctionnent-elles avec le cache WP Rocket ? Avec précaution. Les conditions basées sur des données fixes (type de post, catégorie) sont compatibles avec le cache. Les conditions basées sur des données de session ou de rôle utilisateur ne fonctionnent pas correctement avec un cache statique. Configurez WP Rocket pour ne pas mettre en cache les pages où des conditions utilisateur sont actives, ou utilisez des solutions AJAX pour les éléments conditionnels.
Les conditions du Theme Builder Elementor Pro fonctionnent-elles sur les pages WooCommerce ? Oui. Le Theme Builder permet d’assigner des templates spécifiques aux pages WooCommerce : page boutique, page catégorie produit, fiche produit, panier, checkout. Vous pouvez également créer des conditions plus fines (ex : afficher un header spécifique uniquement sur la page checkout, ou un footer différent pour la catégorie Promotions). Elementor WooCommerce Builder est entièrement configurable via les conditions.
Peut-on afficher différents Call-to-Action selon le type d’article (Simple vs Complexe) avec Elementor ? Oui. La combinaison Dynamic Tags + conditions d’affichage permet de créer des layouts qui s’adaptent selon le contexte. Exemple : afficher un bouton « Télécharger » si un champ ACF « pdf_url » est renseigné, sinon afficher un bouton « Contacter ». Cela nécessite Dynamic Conditions ou JetEngine Visibility + les Dynamic Tags Elementor Pro.
Comment tester les conditions d’affichage Elementor sans devoir changer de rôle utilisateur ? Pour tester une condition « visible uniquement pour les administrateurs », utilisez la navigation privée de votre navigateur pour vous connecter avec un compte non-admin (ou déconnectez-vous). Des extensions navigateur comme « Quick Switch User » facilitent les tests de conditions utilisateur. Pour les conditions de date, JetEngine et Dynamic.ooo permettent de définir des dates de test. Testez toujours sur staging avant la mise en production.