Champs personnalisés Elementor

Champs personnalisés avec Elementor Pro : JetEngine ou ACF ?

Les champs personnalisés (Custom Fields ou méta-champs) permettent d’associer des données structurées à n’importe quel contenu WordPress : articles, pages, Custom Post Types, utilisateurs. Elementor Pro peut afficher ces champs via ses Dynamic Tags. En 2026, deux solutions dominent : JetEngine (Crocoblock) et ACF (Advanced Custom Fields).

Comment créer des champs personnalisés avec JetEngine

Dans JetEngine → Meta Fields, créez un groupe de champs et associez-le à un Custom Post Type ou à des posts/pages. Les types de champs disponibles : texte, nombre, date, heure, sélect, case à cocher, image, galerie, relation, et répéteur (Group Fields). Dans l’éditeur Elementor Pro, accédez aux champs via Dynamic Tags → JetEngine Meta.

Comment créer des champs personnalisés avec ACF

Dans ACF → Field Groups, créez un groupe de champs et définissez ses règles d’affichage (sur quels posts/pages/CPT). Types disponibles : texte, textarea, nombre, email, URL, image, galerie, fichier, sélect, checkbox, relation, répéteur (Pro), groupe flexible (Pro). Dans Elementor Pro, accédez aux champs via Dynamic Tags → ACF Field.

Cas d’usage pratiques

Site portfolio : champs Client, Année, Technologies, Lien vers le projet sur un CPT Réalisations. Le template Single CPT Elementor Pro affiche ces champs dynamiquement via Dynamic Tags.

Site immobilier : champs Surface, Prix, Chambres, DPE, Localisation GPS sur un CPT Biens. Le Loop Grid affiche les biens, le Single Page affiche le détail avec tous les champs.

Page team : champs Poste, Biographie, LinkedIn, Photo sur un CPT Membres. Listing Grid avec Dynamic Tags pour afficher la carte de chaque membre.

FAQ — Champs personnalisés Elementor

Les champs personnalisés natifs WordPress suffisent-ils ou faut-il ACF/JetEngine ? WordPress a des champs personnalisés natifs (Custom Fields basiques), mais leur interface d’administration est très limitée et leur affichage dans Elementor via Dynamic Tags est incomplet. ACF ou JetEngine offrent une interface d’administration plus claire, des types de champs plus riches (image, répéteur, relation), et une intégration complète avec les Dynamic Tags Elementor Pro. Pour tout projet sérieux avec des méta-champs, ACF ou JetEngine sont indispensables.

Les champs personnalisés créés avec JetEngine sont-ils accessibles via ACF et vice-versa ? Techniquement, les méta-champs des deux plugins sont stockés dans la même table wp_postmeta de WordPress. Les valeurs sont théoriquement accessibles via les deux APIs, mais les interfaces d’administration et les règles d’affichage des groupes sont propres à chaque plugin. En pratique, mélangez pas les deux sur le même ensemble de données — choisissez un seul système par projet.

Peut-on afficher plusieurs valeurs d’un champ répéteur ACF dans un template Elementor ? Avec Elementor Pro seul, l’affichage des répéteurs ACF est limité. Le Dynamic Tag ACF peut lire des sous-champs individuels avec la syntaxe « repeteur_0_champ », mais il n’y a pas de boucle visuelle native dans Elementor Pro pour les répéteurs. Dynamic.ooo ou JetEngine (avec son Repeater Field Widget) offrent de meilleures solutions pour afficher des répéteurs complets visuellement.

Les champs personnalisés sont-ils indexés par les moteurs de recherche ? Oui, si ils sont affichés dans le HTML de la page via les Dynamic Tags Elementor. Google indexe le contenu HTML visible dans le navigateur. Les données stockées en base de données mais non affichées dans la page ne sont pas indexées. Pour les données structurées (Schema.org), Rank Math peut générer automatiquement les balises Schema à partir des méta-champs ACF ou JetEngine.

Peut-on utiliser des champs personnalisés pour générer des URL dynamiques dans Elementor ? Oui. Le Dynamic Tag « ACF URL » ou « JetEngine Meta » (type URL) peut être utilisé dans l’attribut href d’un widget Bouton ou Icône pour générer un lien dynamique. Cas d’usage : lien vers le site web d’un membre d’équipe (champ URL), lien vers le dossier de réservation d’un hôtel (champ URL), lien vers un PDF téléchargeable (champ Fichier ACF).

Autres ressources Elementor

Créer un kit de templates Elementor réutilisable : méthode agence

Comment créer un kit de templates Elementor réutilisable pour gagner du temps sur chaque projet ? Méthode agence complète avec Design System et bibliothèque de...

Création de site pour cabinet de conseil avec Elementor

Comment créer un site web pour un cabinet de conseil avec Elementor Pro ? Crédibilité, génération de leads, études de cas : guide complet....

Elementor Pro et les Core Web Vitals : atteindre 90+ mobile

Comment atteindre 90+ mobile sur PageSpeed avec Elementor Pro ? Guide complet Core Web Vitals : LCP, INP, CLS — configuration exacte par un expert...

CDN pour site Elementor : Cloudflare vs BunnyCDN — guide pratique

Quel CDN choisir pour un site Elementor Pro : Cloudflare ou BunnyCDN ? Configuration, avantages, tarifs et paramètres spécifiques à Elementor....

Global Design System Elementor : couleurs, typographies et styles globaux

Le Design System global Elementor Pro centralise couleurs, typographies et styles. Modifiez l'ensemble de votre site en quelques clics. Guide complet....

Site e-commerce avec Elementor Pro et WooCommerce

Créer un site e-commerce avec Elementor Pro et WooCommerce : ce qu'il faut prévoir, les fonctionnalités clés, les coûts et la stack technique recommandée....