Hébergement web : WordPress Elementor
Les produits idéaux pour ce guide
Commencez immédiatement — commandez le produit adapté et suivez ce guide étape par étape.
Introduction
Elementor est un constructeur de pages puissant et super simple à utiliser pour WordPress, qui te permet de créer facilement des sites web pro sans aucune connaissance en code.
Elementor est dispo 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 doc officielle de Elementor.
Installation
Pour utiliser et installer Elementor, il faut déjà que WordPress soit 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 conseille de jeter un œil à notre guide Installer WordPress.
Une fois WordPress installé et lancé, tu peux commencer l’installation d’Elementor. Elementor s’installe sur WordPress comme un 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 Elementor. Là, tu seras guidé à 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 comptes 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 templates personnalisés.
Widgets disponibles
Les versions gratuite et payante d’Elementor proposent plein 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
Pousse encore plus loin le design de ton site avec les widgets Pro. La version Elementor Pro inclut ces widgets supplémentaires :
- Articles, Boutons de partage, Portfolio, Diaporama, 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 design-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 config pour personnaliser design et contenu à ta sauce.
Templates
Crée des templates pour conteneurs, pages ou sections que tu peux réutiliser à volonté. Le gros avantage, c’est que tu modifies le template à un seul endroit et toutes les zones où il est utilisé se mettent à jour automatiquement. Ça te fait gagner du temps et assure un design homogène sur ton site.
Documentation Elementor
Ce guide se concentre uniquement sur l’installation, la config et les bases essentielles pour utiliser WordPress avec l’extension Elementor. Pour une intro plus poussée dans l’univers Elementor, on te recommande la doc officielle 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 vraiment booster et améliorer tes options de design ou même ajouter des fonctionnalités. 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
Bravo, si tu as suivi toutes les étapes, tu as normalement installé et configuré Elementor avec succès. Pour d’autres questions ou un coup de main, n’hésite pas à contacter notre support, dispo tous les jours pour t’aider ! 🙂