Hébergement web : WordPress Elementor
Ce guide a été créé avec les produits suivants :
(Les détails peuvent varier selon les produits de différents fournisseurs, mais les concepts principaux restent les mêmes)
Introduction
Elementor est un constructeur de pages puissant et facile à utiliser pour WordPress qui te permet de créer des sites web professionnels sans aucune connaissance en codage.
Elementor est disponible en version gratuite et payante. Avec la version gratuite d’Elementor (Elementor Core), tu as tout ce qu’il faut pour démarrer ton site. Elementor Pro vient compléter la version gratuite avec des fonctions supplémentaires et des widgets Pro. Tu peux trouver plus d’infos sur les différences exactes dans la documentation officielle de Elementor.
Installation
Pour utiliser et installer Elementor, il faut d’abord que WordPress soit déjà installé et opérationnel sur ton hébergement web. Si ce n’est pas encore fait, commence par cette étape. Si tu ne sais pas trop comment faire, on te recommande de jeter un œil à notre guide Installer WordPress.
Une fois WordPress installé et fonctionnel, tu peux commencer l’installation d’Elementor. Elementor s’installe sur WordPress sous forme de plugin. Tu peux découvrir comment installer des plugins WordPress dans notre guide Plugins WordPress.
Va dans Plugins sur WordPress, clique sur le bouton Ajouter un nouveau plugin en haut de la page. Ensuite, cherche Elementor et clique sur installer dans la sélection sur Elementor Website Builder - More than just a page builder.
Configuration
Une fois l’installation terminée, tu peux passer à la configuration. Tu devrais voir la fenêtre de bienvenue d’Elementor. Elle te guide à travers les étapes suivantes : création d’un compte Elementor, installation du thème “Hello”, sélection des fonctions souhaitées et enfin la confirmation finale “Good to go”. Suis simplement les instructions pour configurer Elementor à fond.
Créer un compte Elementor n’est pas obligatoire, sauf si tu prévois d’utiliser directement Elementor Pro. Ensuite, tu peux installer le thème et ajouter les fonctionnalités dont tu as besoin.
Prise en main
Tu peux maintenant commencer à créer ton site avec Elementor. D’abord, prends le temps de bien comprendre comment utiliser Elementor, quels widgets sont dispos, comment modifier le design et la mise en page, et comment créer des pages et modèles personnalisés.
Widgets disponibles
Les versions gratuite et payante d’Elementor proposent une variété de widgets pour personnaliser et designer ton site.
Widgets de base
La version gratuite d’Elementor te donne accès à une sélection de widgets pour créer et personnaliser ton site sans frais supplémentaires :
- Section intérieure, Titre, Image, Éditeur de texte, Vidéo, Bouton, Évaluation par étoiles, Séparateur, Google Maps, Icône, Boîte image, Boîte icône, Galerie basique, Carrousel d’images, Liste d’icônes, Compteur, Espaceur, Témoignage, Onglets, Accordéon, Toggle, Icônes sociales, Barre de progression, SoundCloud, Shortcode, HTML, Ancre de menu, Alerte, Barre latérale, Chemin de texte, Conteneur et Lien en bio.
Widgets Pro
Va encore plus loin dans le design avec les widgets Pro supplémentaires. La version Elementor Pro inclut ces widgets en plus :
- Articles, Boutons de partage, Portfolio, Diapositives, Formulaire, Connexion, Menu de navigation, Titre animé, Tableau des prix, Liste de prix, Galerie, Boîte retournante, Appel à l’action, Carrousel média, Carrousel de témoignages, Carrousel imbriqué, Carrousel en boucle, Table des matières, Compte à rebours, Page Facebook, Citation, Modèle, Avis, Bouton Facebook, Intégration Facebook, Commentaires Facebook, Bouton PayPal, Widget Lottie, Mise en valeur de code, Playlist vidéo, Point chaud, Suivi de progression, Bouton Stripe, Méga menu, Off-Canvas
Design et mise en page
Créer une page
Crée une nouvelle page et personnalise-la comme tu veux avec Elementor. Pour ça, ouvre Elementor via la barre latérale et choisis "Créer une page". L’éditeur te propose plein de widgets et options de configuration pour personnaliser design et contenu à ta guise.
Modèles
Crée des modèles pour conteneurs, pages ou sections que tu peux réutiliser plusieurs fois. Le gros avantage, c’est que tu modifies le modèle à un seul endroit et toutes les zones où il est utilisé se mettent à jour automatiquement. Ça te fait gagner du temps et garantit un design uniforme sur ton site.
Documentation Elementor
Ce guide se concentre uniquement sur l’installation, la configuration et les bases essentielles pour utiliser WordPress avec l’extension Elementor. Pour une intro plus avancée dans l’univers d’Elementor, on te conseille de consulter la documentation officielle d’Elementor et le Centre d’aide.
Plus d’extensions Elementor
Les possibilités, que ce soit via les réglages, thèmes ou widgets, sont limitées selon la version d’Elementor — gratuite ou Pro. Mais il existe aussi plein d’extensions tierces qui peuvent grandement élargir et améliorer tes options de design, voire ajouter des fonctionnalités inédites. Ces extensions te donnent encore plus de flexibilité pour créer ton site exactement comme tu le veux.
| Extension | Usage |
|---|---|
| Ultimate Addons for Elementor | Version gratuite et payante dispo |
| Master Addons for Elementor | Version gratuite et payante dispo |
| Essential Addons for Elementor | Version gratuite et payante dispo |
| Premium Addons for Elementor | Version gratuite et payante dispo |
| Happy Addons for Elementor | Version gratuite et payante dispo |
| ThePlus Addons | Version gratuite et payante dispo |
| JetElements | Version payante |
Conclusion
Félicitations, si tu as suivi toutes les étapes, Elementor est maintenant installé et configuré avec succès. Pour toute question ou aide, n’hésite pas à contacter notre support, dispo tous les jours pour t’aider ! 🙂