Dynamic Tags Elementor Pro : le contenu dynamique sans code
Les Dynamic Tags sont l’une des fonctionnalités les plus puissantes d’Elementor Pro. Ils permettent d’injecter des données dynamiques provenant de WordPress (titre, image à la une, méta-champs, données utilisateur) ou de plugins tiers (ACF, JetEngine, WooCommerce) dans n’importe quel widget Elementor — sans écrire une seule ligne de code. C’est la technologie fondamentale qui permet de créer des templates réutilisables pour les articles, les archives, et les fiches produits.
Comment fonctionnent les Dynamic Tags ?
Dans l’éditeur Elementor Pro, chaque champ de contenu d’un widget (titre, texte, URL, image, couleur) dispose d’un bouton d’accès aux Dynamic Tags — une icône de tag représentée par une flèche dans un losange. En cliquant dessus, une liste de sources de données s’affiche : données WordPress natives, données ACF, données JetEngine, données WooCommerce, et données utilisateur. Vous sélectionnez la source et la valeur spécifique, et le widget affiche automatiquement les données réelles de chaque contenu affiché.
Les sources de données disponibles
Elementor Pro intègre nativement de nombreuses sources de Dynamic Tags : Données de publication (titre, extrait, date de publication, date de modification, auteur, catégories, tags, image à la une, nombre de commentaires, URL du permalien), Données de l’auteur (nom d’affichage, prénom, nom, email, biographie, avatar), Données du site (titre du site, tagline, logo, URL), Données URL (paramètres GET, chemin de la page), et Date/Heure (date courante, heure courante).
Intégration ACF : un mariage parfait
Advanced Custom Fields (ACF) est le plugin de méta-champs le plus utilisé dans l’écosystème WordPress. Elementor Pro l’intègre nativement dans ses Dynamic Tags. Quand ACF est installé, tous vos groupes de champs et tous vos champs ACF apparaissent dans la liste des sources disponibles. Un champ ACF de type texte peut être injecté dans un widget Texte, un champ image dans un widget Image, un champ URL dans un bouton lien, et même un champ relation dans un Loop Grid via les Dynamic Tags JetEngine.
Intégration JetEngine : Dynamic Tags avancés
JetEngine de Crocoblock ajoute ses propres Dynamic Tags à Elementor Pro. Ces tags permettent d’accéder à des sources de données plus avancées : valeurs de méta-champs JetEngine (y compris les répéteurs), données des relations entre Custom Post Types (ex : afficher le nom du département lié à un employé), compteurs dynamiques (nombre de posts dans une catégorie), et données calculées (champs formule). Ces Dynamic Tags avancés permettent de construire des applications web complexes sans code PHP.
Dynamic Tags dans les attributs HTML : un cas d’usage avancé
Dans l’onglet « Avancé » de n’importe quel widget Elementor Pro, la section « Attributs HTML personnalisés » accepte des Dynamic Tags. Cela permet d’injecter dynamiquement des attributs HTML complexes : un attribut `data-id` basé sur l’ID du post pour des scripts JavaScript, un attribut `aria-label` basé sur le titre du produit pour l’accessibilité, ou un attribut `data-category` basé sur la catégorie de l’article pour le ciblage analytique. C’est une fonctionnalité très avancée qui ouvre des possibilités considérables sans développement PHP.
Créer des Dynamic Tags personnalisés avec PHP
Pour les développeurs, Elementor Pro expose une API PHP pour créer des Dynamic Tags entièrement personnalisés. Vous enregistrez votre tag dans le fichier functions.php de votre thème enfant (ou dans un plugin mu-plugin). Le tag apparaît ensuite dans la liste des tags dynamiques dans l’éditeur Elementor, accessible comme n’importe quel tag natif. Cela permet de connecter Elementor Pro à n’importe quelle source de données externe — API REST, base de données custom, ERP, ou CRM — sans modifier le cœur d’Elementor.
Fallback : valeur par défaut si le tag est vide
Chaque Dynamic Tag propose une option de « Fallback » : une valeur par défaut à afficher si le tag retourne une valeur vide. Par exemple, si un champ ACF « Image mise en avant » est vide, affichez une image par défaut plutôt qu’un emplacement vide. Si un méta-champ « Prix promotionnel » est vide, affichez le prix normal. Cette gestion des cas vides permet de créer des templates robustes qui s’affichent correctement quel que soit l’état des données.
→ Retour au guide complet Elementor Pro
FAQ — Dynamic Tags Elementor Pro
Les Dynamic Tags fonctionnent-ils avec les méta-champs ACF et JetEngine ?
Oui. Elementor Pro intègre nativement les sources de données ACF dans ses Dynamic Tags. JetEngine ajoute ses propres Dynamic Tags via son intégration Elementor. Ainsi, un méta-champ créé avec ACF ou JetEngine peut être utilisé dans n’importe quel widget Elementor — sans écrire une ligne de code. Cette intégration couvre les principaux types de champs : texte, image, URL, relation, répéteur (avec Loop Item).
Peut-on utiliser les Dynamic Tags dans les attributs HTML personnalisés d’un widget ?
Oui. Dans l’onglet « Avancé » de n’importe quel widget Elementor Pro, la section « Attributs HTML personnalisés » accepte des Dynamic Tags. Cela permet d’ajouter dynamiquement des attributs aria, data-attributes, ou des IDs basés sur des données de la publication — très utile pour l’accessibilité et les scripts JavaScript personnalisés qui ciblent des éléments spécifiques.
Comment utiliser un Dynamic Tag pour afficher le nom de l’auteur de l’article ?
Dans n’importe quel widget texte ou titre, cliquez sur l’icône de tag dynamique dans le champ de contenu. Sélectionnez « Auteur » dans la liste des sources. Vous pouvez afficher le nom d’affichage, le prénom, le nom de famille, ou l’email de l’auteur. Ce tag fonctionne sur les pages Single Post, Single CPT, et les Loop Items — parfait pour les templates de blog.
Les Dynamic Tags sont-ils disponibles dans Elementor Free ou uniquement en Pro ?
Les Dynamic Tags sont exclusivement disponibles dans Elementor Pro. La version gratuite ne propose pas de contenus dynamiques — tous les textes et images doivent être saisis manuellement dans chaque widget. C’est pourquoi Elementor Pro est indispensable pour créer des templates réutilisables (Single Post, archives, fiches produits WooCommerce) qui s’adaptent automatiquement à chaque contenu.
Peut-on créer des Dynamic Tags personnalisés avec du code PHP ?
Oui. Elementor Pro expose une API PHP complète pour créer des Dynamic Tags entièrement personnalisés. Vous enregistrez votre tag dans le fichier functions.php de votre thème enfant ou dans un plugin mu-plugin. Le tag apparaît ensuite dans la liste des tags dynamiques dans l’éditeur Elementor, comme n’importe quel tag natif. C’est la solution pour connecter Elementor Pro à des sources de données très spécifiques non couvertes par les plugins existants.