04. Installer Elementor et préparer le terrain

Installer Elementor prend deux minutes ; préparer un site propre, rapide et sûr en prend trente. Ce chapitre fait les deux dans l’ordre : vérifier l’hébergement, sauvegarder, installer l’extension et le thème Hello, activer Pro si vous l’avez acheté, régler les options qui évitent des heures de correction plus tard, puis fermer le chantier aux visiteurs le temps de la construction.

4.1 — Prérequis, hébergement et sauvegarde

Vérifier les prérequis

Elementor 4.2.4, la version gratuite en vigueur en septembre 2026, exige au minimum WordPress 6.8 et PHP 7.4, et recommande des versions plus récentes, notamment PHP 8.3 ou plus, sensiblement plus rapide. PHP est le langage dans lequel WordPress est écrit ; sa version se règle chez l’hébergeur, pas dans WordPress. La mémoire allouée à PHP compte aussi. Enfin, l’éditeur ne fonctionne que dans un navigateur récent, sur un ordinateur : Elementor indique clairement que l’édition est impossible sur téléphone et tablette, même si le site, lui, s’y consulte.

Pour connaître ces valeurs sur votre site, ouvrez Outils › Santé du site (Tools › Site Health), onglet Informations (Info) : les rubriques « Serveur » et « Base de données » indiquent la version de PHP, la limite de mémoire et le type de base. Si PHP est trop ancien, l’espace client de l’hébergeur permet en général de changer de version en quelques clics.

Hébergement et sauvegarde

La plupart des hébergeurs français grand public — o2switch, OVHcloud ou Infomaniak, pour citer des exemples courants — proposent un hébergement mutualisé avec WordPress installable en un clic. Ce type d’offre suffit à un site vitrine, pourvu que la version de PHP soit à jour, la mémoire suffisante et les sauvegardes automatiques incluses.

Avant toute installation sur un site qui existe déjà, faites une sauvegarde complète : les fichiers et la base de données. Deux voies : l’espace client de l’hébergeur, qui offre souvent des sauvegardes quotidiennes restaurables, ou une extension dédiée (UpdraftPlus, par exemple). Sur un site neuf et vide, la sauvegarde est moins critique, mais prenez l’habitude tout de suite.

4.2 — Installer Elementor en cinq étapes

1. Ouvrez Extensions › Ajouter une extension (Plugins › Add New Plugin) : la page affiche le répertoire officiel des extensions de WordPress.
2. Cherchez « Elementor » dans le champ de recherche. La carte à retenir s’intitule « Elementor Website Builder », éditée par Elementor.com, avec plusieurs millions d’installations actives.
3. Cliquez sur Installer maintenant (Install Now). Le bouton devient Activer (Activate) après quelques secondes.
4. Cliquez sur Activer. Un assistant de démarrage s’ouvre : il propose de connecter le site à un compte Elementor, d’installer le thème Hello, de nommer le site et d’ajouter un logo. Le compte Elementor n’est utile que pour Pro, l’IA et les modèles cloud ; chaque écran comporte un lien pour passer (Skip). Acceptez au moins l’installation du thème Hello.
5. Vérifiez. Un menu Elementor est apparu dans le tableau de bord, et chaque page propose le bouton Modifier avec Elementor (Edit with Elementor). L’entrée Elementor › Démarrage rapide (Quick Start) permet de rejouer l’assistant plus tard.

4.3 — Le thème Hello Elementor

Le thème livré avec WordPress dessine son propre en-tête, son propre pied de page et ses propres styles ; construire avec Elementor par-dessus, c’est se battre contre eux en permanence. Hello Elementor est le thème gratuit de l’éditeur d’Elementor : il pèse moins de 30 Ko, n’impose presque aucun style et laisse Elementor décider de tout. En version gratuite, son en-tête et son pied de page minimalistes se règlent dans les Réglages du site ; en Pro, on les remplace avec le Constructeur de thème (chapitre 24).

1. Ouvrez Apparence › Thèmes › Ajouter un thème (Appearance › Themes › Add New Theme).
2. Cherchez « Hello Elementor » et vérifiez que l’auteur affiché est Elementor Team.
3. Cliquez sur Installer, puis sur Activer. Le site prend aussitôt l’apparence dépouillée de Hello : c’est normal, et c’est voulu.
4. Supprimez les thèmes inutiles. Gardez Hello Elementor et un seul thème par défaut de WordPress en réserve ; les autres ne servent à rien et demandent des mises à jour.

4.4 — Installer Elementor Pro et activer la licence

Elementor Pro ne se trouve pas dans le répertoire de WordPress : il se télécharge depuis votre compte Elementor et s’installe par téléversement. La version gratuite doit rester installée et active : Pro s’ajoute, il ne remplace pas.

1. Téléchargez le fichier. Connectez-vous à votre compte sur my.elementor.com, ouvrez la rubrique des téléchargements et récupérez le fichier .zip d’Elementor Pro, sans le décompresser.
2. Téléversez-le. Dans Extensions › Ajouter une extension, cliquez sur Téléverser une extension (Upload Plugin), choisissez le fichier, puis Installer maintenant.
3. Activez l’extension. Cliquez sur Activer. Un message vous invite aussitôt à activer la licence.
4. Activez la licence. Ouvrez Elementor › Licence (License) et cliquez sur le bouton de connexion (Connect & Activate). Vous êtes renvoyé vers votre compte Elementor pour confirmer, puis ramené au site : la licence est active.
5. Vérifiez. Dans Extensions › Extensions installées, Elementor et Elementor Pro sont tous deux actifs. Dans l’éditeur, les widgets Pro apparaissent dans le panneau, et le menu Elementor › Constructeur de thème est disponible.

4.5 — Les réglages à faire avant la première page

Côté WordPress

Deux options de WordPress conditionnent tout ce qui suivra ; elles se règlent en une minute et ne se changent plus ensuite.

1. Les permaliens. Ouvrez Réglages › Permaliens (Settings › Permalinks) et choisissez Titre de la publication (Post name). Les adresses des pages prendront la forme menuiserie-roche.fr/prestations/, lisible par les visiteurs et par les moteurs de recherche, au lieu d’un numéro. Enregistrez.
2. La page d’accueil. Ouvrez Réglages › Lecture (Settings › Reading). Sous « Votre page d’accueil affiche », choisissez Une page statique plutôt que les derniers articles. Vous désignerez la page « Accueil » ici même dès qu’elle existera, au chapitre 07.
3. Au passage, Réglages › Général. Renseignez le titre du site (« Menuiserie Roche »), le slogan (« Le bois, sur mesure, depuis 2009 »), le fuseau horaire et la langue. Elementor et les moteurs de recherche reprennent ces informations.

Côté Elementor

Les réglages généraux d’Elementor se trouvent dans Elementor › Éditeur › Réglages (Elementor › Editor › Settings), répartis en onglets. Quatre méritent une visite.

Dans l’onglet Général (General), la rubrique Types de contenu (Post Types) indique ce qu’Elementor a le droit d’éditer. Laissez Pages coché. Pour Articles, la ligne du support est claire : les articles s’écrivent dans l’éditeur de blocs et un modèle Pro les habille ; laissez la case décochée, sauf besoin précis. Les cases Désactiver les couleurs par défaut et Désactiver les polices par défaut sont expliquées au chapitre 19, où nous les cocherons.

L’onglet Éditeur Atomic (Atomic Editor) est le plus important : sur un site neuf en version 4, l’Éditeur atomique est activé par défaut ; vérifiez-le. Sur un site plus ancien, c’est ici qu’on l’active, ce qui active aussi les conteneurs Flexbox, les éléments imbriqués et la barre supérieure (chapitre 06).

Dans l’onglet Performance, réglez la Méthode d’impression CSS (CSS Print Method) sur le fichier externe (External File), qui permet au navigateur de mettre les styles en cache. L’onglet Fonctionnalités (Features) liste les fonctions stables et les expériences en cours : n’y touchez pas, et n’activez jamais une fonction marquée Alpha ou Bêta sur un site de production.

Juste en dessous, Elementor › Éditeur › Outils (Tools) regroupe les outils de maintenance : Regénérer CSS et données (Regenerate CSS & Data), premier réflexe quand un style semble disparaître ; Synchroniser la bibliothèque ; Remplacer l’URL, indispensable lors d’un changement d’adresse ; Contrôle de version, pour revenir à la version précédente d’Elementor ; le Mode maintenance ; et l’import-export de site. Le chapitre 36 les reprend un à un.

4.6 — Fermer le chantier : page « En construction » et mode maintenance

Pendant la construction, les visiteurs et les moteurs de recherche ne doivent pas tomber sur des pages à moitié faites. Le mode maintenance d’Elementor affiche à tout visiteur non connecté un modèle de votre choix, tandis que vous travaillez normalement une fois connecté. Il faut d’abord créer ce modèle.

1. Créez le modèle. Ouvrez Elementor › Éditeur › Modèles › Modèles enregistrés (Templates › Saved Templates), cliquez sur Ajouter (Add New), choisissez le type Page, nommez-le « En construction » et validez : l’éditeur s’ouvre.
2. Videz la page. Dans les Réglages de page (engrenage de la barre supérieure), choisissez la mise en page Canevas Elementor : ni en-tête, ni pied de page, juste une page blanche.
3. Composez un message sobre. Déposez un Flexbox, puis un Titre « Menuiserie Roche — nouveau site en préparation » et un Paragraphe avec le téléphone 04 73 00 00 00 et l’adresse contact@menuiserie-roche.fr. Le chapitre 05 détaille ces gestes ; contentez-vous d’un résultat lisible. Cliquez sur Publier.
4. Activez le mode. Ouvrez Elementor › Éditeur › Outils › Mode maintenance. Réglez le mode (Choose Mode) sur Bientôt disponible (Coming Soon), l’accès (Who Can Access) sur les utilisateurs connectés (Logged In), et sélectionnez le modèle « En construction » (Choose Template). Enregistrez.
5. Testez. Ouvrez l’adresse du site dans une fenêtre de navigation privée, où vous n’êtes pas connecté : le message s’affiche. Dans votre fenêtre habituelle, le site reste accessible, et l’administration rappelle que le mode est actif.