Titre
Titres stylisés (H1, H2, H3…)
Les pages sont utilisées pour le contenu statique de votre site : page d’accueil, à propos, contact, services, etc. Votre site utilise Elementor pour la création et la modification des pages.
Dans le menu latéral, cliquez sur Pages → Ajouter
Donnez un titre à votre page
Dans le panneau de droite, configurez :
Cliquez sur « Enregistrer le brouillon »
Cliquez sur le bouton « Modifier avec Elementor »
Créez votre mise en page avec Elementor
Cliquez sur « Publier » dans Elementor
L’éditeur Elementor se compose de :
Elementor organise le contenu en sections, colonnes et widgets :
┌─────────────────────────────────────────────┐│ SECTION ││ ┌─────────────┐ ┌─────────────────────┐ ││ │ COLONNE │ │ COLONNE │ ││ │ Widget │ │ Widget Widget │ ││ │ Widget │ │ Widget │ ││ └─────────────┘ └─────────────────────┘ │└─────────────────────────────────────────────┘Cliquez sur le + pour ajouter une nouvelle section
Choisissez la structure de colonnes (1, 2, 3 colonnes…)
Faites glisser un widget depuis le panneau de gauche vers une colonne
Configurez le widget dans le panneau de gauche :
Titre
Titres stylisés (H1, H2, H3…)
Éditeur de texte
Paragraphes et texte formaté
Image
Photos et illustrations
Bouton
Appels à l’action cliquables
| Widget | Usage |
|---|---|
| Titre | Titres de sections |
| Éditeur de texte | Paragraphes de contenu |
| Image | Photos, illustrations, logos |
| Bouton | Liens d’action (Contact, En savoir plus…) |
| Icône | Pictogrammes décoratifs |
| Espacement | Créer des espaces verticaux |
| Diviseur | Ligne de séparation |
| Galerie | Grille d’images |
| Vidéo | Intégration YouTube, Vimeo |
| Google Maps | Carte de localisation |
| Formulaire | Formulaires de contact |
| IC FileShare | Documents à télécharger |
Cliquez sur le widget dans l’aperçu
Le panneau de gauche affiche les paramètres du widget
Modifiez le contenu, le style ou les options avancées
Les modifications s’affichent en temps réel
Votre page doit être lisible sur tous les appareils. Elementor permet d’ajuster l’affichage.
En bas du panneau, cliquez sur l’icône responsive (ordinateur)
Sélectionnez l’appareil : Bureau, Tablette ou Mobile
Ajustez les paramètres spécifiques (taille de texte, espacement, visibilité…)
Cliquez sur « Enregistrer » (Ctrl+S) pour sauvegarder vos modifications sans publier. Utile pour le travail en cours.
Cliquez sur l’icône œil pour prévisualiser la page comme un visiteur la verra.
Cliquez sur « Publier » ou « Mettre à jour » pour rendre les modifications visibles sur le site.
Allez dans Pages → Toutes les pages
Survolez la page et cliquez sur « Modifier avec Elementor »
(ou depuis le site : barre d’outils → « Modifier avec Elementor »)
Effectuez vos modifications
Cliquez sur « Mettre à jour »
| Raccourci | Action |
|---|---|
Ctrl + S | Enregistrer |
Ctrl + Z | Annuler |
Ctrl + Shift + Z | Rétablir |
Ctrl + C | Copier le widget |
Ctrl + V | Coller le widget |
Suppr | Supprimer l’élément |
Pour revenir à WordPress :
| À faire | À éviter |
|---|---|
| Structurer avec des sections claires | Trop de colonnes imbriquées |
| Utiliser des titres hiérarchiques (H1, H2, H3) | Plusieurs H1 sur une page |
| Tester le responsive | Oublier la vue mobile |
| Images optimisées (< 200 Ko) | Images trop lourdes |
| Textes alternatifs sur les images | Images sans description |
| Espacements cohérents | Espaces irréguliers |
Découvrez comment créer un article ou consultez le guide complet d’Elementor.