Elementor ? Le guide complet du page builder n°1, par Galopins
La plupart des articles qui expliquent Elementor décrivent un logiciel qui n’existe plus. Ils parlent de sections, de colonnes et d’une « version 2.0 » gratuite.
Or Elementor a changé trois fois de logique structurelle en dix ans, et la dernière mutation date de mars 2026.
Ce guide décrit le constructeur tel qu’il fonctionne réellement aujourd’hui, avec les chiffres officiels, les prérequis d’hébergement, le comparatif des offres, un avis honnête sur ce que le plugin fait mal, et les cas où une agence reste indispensable.
L’ agence Galopins conçoit des sites WordPress avec Elementor depuis 2020. Les données de performance citées plus bas viennent de projets web livrés.
Elementor, c’est quoi ?
Elementor est un constructeur de pages pour WordPress, distribué sous forme de plugin, qui permet de composer des pages web visuellement en glissant des éléments dans une zone d’édition plutôt qu’en écrivant du code.
Le plugin Elementor affiche 10 millions d’installations actives sur le répertoire WordPress.org et sa dernière mise à jour date du 6 août 2026, en version 4.2.2.
Elementor revendique de son côté plus de 22 millions de sites web créés, 13 % du web et plus de 6 500 avis cinq étoiles.
Ce volume prend son sens quand on le rapporte à celui de WordPress lui-même.
WordPress équipe 41,2 % de tous les sites web dans le monde en août 2026 selon W3Techs, et 59,1 % des sites qui utilisent un système de gestion de contenu identifiable, contre 5,3 % pour Shopify et 4,3 % pour Wix. Un plugin installé sur 10 millions de sites WordPress représente donc une part considérable du web administrable par des non-développeurs.
Le vocabulaire technique d’Elementor mérite d’être clarifié, parce qu’il a changé. Les éléments de contenu que l’on dépose dans une page s’appellent des widgets : titre, image, bouton, formulaire, carrousel, galerie.
Les structures qui les accueillent s’appelaient des sections et des colonnes jusqu’en 2023. Les conteneurs Flexbox ont depuis remplacé l’ancienne structure en sections et colonnes, ce qui réduit le code superflu et donne davantage de contrôle sur le comportement des mises en page selon les tailles d’écran. Un article qui vous parle encore de « définir une structure puis choisir un nombre de colonnes » décrit un flux de travail abandonné.
La version 4 et l'éditeur Atomic : le vrai sujet
L’éditeur Atomic est passé par près d’un an de phase alpha, des versions 3.29 à 3.35, avant d’entrer en bêta puis de devenir la version officielle en mars 2026. Depuis avril 2026, tous les nouveaux sites Elementor tournent sur la version 4 par défaut, les sites existants pouvant se mettre à jour manuellement et activer les nouvelles fonctionnalités progressivement.
Le changement n’est pas cosmétique. L’éditeur Atomic introduit un système de design piloté par le CSS et par les classes, où chaque élément devient un bloc modulaire réutilisable avec une séparation nette entre structure, style et contenu. Concrètement, quatre notions structurent désormais le travail : les éléments atomiques, les classes, les variables et les composants. Là où la version 3 ne proposait des réglages responsives que sur certaines propriétés, la version 4 permet de définir chaque propriété de style indépendamment pour ordinateur, tablette et mobile. Et là où les widgets globaux de la version 3 permettaient de réutiliser un widget d’une page à l’autre, les composants de l’éditeur Atomic opèrent au niveau de la mise en page, ce qui rend des conteneurs ou des sections entières réutilisables.
L’intérêt pour l’éco-conception est direct et mesurable dans le code généré. Les titres, paragraphes, boutons et images produisent nettement moins de balisage que leurs équivalents widgets de la version 3, chacun utilisant désormais un seul élément conteneur. Chaque balise en moins est chargée à chaque visite, sur chaque appareil. Ce raisonnement est le même que celui qui gouverne un audit d’éco-conception : ce n’est pas le gain unitaire qui compte, c’est sa répétition.
Un avis honnête suppose de mentionner ce qui coince.
Depuis que l’éditeur Atomic est devenu le réglage par défaut des nouveaux sites en avril 2026, des sites voient l’éditeur se figer ou la page publique s’afficher sans une partie de ses styles lorsque des éléments de la version 4 sont actifs, la version 4 ayant introduit une manière réellement nouvelle de générer et d’imprimer les styles, avec ses propres modes de défaillance. Plusieurs widgets du quotidien, notamment les accordéons, les carrousels et les galeries, font partie de ceux qui manquent le plus dans les premières versions de la version 4, et l’apprentissage est plus exigeant pour les profils non développeurs : l’argument historique d’Elementor était que n’importe qui pouvait cliquer dans une page comme dans un diaporama, alors que la version 4 récompense un peu de structure et un peu de culture CSS.
Autrement dit, la version 4 est excellente pour qui construit des systèmes de design et sait ce qu’est une classe CSS. Elle est plus rugueuse pour qui ouvre l’éditeur pour la première fois.
Installation et compatibilité : ce que votre hébergement doit fournir
L’installation d’Elementor se fait depuis le répertoire des plugins WordPress, en trois clics, et cette partie n’a jamais posé de problème à personne. Ce qui pose problème, c’est l’environnement serveur.
Elementor fonctionne avec WordPress 6.5 ou supérieur ; le plugin fonctionne avec PHP 7.4 mais l’éditeur recommande fortement PHP 8.x ; il demande MySQL 5.6 ou supérieur, ou MariaDB 10.5 ou supérieur ; il exige une limite mémoire WordPress de 256 Mo, 512 Mo recommandés et 768 Mo pour les meilleures performances.
Deux réglages moins connus expliquent une grande partie des tickets de support ouverts par les utilisateurs:
- L’en-tête Content-Security-Policy réglé sur « frame-ancestors none » casse l’éditeur Elementor parce qu’il bloque l’iframe de prévisualisation, et doit être réglé sur « frame-ancestors ‘self’ », ce que seul l’hébergeur peut faire ;
- l’extension PHP Zlib doit également de préférence être activée sur le serveur.
Ces deux points figurent dans la documentation officielle mais très rarement dans les offres d’hébergement mutualisé à bas coût, ce qui produit des situations où le plugin est installé et où l’éditeur reste désespérément blanc.
Le choix de l’hébergement n’est donc pas un détail administratif à régler après la conception. Une limite mémoire à 128 Mo et une version de PHP figée en 7.4 suffisent à rendre inexploitable un site par ailleurs bien conçu. Avant de souscrire une offre, deux questions posées au support de l’hébergeur permettent de trancher : quelle version de PHP est disponible, et la limite mémoire est-elle relevable à 512 Mo. Un hébergeur incapable de répondre à ces deux questions n’est pas le bon partenaire pour un site WordPress.
Est-ce qu'Elementor est compatible avec mon thème WordPress ?
Techniquement, Elementor fonctionne avec n’importe quel thème WordPress correctement codé, puisque le plugin prend le contrôle de la zone de contenu et, avec le générateur de thèmes, des en-têtes, pieds de page et gabarits d’archives. Dans les faits, la compatibilité dépend de ce que votre thème actuel fait de son côté.
Le conflit le plus fréquent est un conflit de styles.
Un thème peut écraser le CSS d’Elementor et un plugin mal conçu peut désinscrire des feuilles de style ; le test le plus rapide consiste à basculer temporairement sur un thème propre comme Hello Elementor et à recharger la page, car si les styles reviennent, c’est le thème qui bloque ou surcharge le CSS du constructeur. Ce test de dix secondes évite des heures de recherche à l’aveugle.
Hello Elementor est justement le thème conçu comme socle minimal pour le constructeur. Ce thème gratuit et open source affiche plus d’un million d’installations actives sur WordPress.org, se classe deuxième des thèmes populaires du répertoire au 10 août 2026, a livré 48 versions depuis son entrée au répertoire en mai 2019, et sa démonstration officielle obtient 100 sur 100 en performance mobile comme en performance ordinateur sous Google Lighthouse. BuiltWith détecte par ailleurs 4 014 621 sites en production utilisant Hello Elementor.
Le vrai arbitrage n’est pas technique mais économique. Conserver un thème premium acheté sur une place de marché signifie souvent empiler deux systèmes de mise en page concurrents, deux jeux de réglages typographiques et deux couches de CSS qui se battent. Repartir d’un thème neutre allège le site mais impose de reconstruire les gabarits. Ce choix se tranche projet par projet, en fonction du volume de pages existantes et du niveau de personnalisation déjà en place.
Créer une page avec Elementor, étape par étape
La séquence de travail sur un nouveau site en version 4 est stable. Vous créez une page dans WordPress, vous ouvrez l’éditeur Elementor, vous posez un premier conteneur qui définit la largeur et l’alignement du bloc, puis vous y déposez des éléments atomiques depuis le panneau latéral. Vous définissez ensuite vos variables globales, couleurs et typographies, une fois pour tout le site. Vous créez vos classes pour les motifs qui reviennent, un bouton principal, une carte d’article, un titre de section. Vous vérifiez chaque point de rupture, ordinateur, tablette et mobile, en ajustant les propriétés qui le nécessitent. Vous publiez.
Décrit ainsi, cela ressemble à une recette. Ce n’en est pas une, et il vaut mieux le dire franchement plutôt que de vendre une autonomie qui n’existe pas.
Ce que cette séquence ne couvre pas, et qui décide de la qualité finale : l’architecture des gabarits du générateur de thèmes, qui détermine si votre site restera maintenable au bout de deux ans ou deviendra un empilement de pages orphelines ; la définition d’un budget de performance avant la conception graphique, parce qu’un visuel plein écran non compressé ruine n’importe quelle optimisation faite ensuite ; le respect du RGAA, qui suppose des choix de contrastes, de hiérarchie de titres et de gestion du focus clavier pris en amont, pas corrigés après ; la structuration des contenus dynamiques et des champs personnalisés ; et la conformité éco-conception, qui se joue sur des arbitrages de chargement, de polices et de médias.
C’est précisément la répartition que Galopins pratique : l’agence conçoit l’architecture, la charte et les gabarits, puis livre un site que le client administre lui-même. Créer une page, publier un article, modifier un texte, ajouter une actualité : ces gestes ne nécessitent aucune intervention extérieure une fois la structure posée. Aucune main mise, aucun abonnement de maintenance déguisé en dépendance technique.
Tutoriel : une page « Faire un don » construite dans l'Editor V4
Voici le même travail déroulé sur un cas réel, celui d’une page de collecte pour une association. L’exemple est volontairement concret parce que la théorie du design system ne s’attrape qu’en la voyant appliquée à une page qui doit convertir.
Le schéma ci-dessous résume la logique de l’Editor V4, à lire de bas en haut. Tout ce que vous définissez au niveau le plus bas se propage automatiquement vers les niveaux supérieurs, ce qui inverse complètement la méthode de création qui prévalait dans les versions précédentes du builder.
Étape 1, poser les variables avant toute chose. Dans les réglages globaux de l’Editor, déclarez les couleurs de la charte, deux familles typographiques au maximum et une échelle d’espacements. Sur une page de don, cela signifie une couleur d’action réservée au bouton de don et à rien d’autre. Cette exclusivité chromatique est un choix de design, pas une contrainte technique : elle garantit que l’œil identifie l’action principale sans hésitation.
Étape 2, créer les classes réutilisables. Créez une classe pour le bouton de don, une pour les cartes de montant, une pour les titres de section. Chaque classe porte ses états au survol et au focus clavier. Traiter le focus dès la création évite d’avoir à repasser sur cinquante boutons lors de l’audit d’accessibilité.
Étape 3, structurer le conteneur d’en-tête. Un conteneur Flexbox pleine largeur accueille un titre, une phrase de contexte et le bouton de don. La règle de design applicable ici tient en une ligne : le bouton doit être visible sans défilement sur un écran de mobile de 375 pixels de large, sinon la page perd une partie de ses dons avant même d’avoir argumenté.
Étape 4, construire le bloc des montants. Trois éléments atomiques de type bouton, portant la classe créée à l’étape 2, proposent trois montants suggérés. Un quatrième champ ouvre la saisie libre. L’ordre des montants n’est pas neutre : placer le montant intermédiaire au centre et en évidence oriente le choix, un effet documenté en économie comportementale sous le nom d’effet de leurre.
Étape 5, transformer le bloc en composant. Sélectionnez le bloc des montants et enregistrez-le comme composant. Il sera réutilisable dans la page de campagne, dans une fenêtre contextuelle et dans le pied de page, avec une seule source de vérité. Corriger une faute de frappe dans le composant la corrige partout.
Étape 6, brancher le formulaire. Le générateur de formulaires de l’Editor Pro collecte les coordonnées du donateur et les transmet à l’outil de gestion de contacts de l’association. Les formulaires de don relèvent d’une vigilance particulière sur les libellés de champs, qui doivent être des libellés réels et non des textes d’aide à l’intérieur du champ, sous peine de disparaître au moment de la saisie.
Étape 7, vérifier chaque point de rupture. Passez sur les vues tablette et mobile et ajustez ce qui le nécessite, propriété par propriété. C’est l’apport le plus utile de la version 4 au quotidien : un espacement excessif sur mobile se corrige directement, sans écrire une règle CSS supplémentaire.
Étape 8, mesurer avant de publier. Lancez une mesure de poids et de performance sur la page, puis comparez au poids médian de 2 559 ko relevé sur mobile par HTTP Archive. Une page de don bien construite tient largement sous le tiers de cette valeur. Si elle n’y tient pas, l’origine est presque toujours une image de bandeau non redimensionnée.
Ce tutoriel couvre la construction d’une page. Il ne couvre pas l’architecture du site qui l’entoure, ni le paramétrage du Theme Builder, ni l’audit RGAA, ni la stratégie de collecte. Un bénévole outillé peut suivre ces huit étapes et obtenir une page correcte. Une association qui refond l’ensemble de son site, avec des gabarits d’articles, des archives et un tunnel de don, a besoin d’un accompagnement, et le dire franchement fait partie du support que nous devons à nos clients.
Intégrer vos articles dans une page : le point que personne n'explique
Afficher une liste d’articles dans une page est la demande la plus fréquente après la mise en page elle-même, et c’est aussi celle qui produit le plus de sites lents. Elementor propose plusieurs outils pour cela, avec des conséquences très différentes.
Les widgets de l’offre Essentiel Pro incluent notamment la grille en boucle, le carrousel en boucle, le widget Articles, le portfolio, la table des matières, le titre de l’article, l’extrait de l’article, l’image à la une, le contenu de l’article, la navigation entre les articles, les archives et le fil d’Ariane. Les intégrations de champs personnalisés et de types de publications, ainsi que les balises dynamiques, sont réservées aux offres supérieures à Essentiel, cette dernière n’ouvrant pas l’accès aux champs personnalisés ni aux types de publication.
La distinction utile est celle entre une liste figée et une requête dynamique.
Un widget Articles configuré sur une catégorie affiche automatiquement les nouvelles publications, ce qui évite de modifier la page d’accueil à chaque parution. Une grille en boucle va plus loin en appliquant à chaque résultat un gabarit que vous avez dessiné vous-même, ce qui garantit une présentation homogène des posts sans dupliquer le travail de design.
La création d’un seul gabarit de carte d’article suffit alors à couvrir des centaines de posts. Mais chaque élément affiché déclenche le chargement d’une image à la une, et une grille de douze articles avec des visuels non redimensionnés produit une page dont le poids dépasse largement les seuils acceptables.
Le contexte chiffré aide à mesurer l’enjeu. Le poids médian d’une page d’accueil atteignait 2 862 ko sur ordinateur et 2 559 ko sur mobile en juillet 2025 selon le Web Almanac de HTTP Archive, soit une progression de 7,8 % en un an. Une grille d’articles mal configurée suffit à faire franchir ce seuil à une page qui, sans elle, tiendrait sous les 500 ko.
Le second effet à surveiller est éditorial. Multiplier les pages qui listent les mêmes articles sous des angles proches crée une concurrence entre vos propres URL dans les résultats de recherche. Une page catégorie, une page d’archive et une page thématique qui affichent le même corpus se cannibalisent. Le maillage interne doit donc être décidé au moment de la structuration du contenu, pas au moment de la mise en page.
Version gratuite ou Elementor Pro : le comparatif utile
Il n’existe plus de « version 2.0 ». L’offre gratuite d’Elementor donne accès à 32 widgets et à un nombre illimité de sites, mais n’inclut aucune assistance. Ces 32 widgets couvrent le conteneur, la grille, le titre, l’éditeur de texte, l’image, la vidéo, le bouton, la galerie de base, le carrousel d’images, les onglets, l’accordéon, les icônes sociales et une quinzaine d’autres éléments de mise en page courants. C’est suffisant pour un site vitrine simple, sans en-tête personnalisé, sans formulaire ni fenêtre contextuelle.
L’offre payante se répartit ensuite en plusieurs niveaux :
- Essentiel donne 57 widgets Editor Pro sur un site, avec le générateur de thèmes, le générateur de formulaires et 10 modèles cloud, mais sans générateur de fenêtres contextuelles, sans code et CSS personnalisés et sans fonctionnalités e-commerce ;
- Advanced Solo passe à 85 widgets sur un site avec le CSS personnalisé, les fenêtres contextuelles, les notes collaboratives et l’e-commerce ;
- Avancé couvre 3 sites, Expert 25 sites et Agence 1000 sites, tous avec 85 widgets.
- L’assistance est de base sur Essentiel, Advanced Solo, Avancé et Expert, et prioritaire sur Agence et sur les offres One. Le tarif d’entrée annoncé sur la page tarifaire officielle démarre à 49 dollars par an.
L’évolution notable de 2026 est la sortie d’un abonnement au périmètre beaucoup plus large. Elementor One regroupe l’Editor Pro et un ensemble de services connectés dans un seul abonnement : optimisation des images, délivrabilité des e-mails, accessibilité du site, gestion du site et consentement aux cookies, avec 25 000 crédits mensuels partagés pour l’offre One et 350 000 pour One Agency. Ces crédits se consomment par action, avec un barème public : l’Editor Pro et les analyses d’accessibilité ne consomment aucun crédit, une correction d’accessibilité par intelligence artificielle en coûte 20, une image optimisée 10, un envoi d’e-mail 10, une action d’intelligence artificielle de 1 à 40, et les crédits non utilisés ne sont pas reportés au mois suivant.
Les offres à partir d’Advanced Solo ouvrent par ailleurs le WooCommerce Builder, qui permet la création de pages produits, de pages de boutique, de panier et de tunnel de paiement sur mesure. Une boutique qui vend une dizaine de produits n’en a pas besoin ; une boutique dont les fiches produits constituent le principal levier de conversion, si.
Un point d’attention pour ceux qui compareraient des offres d’hébergement. Elementor One n’inclut pas l’hébergement : Elementor Host est une offre distincte, et l’abonnement One s’utilise sur n’importe quel hébergeur WordPress compatible.
Notre avis sur cet arbitrage est simple.
Un site vitrine d’une association qui publie quatre actualités par an fonctionne très bien avec l’offre gratuite complétée par deux plugins choisis avec soin.
Dès qu’il y a un en-tête sur mesure, des formulaires connectés à un outil de gestion de contacts, ou un besoin de contenus dynamiques appuyés sur des champs personnalisés, l’offre Advanced Solo devient le premier palier réellement fonctionnel, l’offre Essentiel étant limitée par l’absence de CSS personnalisé et de fenêtres contextuelles.
Les bénéfices concrets, pour décider en connaissance de cause
Installer un plugin est gratuit et réversible ; s’abonner engage un budget annuel et une méthode de travail. Voici ce que l’un et l’autre apportent réellement, formulé en bénéfices vérifiables plutôt qu’en promesses.
Une consolidation d’outils, donc de coûts. Le Theme Builder, le Popup Builder, le Form Builder et le WooCommerce Builder remplacent chacun un plugin autonome qu’il aurait fallu acheter, mettre à jour et surveiller séparément. Moins d’extensions signifie moins de surfaces de conflit, moins de mises à jour à surveiller et une base de code plus stable. Ce raisonnement compte particulièrement pour les structures qui n’ont pas de personne dédiée au web en interne.
Un délai de création raccourci, mesurable en jours. La bibliothèque de modèles et les modèles cloud permettent de partir d’une structure existante plutôt que d’une page blanche. Sur un site de dix à quinze pages, l’écart entre une conception depuis zéro et une conception appuyée sur des composants réutilisables se compte en semaines, pas en heures.
Un design cohérent sans discipline surhumaine. L’apport principal de la version 4 est là. Avant les classes et les variables, la cohérence graphique d’un site reposait sur la mémoire de la personne qui l’éditait, et un bouton finissait toujours par diverger de ses voisins. Désormais, la charte est inscrite dans la structure du site plutôt que dans un document PDF que personne ne rouvre.
Un support proportionné à l’enjeu. L’offre gratuite ne donne accès à aucune assistance de l’éditeur : le recours se limite au forum communautaire de WordPress.org et à la documentation publique. Les offres payantes ouvrent une assistance de base, et les offres Agence, One et One Agency une assistance prioritaire, doublée d’un centre d’aide et de pages de services dédiées. Pour un site qui porte une activité commerciale ou une collecte de dons, la question du support cesse d’être théorique le jour où une page de paiement tombe un vendredi soir.
Une autonomie réelle après livraison. C’est le bénéfice que Galopins met au centre, parce qu’il détermine le coût total de possession du site sur cinq ans. Un site livré dans un Editor que le client sait utiliser se met à jour sans devis. Un site livré dans une usine à gaz sur mesure génère une facture à chaque virgule. Le choix d’un builder répandu n’est pas un choix de confort pour l’agence, c’est une garantie de réversibilité pour le client : dix millions d’installations actives signifient que vous trouverez toujours quelqu’un pour reprendre le site après nous.
Une base saine pour l’éco-conception. Un balisage plus léger, des styles centralisés et une bibliothèque de widgets dont on n’active que le nécessaire constituent le point de départ d’une démarche de sobriété. Le plugin ne rendra pas un site sobre à votre place, mais il ne s’y oppose plus, ce qui n’était pas exactement le cas des versions antérieures.
Le contre-argument mérite d’être posé aussi. Un abonnement annuel est un coût récurrent sans licence à vie, et une partie des services de l’offre One fonctionne par crédits mensuels non reportables. Pour une structure qui publie très peu et n’a aucun besoin de formulaire avancé, l’offre gratuite reste le choix rationnel, et personne chez Galopins ne vous vendra le contraire.
Accessibilité : ce qu'Elementor sait faire, et ce qu'il ne fera pas à votre place
L’éco-conception ne se limite pas au poids des pages.
Un site sobre mais inutilisable au lecteur d’écran rate sa cible. Elementor a investi ce terrain avec un outil dédié. L’assistant d’accessibilité analyse et détecte plus de 180 problèmes d’accessibilité courants sur la base du référentiel WCAG 2.1 niveau AA, propose des solutions de correction ou des suggestions générées par intelligence artificielle, met à disposition un widget d’ergonomie que les visiteurs peuvent régler eux-mêmes en taille de texte, couleur, contraste, navigation et langue, et génère une déclaration d’accessibilité.
L’honnêteté commande de citer la limite qu’Elementor formule lui-même. Aucun outil automatisé ne peut promettre une accessibilité complète : l’outil aide à détecter et corriger les violations les plus fréquentes, mais une conformité réelle exige des tests et un jugement humains, l’outil devant être vu comme un assistant puissant et non comme un substitut à une revue manuelle. Elementor rappelle également que la responsabilité juridique et éthique de l’accessibilité incombe au propriétaire du site, et que le créateur web qui conçoit le site doit implémenter et ajuster les fonctionnalités d’accessibilité.
Cette nuance est décisive en France, où le RGAA impose une démarche d’audit et une déclaration de conformité qui ne se génèrent pas depuis un tableau de bord. Elle explique aussi pourquoi les solutions de superposition ont mauvaise presse : une couche ajoutée par script produit des changements temporaires qui disparaissent avec le script, n’agit pas sur le code source, laisse donc les vrais problèmes intacts, et peut même perturber l’usage des lecteurs d’écran.
Galopins réalise des audits d’éco-conception et des audits RGAA, et travaille ces deux volets ensemble parce qu’ils portent sur les mêmes arbitrages : hiérarchie sémantique, contrastes, poids des médias, sobriété des animations. Les refontes menées pour la Fondation des femmes, Toit à moi, Surfrider et l’association ADA au Luxembourg ont été conduites sur cette base.
Cas pratiques : ce que ça donne sur des projets livrés
Les scores ci-dessous ont été mesurés sur des sites en production, avec des outils publics que n’importe qui peut relancer.
Le site de Lemon Tri, entreprise de l’économie sociale et solidaire, obtient 96 sur 100 sur EcoGrader et la note A+ sur Website Carbon. EcoGrader s’appuie sur Google Lighthouse et sur CO2.js de The Green Web Foundation pour évaluer la qualité technique d’une page, son poids et ses émissions estimées. La note A+ de Website Carbon signifie que la page d’accueil se situe parmi les pages les plus sobres selon une méthodologie fondée sur la quantité de données transférées, l’énergie nécessaire au chargement, l’intensité carbone de cette énergie et le statut de l’hébergement. Sur ce projet, la compression des ressources CSS et JavaScript représente un gain estimé de 21,43 ko, et leur minification un gain estimé de 4,1 ko. Rapportés au poids médian de 2 862 ko relevé par HTTP Archive, ces gains paraissent modestes ; multipliés par le nombre de visites annuelles, ils cessent de l’être.
Ingrid Detourbet, responsable communication chez Lemon Tri, résume l’attente initiale : « En tant qu’entreprise de l’ESS, nous cherchions une agence web alignée avec nos valeurs, et nous sommes ravis de leur avoir confié la refonte de notre site. »
Deux autres projets marseillais illustrent la même approche sur des contextes différents. Le site du cabinet d’expertise comptable Account For obtient 80 sur 100 sur EcoGrader, en combinant crédibilité professionnelle et sobriété technique. Celui du World Water Council, organisation internationale reconnue par les Nations unies dont la fondation est basée à Marseille, atteint 70 sur 100, sur un périmètre bien plus large en volume de contenu et en langues.
Pour Albalogic, concepteur de logiciels métiers pour l’industrie basé à Aubagne, l’enjeu de la refonte était de valoriser une expertise technique dense tout en livrant une interface d’administration réellement utilisable par les équipes internes. Le même impératif d’autonomie revient sur les projets nantais et ligériens, du groupe Jarny à l’hôtel spa Amoria à La Baule, en passant par Atémis, Les jardins de la mer ou Route de la bio.
Clémence Tirel, du groupe Dunamis Hospitality, à propos du site de l’établissement Amoria : « Nous tenons à souligner le professionnalisme, la réactivité et la transparence dont l’équipe a fait preuve tout au long du projet. »
Les autres constructeurs, et pourquoi Galopins a tranché
Elementor n’est pas seul. Beaver Builder mise sur la stabilité, Divi sur le volume de modèles prédéfinis, et Gutenberg, l’éditeur natif de WordPress, a considérablement mûri avec l’édition complète du site. La part d’Elementor sur le marché des constructeurs de pages est d’ailleurs passée de 56 % à une fourchette de 40 à 50 % selon les données BuiltWith, à mesure que les alternatives progressent, Gutenberg étant identifié comme la menace de long terme puisqu’il est intégré au cœur de WordPress.
Galopins travaille pourtant exclusivement avec WordPress et Elementor, et l’argument n’est pas technique mais opérationnel. Un constructeur unique signifie une équipe qui en maîtrise les angles morts, des gabarits éprouvés, et surtout une interface que le client retrouve identique d’un projet à l’autre. Lucie Leteurtre, de Surfrider, a identifié cet avantage lors du passage à Elementor : la capacité à reprendre la main sur le site, à publier plus facilement et à répondre plus vite aux besoins internes. L’autonomie n’est pas un détail technique, c’est un facteur de fluidité pour toute l’organisation.
Quand faire appel à une agence ?
Elementor abaisse la barrière technique, il ne supprime pas les décisions de conception. Un site rapide, accessible et durable dépend d’arbitrages pris avant la première page : structure de l’arborescence, budget de poids, hiérarchie sémantique, stratégie de contenus dynamiques, conformité RGAA. Ces arbitrages ne s’improvisent pas dans un panneau de réglages, et aucun builder ne les prendra à votre place.
Agence Galopins réunit une quinzaine de personnes entre Nantes et Marseille, ce qui permet un interlocuteur direct plutôt qu’une chaîne de comptes. La création de sites web y couvre l’ensemble de la chaîne, du design d’interface au référencement, en passant par l’éco-conception et l’accessibilité. Chaque projet web ou branding avance en co-construction, étape par étape, pour rester aligné sur le besoin réel. Côté identité de marque, la création se fait sans intelligence artificielle, afin de garantir que la charte graphique, le logo et le naming découlent de l’histoire et des valeurs de l’organisation, pas d’une moyenne statistique.
Et à la livraison, le site vous appartient, avec les clés. Le support que nous assurons ensuite répond à des questions, il ne conditionne pas votre capacité à publier.
