Comment ajouter les sections Elementor à mon site WordPress ?

Elementor a fait le succès de WordPress auprès de ceux qui ne codent pas : on construit une page en glissant des blocs, sans toucher une ligne de PHP. Le cœur du système, ce sont les sections, devenues les conteneurs dans les versions récentes. Savoir les ajouter, les importer et les réutiliser, c’est ce qui sépare une page montée en dix minutes d’un après-midi perdu à se battre avec l’éditeur. Ce guide couvre tout : créer une section de zéro, importer un modèle prêt à l’emploi, enregistrer les vôtres, et régler ce moment frustrant où les couleurs changent toutes seules. À la fin, vous montez vos pages vite et proprement.

Section ou conteneur : de quoi parle-t-on

Une section, dans Elementor, c’est un bloc horizontal qui occupe la largeur de la page et contient vos éléments : un titre, une image, des boutons. Vous empilez les sections pour construire une page, comme des briques posées les unes sur les autres.

Un point mérite d’être clarifié, car il déroute beaucoup d’utilisateurs. Pendant des années, Elementor a fonctionné avec des sections découpées en colonnes. Les versions récentes les ont remplacées par les conteneurs, basés sur le Flexbox, plus souples et plus légers pour la performance. Si votre éditeur vous propose un « conteneur » là où un tutoriel parle de « section », pas d’inquiétude : la logique reste la même, vous ajoutez un bloc et vous le remplissez. La documentation officielle Elementor détaille la bascule pour ceux qui veulent creuser.

Ajouter une section à partir de zéro

Le plus direct. Ouvrez votre page avec Elementor, puis repérez le bouton avec le signe plus au centre de la zone d’édition. Un clic, et l’éditeur vous propose de choisir une structure : une seule colonne, deux colonnes, trois, et ainsi de suite.

Sélectionnez la structure qui correspond à votre besoin, puis glissez vos widgets à l’intérieur : titre, texte, image, bouton. Chaque bloc se règle dans le panneau de gauche, où vous ajustez les marges, les couleurs et l’alignement. C’est la méthode idéale quand vous savez exactement ce que vous voulez et que vous partez d’une page vierge.

Gagner du temps avec les modèles Elementor

Repartir de zéro à chaque page fait perdre un temps fou. Les modèles existent pour ça : des sections déjà conçues, qu’il suffit d’insérer puis de personnaliser.

La bibliothèque Elementor

Dans l’éditeur, à côté du bouton plus, une icône en forme de dossier ouvre la bibliothèque. Vous y trouvez des blocs (des sections seules) et des pages entières, classés par usage. Vous prévisualisez, vous insérez, vous adaptez. Pratique pour démarrer une mise en page sans partir de la feuille blanche.

Importer un modèle téléchargé

C’est ici que vous gagnez en cohérence visuelle. Si vous avez téléchargé une section au format de modèle, vous l’importez en quelques clics.

Dans le tableau de bord WordPress, rendez-vous dans Modèles, puis « Importer des modèles ». Choisissez le fichier téléchargé et cliquez sur « Importer maintenant ». Le modèle rejoint alors votre bibliothèque personnelle, dans l’onglet « Mes modèles ».

Insérer le modèle sur votre page

Ouvrez la page concernée avec Elementor, cliquez sur l’icône de la bibliothèque, puis sur l’onglet « Mes modèles ».

Sélectionnez le modèle voulu et cliquez sur « Insérer ». La section apparaît dans votre page, prête à être ajustée. Vous venez d’ajouter une section complète en moins d’une minute.

Enregistrer vos propres sections

L’inverse est tout aussi utile. Quand vous avez créé une section qui vous plaît, un appel à l’action ou un bandeau de réassurance par exemple, vous pouvez l’enregistrer pour la réutiliser partout.

Faites un clic droit sur la poignée de la section, puis choisissez « Enregistrer comme modèle ». Donnez-lui un nom clair. Elle rejoint « Mes modèles » et devient réutilisable sur n’importe quelle page, en gardant la même mise en forme. C’est le secret d’un site cohérent : on conçoit une fois, on réutilise partout.

Quand les couleurs ou les polices changent

Voici le piège classique. Vous insérez un modèle et ses couleurs ou ses polices ne correspondent pas au reste du site. Rien d’anormal : un modèle importé peut porter ses propres réglages, ou au contraire hériter des styles globaux de votre thème.

La bonne pratique consiste à définir vos couleurs et polices globales dans les réglages d’Elementor, une fois pour toutes. Vos sections piochent alors automatiquement dans cette palette, et l’ensemble du site reste harmonieux. Si une section importée s’écarte de la charte, vous reprenez ses réglages à la main, ou vous l’alignez sur vos styles globaux. Mieux vaut régler ce détail dès le départ que de repasser sur chaque page plus tard.

Bonnes pratiques

Quelques réflexes évitent les mauvaises surprises. Vérifiez toujours le rendu mobile : Elementor permet d’ajuster une section spécifiquement pour les petits écrans, et c’est de là que vient la majorité du trafic. N’empilez pas les sections à l’excès, car chaque bloc ajoute du poids et ralentit la page. Préférez quelques sections bien construites à une accumulation de widgets.

Pensez aussi à la sauvegarde avant toute manipulation importante, et gardez Elementor à jour pour profiter des correctifs de sécurité et de performance. Un site rapide et propre, c’est meilleur pour vos visiteurs comme pour votre référencement.

Vous savez désormais ajouter, importer et réutiliser vos sections Elementor. La prochaine étape, une fois vos pages en place : soigner leur structure pour qu’elles convertissent, et non qu’elles se contentent d’exister.

FAQ