vendredi 25 septembre 2026

À propos

Contact

Elementor

Elementor et ACF : afficher vos champs avec les dynamic tags natifs

Afficher texte, image, lien et galerie ACF dans Elementor Pro grâce aux dynamic tags natifs, sans écrire de code, et connaître leurs limites réelles.

Par Clément Hadrot • 11 juin 2021 • 4 min de lecture • Aucun commentaire
Elementor et ACF : afficher vos champs avec les dynamic tags natifs

Sur un site vitrine pour une chaîne de cliniques vétérinaires, chaque page d’établissement affiche une adresse, des horaires et une photo, tous stockés dans des champs ACF dédiés plutôt que dans le corps de la page. Plutôt que de dupliquer manuellement ces informations dans chaque widget texte, Elementor Pro permet de les connecter directement via ses dynamic tags natifs, une fois Advanced Custom Fields actif sur le site.

Cette intégration est l’une des plus utiles pour construire des templates réellement réutilisables, où seule la donnée change d’une fiche à l’autre. Voici comment elle fonctionne concrètement, et où elle montre ses limites.

Activer la connexion ACF

Aucun réglage particulier n’est nécessaire : dès qu’Advanced Custom Fields (gratuit ou Pro) est actif aux côtés d’Elementor Pro, une nouvelle catégorie ACF apparaît automatiquement dans la liste des dynamic tags, disponible sur tout contrôle qui accepte du contenu dynamique (texte, image, lien, URL).

Les types de champs pris en charge nativement

  • Texte / Zone de texte : via le tag ACF Text, injectable dans n’importe quel widget texte.
  • Image : via le tag ACF Image, compatible avec les widgets Image et Galerie.
  • Lien / URL : via le tag ACF Link, qui remplit à la fois l’URL et le libellé d’un bouton.
  • Nombre : lisible comme du texte simple, utile pour un prix ou une quantité.
  • Galerie : via un tag dédié compatible avec les widgets de galerie d’images natifs.

Pour utiliser un tag, il suffit de cliquer sur l’icône en forme de disquette à côté du contrôle concerné, de choisir ACF > ACF Text (ou le type approprié), puis de sélectionner le champ voulu dans la liste qui s’affiche, déjà filtrée par groupe de champs.

Widget : Titre
Contrôle : Texte du titre
Dynamic tag : ACF Text > field_nom_etablissement

Widget : Image
Contrôle : Choisir une image
Dynamic tag : ACF Image > field_photo_facade
L'essentiel à retenir : ACF doit être actif pour que les dynamic tags dédiés apparaissent ; Un champ Repeater ACF ne se lit pas directement, il faut passer par un widget de boucle ; Les champs de type groupe demandent souvent un contournement pour être affichés simplement

Le cas des champs Repeater

C’est la limite la plus fréquemment rencontrée : un dynamic tag simple ne sait pas parcourir un champ Repeater ACF (par exemple une liste d’horaires d’ouverture avec jour et créneau). Il n’existe pas de tag natif capable d’itérer sur ce type de champ dans un widget texte classique.

Deux solutions existent, sans écrire de widget personnalisé complet :

  1. Utiliser un shortcode ACF ([acf field="horaires" format="table"]) dans un widget Shortcode d’Elementor, qui délègue l’affichage à ACF lui-même.
  2. Si le Repeater doit être stylé finement, écrire un petit widget Elementor personnalisé qui lit le champ via get_field() et le boucle en PHP, avec un rendu maîtrisé plutôt que le format brut du shortcode.

Le cas des champs Group

Un champ de type Group ACF (par exemple une adresse structurée en rue, ville, code postal) n’apparaît pas non plus comme un seul dynamic tag exploitable directement : chaque sous-champ du groupe doit être sélectionné individuellement, avec un chemin de champ complet. C’est fonctionnel mais plus verbeux qu’un champ simple, et cela demande de bien documenter la structure des champs pour l’équipe qui remplit le contenu ensuite.

Type de champ ACFDynamic tag natifContournement nécessaire
Texte, Image, Lien, NombreOuiAucun
GalerieOuiAucun
RepeaterNonShortcode ACF ou widget personnalisé
GroupPartielSélection sous-champ par sous-champ

Notre repère sur ce type de projet : si un champ ACF doit être affiché en boucle avec une mise en forme travaillée, ne pas s’obstiner avec les dynamic tags natifs au-delà d’un essai rapide — un widget personnalisé de vingt lignes de PHP est souvent plus propre et plus rapide à maintenir qu’un empilement de contournements.

En résumé

Les dynamic tags ACF d’Elementor Pro couvrent très bien les cas simples — texte, image, lien, nombre, galerie — et permettent de construire des templates réellement réutilisables sans une ligne de code. Dès qu’un champ Repeater ou Group complexe entre en jeu, il faut passer par un shortcode ACF ou un développement dédié : le connaître à l’avance évite de perdre du temps à chercher un tag natif qui n’existe simplement pas.

Partager :

À propos de l'auteur

Clément Hadrot

Développeur WordPress, passionné par Elementor, le FSE et l’automatisation par IA.

Voir tous ses articles

Dans la même veine

À lire aussi