Ajouter une page légale avec ACF et Elementor

📄 Informations générales

Certaines pages légales du site (CGT, CGV, CGF, Mentions légales, etc.) sont construites à l’aide du type de page personnalisé nommé Conditions Générales. Ce type permet de faire apparaître automatiquement un champ ACF personnalisé pour rédiger le contenu.

✅ Ce champ s'affiche uniquement lorsque le bon type de page est sélectionné.

🪄 Étapes pour créer une nouvelle page légale

  1. Dans le tableau de bord WordPress, rendez-vous dans le menu Pages.

  2. Cliquez sur Ajouter pour créer une nouvelle page.

  3. Donnez un titre à la page (ex. : CGT).

  4. Dans la colonne de droite (ou en bas de la page selon l’interface), cherchez la métabox "Attributs de la page" ou "Type de page".

  5. Sélectionnez le type de page Conditions Générales.

📌 Cela fera apparaître automatiquement un champ ACF intitulé Conditions générales (de type WYSIWYG) en bas de l’interface.

⚠️ Ne pas utiliser l’éditeur de texte classique

Il est très important de ne pas remplir le champ WYSIWYG WordPress classique (celui qui est visible par défaut). Ce champ sera automatiquement remplacé dans la page finale par un modèle Elementor prédéfini qui affichera le contenu ACF.

🧩 Modifier la mise en page avec Elementor

Une fois la page créée et publiée avec son champ ACF rempli :

  1. Cliquez sur "Modifier avec Elementor".

  2. Reproduisez la structure utilisée dans les autres pages légales créées via Elementor, par exemple :

    Exemple de structure : CGA

  3. Pour afficher le contenu saisi dans ACF :

    • Ajoutez un widget Texte ou Éditeur de texte

    • Cliquez sur le bouton [⚙️ dynamique] à droite du champ de texte

    • Sélectionnez ACF Field, puis choisissez Conditions générales

🧠 Bonnes pratiques

  • Toujours remplir uniquement le champ ACF, jamais l’éditeur WordPress par défaut.

  • Toujours sélectionner le bon type de page avant d’éditer avec Elementor.

  • Se baser sur la structure existante d'une autre page, comme CGA, pour garder une mise en page cohérente.

N'oubliez pas de cliquer sur Mettre à jour après chaque modification pour sauvegarder vos changements !

🎥 Tutoriel Vidéo

PrécédentModifier les informations légales par ACF (sans Elementor)SuivantModifier une page avec Elementor (éditeur visuel)

Mis à jour