Elementor Conseils & Astuces

Pour des modifications uniquement liées au contenu, il est conseillé de se connecter avec l'utilisateur WordPress suivant :

text_editor_user

Pour des modifications structurelles (ajout/suppression d’un produit), utilisez un utilisateur avec plus de droits, par exemple :

editor

🧼 Astuces pour garder une page propre

• Évitez de dupliquer trop de blocs si vous n’en avez pas besoin. Cela peut rendre la page difficile à maintenir.

• Utilisez les titres (H2, H3, etc.) correctement : ne pas mettre tout en “Titre 1” ou “Paragraphe”.

• Vérifiez les versions mobile et tablette (ou plus) en haut de l’écran → Elementor permet d’adapter l’affichage.

• Ne changez pas la taille du texte directement si possible. Utilisez les styles existants définis dans le site de manière globale (cela garantit une cohérence).

• Pensez à la lisibilité : bon contraste, pas trop de texte d’un coup, marges suffisantes.

---

🔗 Ajouter ou modifier un lien (bouton, texte ou image)

Dans Elementor, plusieurs éléments peuvent contenir des liens : boutons, textes, images, etc.

1. ✅ Pour un bouton :

• Cliquez sur le bouton.

• À gauche, dans l’onglet Contenu, remplissez le champ Lien.

• Vous pouvez mettre :

  • une URL (ex. : https://metal-rouge.fr/contact)

  • ou simplement le nom d’une autre page du site (Elementor vous la proposera automatiquement).

  • ou sélectionné l'icône de balise dynamique pour choisir un lien interne ou autre si nécessaire

• Cliquez sur Mettre à jour.

2. ✍️ Pour du texte avec lien :

• Sélectionnez le texte à modifier (dans un widget Texte).

• Cliquez sur l’icône 🔗 dans la barre d’édition.

• Collez le lien.

• Appuyez sur Entrée.

3. 🖼️ Pour une image cliquable :

• Cliquez sur l’image.

• Dans le panneau de gauche, dans Lien, choisissez :

  • Fichier média si vous voulez que l’image s’ouvre en grand.

  • Personnalisé pour ajouter une URL.

• Cliquez sur Mettre à jour.

---

💥 Si un bloc est cassé ou mal aligné

Parfois, une mise en page peut être désorganisée par erreur.

🧰 Quelques pistes pour réparer :

• Essayez de cliquer sur la section ou le conteneur parent pour vérifier les marges/paddings.

• Vérifiez dans l’onglet Avancé s’il y a des marges négatives ou un "z-index" étrange.

• Regardez la version mobile (en bas de l’interface) pour vérifier si le bug vient d’un affichage responsive.

🧼 Si vous ne trouvez pas :

• Ouvrez le Navigateur pour voir toute la hiérarchie (clic droit > "Navigateur").

• Supprimez le bloc concerné et recréez-le proprement si c’est plus rapide.

---

🕐 Utiliser l’historique (annuler une erreur)

Elementor enregistre automatiquement vos actions pendant l’édition.

🔙 Pour annuler une action :

• Cliquez sur l'icône Elementor de l'éditeur en haut à gauche

• Sélectionnez Historique.

• Vous verrez toutes les actions récentes.

• Cliquez sur un point pour revenir à cet état.

⚠️ Attention : si vous quittez Elementor sans enregistrer, vous perdrez l’historique, sauf les révisions qui peuvent servir de backup.

---

✅ Checklist avant de cliquer sur “Mettre à jour”

Avant d’enregistrer vos changements, voici quelques questions utiles à se poser :

• Ai-je bien modifié le bon bloc (et pas une section par erreur) ?

• L’image ou le texte est-il bien placé dans la bonne colonne ?

• Ai-je bien vérifié l’affichage mobile ?

• Ai-je bien cliqué sur Mettre à jour pour enregistrer ?

• Est-ce que tout fonctionne correctement en cliquant sur les liens ?

• Ai-je relu ou fait relire les contenus ?