PubliĂ© par le 30 mai 2018 ‱ 91 Commentaires ‱ Read in English

Si je vous dis : un plugin de constructeur de page qui prĂ©sente plus de 700 000 installations actives, et qui promet d’ĂȘtre “sans limite de conception”, vous me dites ?

Elementor, mon cher Watson !

Le page builder Elementor, conçu par l’équipe de Pojo Themes, est rapidement devenu une rĂ©fĂ©rence pour la conception de sites WordPress, au point de faire quelque peu d’ombre aux Beaver Builder et autres Visual Composer, que WPMarmite a dĂ©jĂ  testĂ©s pour vous.

Le plugin connaĂźt d’ailleurs un tel succĂšs que ses concepteurs ont rĂ©cemment dĂ©cidĂ© d’arrĂȘter de vendre des thĂšmes, pour se consacrer uniquement Ă  Elementor !

Qu’à cela ne tienne, mes petits Sherlock en herbe : je vous propose aujourd’hui de voir ce qu’Elementor a dans le ventre. Et croyez-moi, l’interrogatoire va ĂȘtre musclĂ©.

Parce que, si certains admirent particuliĂšrement le plugin, d’autres n’hĂ©sitent pas Ă  le mettre sur le banc des accusĂ©s de maniĂšre virulente. Ainsi Maxime de WPChef avait fait part Ă  notre chef cuistot Alex de ses dĂ©boires avec Elementor :

Les discussions autour du plugin Elementor sont parfois intenses

En vĂ©ritable Miss Marple du constructeur de page, pour mener mon enquĂȘte, je me suis appuyĂ©e sur des critĂšres objectifs d’analyse.

Allez : sortez votre impermĂ©able gris et votre loupe : on part sur l’enquĂȘte musclĂ©e d’un constructeur de page devenu rĂ©fĂ©rence !

EnquĂȘtons sur le page builder Elementor

Et pour ce faire, nous gardons toujours les mĂȘmes critĂšres de test, que vous retrouverez dans le sommaire :

Point transparence : Les diffĂ©rents liens vers Elementor Pro et ses extensions payantes sont des liens d’affiliation. C’est Ă  dire que si vous achetez un de ces plugins, la Marmite touchera une commission. Cela permet de rĂ©munĂ©rer le travail de recherche et d’écriture des rĂ©dacteurs du blog et de constituer une cagnotte pour acheter et tester d’autres plugins.

1/ Quels modules et templates pré-intégrés ?

Les crĂ©ateurs de sites WordPress qui choisissent d’utiliser un constructeur de page sont motivĂ©s par le fait de pouvoir partir d’une base, sans avoir besoin de mettre les mains dans le cambouis technique. Examinons de prĂšs ce qu’Elementor a Ă  offrir du point de vue des modules et des templates.

Une variété de modules pour des besoins divers et variés

Dans la version gratuite d’Elementor, vous retrouverez bien sĂ»r tous les types de modules basiques que l’on attend d’un constructeur de page. Qu’il s’agisse :

  • d’élĂ©ments structurels (colonnes, diviseurs, titres
)
  • des modules de contenu les plus utilisĂ©s (boutons, icĂŽnes, module d’image, de shortcodes
)
  • ou de modules spĂ©cifiques Ă  WordPress (modules d’articles, de catĂ©gories, de commentaires
)


 ils sont tous là.

On note aussi dans cette version gratuite des modules plus spĂ©cifiques, assez apprĂ©ciables bien que courants : “accordĂ©on” pour intĂ©grer une Foire Aux Questions dynamique Ă  une page, “barre de progression” qui permet de mettre en avant des compĂ©tences ou l’avancement de certains projets par exemple


De quoi répondre à des besoins divers et variés pour tout type de site.

Certains des modules proposĂ©s dans la version gratuite d’Elementor
Certains des modules proposĂ©s dans la version gratuite d’Elementor

Dans la version Pro du plugin, on voit apparaĂźtre des modules supplĂ©mentaires, dont certains sont mĂȘme devenus incontournables pour un bon nombre de crĂ©ateurs de sites.

Boutons de partage réseaux sociaux, portfolio, sliders


Les 21 modules supplĂ©mentaires disponibles dans la version Pro d’Elementor
Les 21 modules supplĂ©mentaires disponibles dans la version Pro d’Elementor

D’autres modules, plus originaux s’ajoutent Ă  la liste de 21 modules Pro, tels que des tables de prix pour afficher les tarifs de vos offres, une boĂźte qui permet au visiteur de se connecter au site, ou encore des titres animĂ©s qui viendront dynamiser vos pages. Personnellement, j’en suis gaga !

PlutĂŽt sympa, ces modules originaux
Il est pas beau, mon titre animé, au-dessus de mon accordéon FAQ et ma table de prix ?

Une grande diversitĂ© de templates pour s’inspirer

Autre Ă©lĂ©ment des plus utiles dans un constructeur de page : les templates, ces modĂšles prĂ©-intĂ©grĂ©s au plugin, qui permettent de partir d’une structure et d’un design spĂ©cifique Ă  personnaliser par la suite.

Dans Elementor, la version gratuite inclut dĂ©jĂ  quelques templates intĂ©ressants, pour tous types de pages : pages d’accueil, sites en one-page, CV, page “à propos”, Landing Pages


La version payante, elle, en rajoute encore, dans une bibliothÚque riche aux mises en page variées.

Y’en a, du template de page, dans la version Pro d’Elementor !
Y’en a, du template de page, dans la version Pro d’Elementor !

Autre Ă©lĂ©ment intĂ©ressant : une bibliothĂšque de templates de blocs, qui permet d’intĂ©grer un Ă©lĂ©ment structurel prĂ©-construit Ă  une page. Foire Aux Questions, call-to-action, header, tĂ©moignage client


Une grande variĂ©tĂ© d’élĂ©ments qui permettent de faciliter le travail de structuration de la page, et de vraiment se concentrer sur la personnalisation du design.

Cette riche bibliothĂšque de templates est rĂ©guliĂšrement mise Ă  jour avec le plugin, comme nous l’indique le charmant avatar d’Elementor lorsque l’on dĂ©file jusqu’à la fin de la liste.

La bibliothÚque de templates d'Elementor est réguliÚrement mise à jour

La possibilité de créer ses propres modÚles

Au-delĂ  des nombreux modules et templates intĂ©grĂ©s Ă  l’extension, on apprĂ©ciera particuliĂšrement la fonctionnalitĂ© qui permet d’enregistrer une page ou un bloc comme “modĂšle”.

Pratique lorsque l’on s’est Ă©vertuĂ© Ă  personnaliser le design d’un Ă©lĂ©ment, et qu’on souhaite le rĂ©utiliser sur une autre page.

Un clic sur l’icĂŽne “Sauvegarder” sur le bloc ou la page qui vous intĂ©resse, et vous voilĂ  avec votre propre bibliothĂšque de templates personnalisĂ©s !

L'option de sauvegarde de modĂšles dans le plugin Elementor
Facile de rĂ©insĂ©rer cette ligne d’icĂŽnes et de textes avec cette option !

Bon, super : Elementor intĂšgre toute un panel de modules et de templates intĂ©ressants. Mais qu’en est-il de la maniabilitĂ© du plugin, de sa prise en main et de son interface ?

Devenez un freelance WordPress accompli

Trouvez les bons clients, vendez des sites rentables, et libĂ©rez-vous de vos contraintes​

2/ Quelle maniabilité ?

Il ne suffit pas qu’un page builder propose de bons outils pour ĂȘtre un bon constructeur de page : encore faut-il proposer une expĂ©rience fluide et aisĂ©e au concepteur du site ! Et de ce point de vue, Elementor n’est pas en reste. La preuve dans cette partie.

Une interface de travail agréable, assez simple à prendre en main

Avec une interface aĂ©rĂ©e, Elementor propose vraiment un espace de travail agrĂ©able. Les fonctionnalitĂ©s du plugin, comme la barre contenant les modules, peuvent ĂȘtre aisĂ©ment masquĂ©es ou rĂ©duites, ce qui permet de vĂ©ritablement se rendre compte du rendu en front, sans ĂȘtre polluĂ© par l’interface de travail.

Sur Elementor, comme sur de nombreux constructeurs de page, on travaille en glisser-dĂ©poser. La structuration des blocs est elle aussi simple : lors de l’ajout d’une section, on choisit tout simplement son nombre de colonnes, pour ensuite commencer directement Ă  travailler dedans.

La simplicité du glisser-déposer dans Elementor
Création de deux colonnes pour intégrer une image et un bloc de texte, en un rien de temps.

Niveau ergonomie, on s’oriente donc sur un sans-faute.

Et pour faciliter la construction de la page, Elementor permet dĂšs le dĂ©but de choisir ses couleurs et polices par dĂ©fauts, ainsi que quelques rĂ©glages Ă©lĂ©mentaires (largeur du contenu Ă  insĂ©rer dans la page, espace par dĂ©faut entre les widgets…).

Résultat : tous les modules intégrés à la page se mettent en forme selon ces critÚres pré-définis.

Quelques paramĂštres de personnalisation que propose Elementor
Les quelques paramÚtres de personnalisation que propose Elementor sur chacune des pages créées

Note du rĂ©dacteur : La plupart des constructeurs de page permettent de choisir ces Ă©lĂ©ments dans leur paramĂ©trage initial. Le bonus d’Elementor, c’est de pouvoir les choisir sur chaque page, et ainsi crĂ©er des designs diffĂ©rents sur des pages diffĂ©rentes aisĂ©ment, si nĂ©cessaire.

Vous faites une erreur sur votre page, en insĂ©rant un module que vous ne vouliez pas, ou en lui appliquant des caractĂ©ristiques non dĂ©sirĂ©es ? Pas de souci ! Contrairement Ă  Visual Composer, qui demande d’installer un plugin spĂ©cifique pour avoir un bouton “retour en arriĂšre”, Elementor pense Ă  vous. Il vous suffit :

  • Soit d’utiliser le raccourci clavier prĂ©fĂ©rĂ© des tĂȘtes-en-l’air (Cltr + Z sur Windows ou Cmd + Z sur Mac) ;
  • Soit de visualiser l’historique de vos actions : comme sur un document Google Docs, vous pouvez suivre tous les Ă©lĂ©ments que vous avez ajoutĂ© ou modifiĂ©, et choisir la version qui vous convient.
Elementor permet de visualiser l’ensemble de l’historique de la crĂ©ation de la page
Elementor permet de visualiser l’ensemble de l’historique de la crĂ©ation de la page

Une interface WYSIWYG irréprochable

Oui, vous avez bien lu : de mon point de vue, le What You See Is What You Get d’Elementor est absolument irrĂ©prochable, contrairement Ă  Gutenberg par exemple.

En d’autres termes : tous les Ă©lĂ©ments que vous visualisez dans l’interface du constructeur de page donnent le mĂȘme rendu sur votre site web, une fois la page publiĂ©e.

Ce WYSIWYG prĂ©sente des animations dynamiques, qui animent le module lorsqu’on lui applique un changement : pratique pour savoir que votre modification a Ă©tĂ© appliquĂ©e.

Et quand je vous dis que ce WYSIWYG est parfait, c’est qu’Elementor va trĂšs loin : le plugin vous permet de visualiser dans l’interface de crĂ©ation les effets au passage de la souris ou au dĂ©filement de la page, par exemple.

On est vraiment devant un constructeur de page dynamique, qui tient sa promesse initiale : simplifier la création de sites WordPress pour les béotiens du développement web.

Un gros plus par rapport Ă  d’autres page builders, qui demandent qu’on dĂ©clenche sans cesse un aperçu dans le navigateur pour se rendre compte du rendu final de la page.

Une personnalisation trÚs poussée

Oui, sur Elementor, on se sent bien. Et en plus, on peut aller trĂšs loin dans la personnalisation des diffĂ©rents modules, que ce soit en termes d’emplacement, de design ou d’animation.

Certaines fonctions de personnalisation permettent d’atteindre de maniĂšre simple un design unique. Les formes de sĂ©paration entre les diffĂ©rentes sections structurent la page crĂ©Ă©e.

Pour illustrer cela, je vous laisse apprĂ©cier le petit effet gĂ©omĂ©trique donnĂ© par trois des formes de sĂ©paration disponibles sur Elementor : “triangle” pour la premiĂšre, “Tilt Opacity” pour la deuxiĂšme, et “Tilt” pour la troisiĂšme.

Un aperçu du niveau de personnalisation que l'on peut atteindre avec le constructeur de page Elementor

Je vous invite, si vous utilisez Elementor, Ă  vous amuser avec d’autres, telles que les zig-zag et les pyramides qui, bien maniĂ©es, peuvent vraiment permettre de structurer une page de maniĂšre Ă©lĂ©gante.

Les filtres de couleur Ă  apposer sur les images, dont on peut rĂ©gler l’opacitĂ©, habillent la page d’un design aux couleurs de votre charte graphique.

Les ombres Ă  intĂ©grer sur les blocs donnent une profondeur Ă  certains Ă©lĂ©ments-clĂ©s
 On a parfois l’impression d’ĂȘtre dans un PhotoShop ou un InDesign, mais sans l’aspect quelque peu rustre de ces interfaces bien connues.

Il est Ă©galement possible d’animer un certain nombre de ces modules, mĂȘme lorsque l’on n’est pas un crĂ©ateur de site aguerri.

Effets de zoom, d’apparition, de fade-in
 Attention toutefois Ă  l’effet sapin de NoĂ«l, mĂȘme s’il peut ĂȘtre tentant de tester autant de possibilitĂ©s de personnalisation.

Les animations proposées sur Elementor dynamisent votre page web
Ça s’anime pas mal, sur ma page-test d’Elementor !

Un page builder qui fera cependant beaucoup travailler votre souris !

Mais comme tout est rarement tout rose au pays des constructeurs de page, voici venu le moment de nuancer l’apprĂ©ciation qu’on se fait d’Elementor. Il vous faudra en effet beaucoup de clics pour arriver Ă  un rĂ©sultat final qui vous convient.

Entre l’ajout de votre module, le passage entre l’onglet “Contenu” et l’onglet “Style”, la structuration de vos marges et de vos paddings
 Oui, vous allez sans doute muscler votre index droit !

Notons tout de mĂȘme qu’il est possible de limiter ce nombre de clics en utilisant les fonctionnalitĂ©s d’enregistrement de modĂšles, et en qualifiant bien dĂšs le dĂ©but ses polices et couleurs personnalisĂ©es.

Jusque lĂ , ça donne envie d’essayer Elementor, n’est-ce pas ? Mais comment s’adapte donc ce bel outil Ă  votre thĂšme actuel ? C’est ce que nous allons dĂ©sormais investiguer.

Apprenez le CSS une bonne fois pour toutes

Créez des sites au rendu impeccable sans y passer des heures avec CSS Express.

3/ Quelle adaptation aux thĂšmes ?

“Elementor fonctionne bien avec tous les thĂšmes qui respectent les standards de dĂ©veloppement de WordPress”

C’est ce que nous certifient les dĂ©veloppeurs d’Elementor. Si vous souhaitez garder votre thĂšme actuel avec le page builder, il y a donc de fortes chances qu’il s’y adapte.

Cependant, les mĂȘmes dĂ©veloppeurs ont pris le soin de nous indiquer une liste des thĂšmes qui ont Ă©tĂ© dĂ©veloppĂ©s avec une compatibilitĂ© Elementor en tĂȘte :

  • Generate Press : un thĂšme gratuit
  • Astra Theme : un thĂšme qui comprend 10 templates de sites prĂ©-intĂ©grĂ©s pour Elementor
  • OceanWP : un thĂšme comprenant plusieurs templates de base
  • Hestia : un thĂšme qui se focalise sur le rendu graphique
  • Page Builder Framework : un thĂšme pensĂ© spĂ©cialement pour fonctionner avec les constructeurs de page
  • Tesseract : un autre thĂšme gratuit (et aussi disponible en version Premium) compatible Elementor
  • Rife Free : un thĂšme comprenant 20 templates de site web
  • Twenty Sixteen : l’un des cĂ©lĂšbres thĂšmes natifs de WordPress

Mais lĂ  encore, Elementor semble repousser les limites du page builder traditionnel. Laissez-moi vous expliquer.

Vous m’accorderez qu’un constructeur de page, par dĂ©finition, construit une page.

Or, il est frĂ©quent de vouloir personnaliser des Ă©lĂ©ments communs Ă  diffĂ©rentes pages, dont le design n’est souvent pas pris en charge par les constructeurs de page : headers, menus, structures d’articles de blog, footers


En associant un constructeur de page et un thĂšme, on lutte donc parfois Ă  harmoniser ces diffĂ©rents Ă©lĂ©ments aux pages crĂ©Ă©es, et on se satisfait parfois de l’installation d’un autre plugin pour les gĂ©rer.

Avec la version Pro d’Elementor, on dĂ©couvre une fonctionnalitĂ© intĂ©ressante pour rĂ©soudre ce problĂšme : le “Global Widget”. Elementor vous permet de crĂ©er dans son interface mĂȘme certains de ces Ă©lĂ©ments, et de les dĂ©signer comme “globaux”, pour qu’ils soient utilisĂ©s sur toutes les pages que vous souhaitez.

Un aperçu de la fonctionnalité Global Widget du page builder Elementor

Pratique, n’est-ce pas ?

Et il y a encore mieux. Depuis la version 2.0, un « constructeur de thĂšme » est disponible. Par lĂ  j’entends qu’il est possible de concevoir des en-tĂȘtes, pieds de page et n’importe quelle autre zone de son site pour remplacer celles du thĂšme d’origine.

Cela signifie que vous pouvez partir d’un thĂšme trĂšs basique, comme Twenty Seventeen et le personnaliser entiĂšrement (ou seulement en partie).

Cerise sur le gĂąteau, on peut choisir les types de page sur lesquels ces nouvelles parties doivent s’appliquer (la page d’accueil, les articles, tout le site ou autre).

Pour voir ce que ça donne, regardez cette vidéo :

4/ Quelle expérience utilisateur pour un site utilisant Elementor ?

On trouve donc assez peu à redire, jusqu’alors, à la conception d’un site avec Elementor.

Mais, parce qu’on ne construit pas un site pour le regarder seul derriĂšre son Ă©cran aprĂšs, et se fĂ©liciter du beau travail accompli, il faut bien se demander quelle expĂ©rience on propose Ă  ses visiteurs lorsqu’on choisit ce constructeur de page.

Voyons donc ça.

Influence sur la performance du site

Proposer une belle expĂ©rience aux visiteurs de son site web, c’est avant tout leur procurer une navigation fluide, sans encombres.

Et pour ça, la vitesse de chargement des pages doit ĂȘtre optimale !

J’ai donc testĂ© la performance technique d’Elementor, en testant la page que j’avais crĂ©Ă©e avec Elementor, puis en dĂ©sactivant le plugin pour ensuite re-tester cette mĂȘme page contenant les mĂȘmes Ă©lĂ©ments, mais sans mise en forme.

Le constat est sans appel :

  • La page oĂč Ă©tait activĂ© Elementor ne perdait que 0,1s de temps de chargement par rapport Ă  celle oĂč le plugin Ă©tait activĂ©.
  • Le nombre de requĂȘtes dĂ©clenchĂ©es rester le mĂȘme, au nombre de 5.

De mon point de vue, pas de bile Ă  se faire donc quant Ă  la performance d’un site crĂ©Ă© avec Elementor !

Optimisation du SEO

Comme la plupart des constructeurs de page, Elementor s’évertue Ă  laisser la main au concepteur du site sur sa gestion du SEO.

Un grand nombre de modules inclus dans Elementor permettent de choisir la balise HTML que l’on souhaite y apposer : balises <hn> qui optimisent le rĂ©fĂ©rencement de la page, mais aussi les balises <div>, <span> et <p>, qui permettent de bien structurer le contenu.

Au programme : une page dont on gÚre réellement le code, pour bien expliquer à Google et consorts comment elle est construite.

Une gestion facile du SEO sur Elementor
Le choix d’une balise sur un module de titre avec Elementor

Vous remarquerez qu’Elementor permet mĂȘme d’apposer une balise de titre <h1> sur un module de texte. À ce propos, mon collĂšgue cuistot Julien nous met en garde contre une pratique qui peut avoir des dĂ©rives nĂ©gatives pour votre rĂ©fĂ©rencement :

“Attention : avec Elementor, le rĂ©sultat n’est pas toujours propre, puisque le plugin nous laisse l’opportunitĂ© de rajouter plusieurs balises h1. On peut parfois se retrouver avec deux titres, ce qui n’est pas terrible du point de vue SEO.”

Quant aux images et leurs textes alternatifs, essentiels au SEO d’une page, on les gĂšre sous Elementor via la BibliothĂšque de MĂ©dias de l’interface WordPress elle-mĂȘme, lorsque l’on insĂšre ses visuels sur la page.

Et pour tout le reste, vous savez qu’il existe Yoast SEO, notre chouchou des plugins pour gĂ©rer son rĂ©fĂ©rencement.

DĂ©veloppez votre trafic et augmentez vos ventes

Façonnez le rĂ©fĂ©rencement de votre site WordPress et sortez-le enfin de l’anonymat.

Responsiveness

ThĂ©oriquement, Elementor permet de crĂ©er des pages automatiquement adaptĂ©es Ă  tous les types de support. Le plugin permet mĂȘme d’aller plus loin, avec la possibilitĂ© de passer en visualisation WYSIWYG tablette ou portable, pour s’assurer du rendu sur ces formats-ci.

Une fonctionnalitĂ© trĂšs pratique pour ne pas commettre d’erreur, et penser son site en termes “mobile first”, comme Google de prĂ©conise.

Résultat : une page qui propose une belle expérience aux visiteurs sur tous les supports, et des moteurs de recherche heureux de pouvoir lire un site vraiment responsive.

Le paramÚtre de prévisualisation du rendu en responsive sur Elementor

Et parce que parfois on ne veut pas donner le mĂȘme rendu Ă  ses visiteurs selon qu’ils sont sur ordinateur de bureau ou sur portable, Elementor vous permet de masquer certains modules selon le support, depuis l’onglet “AvancĂ©â€.

Les réglages pour masquer des modules selon le support de la page

Note du rĂ©dacteur : Si je n’ai pas rencontrĂ© de problĂšmes lors de mon test d’Elementor de ce point de vue, veillez tout de mĂȘme Ă  bien tester le responsive sur votre site.

5/ Quelle évolutivité ?

Si vous vous lancez dans l’aventure Elementor, soyez rassurĂ© : avec 700 000 installations actives et une Ă©quipe de dĂ©veloppeurs qui travaille d’arrache-pied rĂ©guliĂšrement, votre plugin sera rĂ©guliĂšrement mis Ă  jour.

MĂȘme si le plugin est traduit en Français, vous devrez cependant faire face Ă  une documentation toujours en Anglais dans le texte, ainsi qu’un SAV anglophone, bien que trĂšs rĂ©actif et sympathique, accessible depuis votre compte Elementor.

On apprĂ©cie Ă©galement le Trello Board de la communautĂ© Elementor, oĂč l’on trouve tout type de ressources intĂ©ressantes :

  • Les plugins et thĂšmes adaptĂ©s, voire conçus spĂ©cialement pour Elementor
  • Des snippets de code Ă  ajouter Ă  votre site si besoin
  • Des ressources pour apprendre Ă  manier le plugin
  • Des ressources CSS, iconographiques, ou encore en rapport avec les polices de caractĂšre


Une vraie mine d’or, ouverte Ă  tous, et dĂ»ment surveillĂ©e par les Ă©quipes d’Elementor pour proposer des conseils concrets bien orientĂ©s.

Vous pouvez Ă©galement rejoindre le groupe Facebook officiel des “Elementors”, oĂč vous serez Ă©paulĂ© dans vos questions.

6/ Quel rapport qualité/prix ?

On apprĂ©cie dĂ©jĂ  la qualitĂ© de la version gratuite d’Elementor, oĂč les modules et la finesse de personnalisation conviendra trĂšs bien Ă  la plupart des concepteurs de sites.

Mais la version payante du constructeur de page, disponible Ă  49$ pour 1 site web, saura convaincre grĂące Ă  :

  • De nombreux templates supplĂ©mentaires pour Ă©viter de partir d’une feuille blanche ;
  • Des modules rĂ©ellement incontournables, comme le module de formulaires ou d’appel Ă  l’action, ainsi que les tables de prix ;
  • Le constructeur de thĂšme et la fonctionnalitĂ© “Global Widget” qui permettent de rĂ©utiliser simplement des parties entiĂšres sur toutes les pages ;

Dans le sillage d’Elementor sont sortis de nombreux add-ons et widgets qui peuvent ĂȘtre intĂ©ressants si vous souhaitez pousser l’expĂ©rience. En voici deux parmi ceux que la communautĂ© Elementor recommande chaudement :

L'add-on Elementor Extras
  • Elementor Extras (26€). Une extension qui rajoutera quelques modules Ă  votre panel actuel : un module pour crĂ©er facilement des tables, des titres prĂ©-stylisĂ©es originaux, ou encore des galeries photo bien engageantes. À vous de voir si ces Ă©lĂ©ments pourraient vous servir dans la crĂ©ation de votre site.
Les modules contenus dans le plugin Elementor Extras
Les modules contenus dans le plugin Elementor Extras
L'add-on Ultimate addons for Elementor
  • Ultimate Addons for Elementor (49$ / an ou 199$ Ă  vie). Oui, le prix de cet addon est monstrueux, on vous l’accorde. Mais, Ă  la clĂ©, vous avez un accĂšs Ă  vie Ă  de multiples modules, dont certains pourraient bien devenir des rĂ©fĂ©rences (je pense notamment aux dĂ©veloppeurs WordPress qui utilisent Elementor pour leurs clients). Des options pour personnaliser de maniĂšre visuelle ses formulaires Contact Form 7 ou Gravity Forms. Un module pour crĂ©er des pop-up modales. Un widget Google Maps prĂ©-intĂ©grĂ©. Bref : avec ce plugin, vous risquez d’économiser un certain budget que vous auriez dĂ©pensĂ© dans d’autres extensions.

Il en existe des dizaines d’autres, qui remplissent peu ou prou toutes les attentes structurelles et design d’un concepteur de site web.

Mais sachez que, déjà avec Elementor Pro, vous devriez pouvoir vous en sortir avec un bon rapport qualité/prix.

7/ Notre avis final

Alors, qu’est-ce qu’on en pense, de ce constructeur de page, mon cher Watson ? Conclusion de l’enquĂȘte en quelques points-clĂ©s.

Les points forts d’Elementor

  • L’interface WYSIWYG irrĂ©prochable, notamment en termes d’animations, qui permet de vraiment savoir ce que va donner le rĂ©sultat final. La visualisation dynamique donne un espace de travail agrĂ©able, oĂč il devient presque relaxant de construire sa page.
  • La capacitĂ© de dĂ©tail de la personnalisation du contenu. Les effets, la stylisation, les paramĂštres avancĂ©s
 Avec Elementor, on a vraiment la sensation d’avoir la main sur presque tout, et de pouvoir s’amuser avec le design de son site WordPress.
  • Une version gratuite qui propose dĂ©jĂ  de nombreux modules, et une version payante abordable qui en rajoute d’autres, parmi les plus essentiels et originaux.

Les points faibles d’Elementor

  • Le fait que l’on doive gĂ©nĂ©rer beaucoup de clics Ă  la souris pour arriver au rĂ©sultat voulu. Toutefois, c’est un Ă©lĂ©ment que l’on voit souvent reprochĂ© aux page builders. Et puis, pour les lecteurs de la Marmite qui ne savent pas coder : combien de clic vous faudrait-il pour trouver sur Google le snippet de code ou le plugin qui convient vraiment Ă  l’élĂ©ment que vous souhaitez intĂ©grer Ă  votre site ?
  • Un responsive qui demande qu’on y porte un peu plus attention, et qu’on le teste pour ĂȘtre certain de vraiment avoir un rĂ©sultat mobile-ready.

Elementor : pour qui ?

  • Pour les crĂ©ateurs de sites novices. Le fait de pouvoir faire confiance au WYSIWYG fait d’Elementor un constructeur de page phare pour ceux qui, comme moi, n’ont pas de compĂ©tences en code, ou mĂȘme en design.
  • Pour les bloggeurs dĂ©butants. Avec des modules orientĂ©s blogging, comme celui qui permet d’afficher des articles de blog suivant des catĂ©gories prĂ©cises, les bloggeurs apprĂ©cieront la facilitĂ© de mettre en avant leur contenu de la meilleure maniĂšre qui soit.
  • Pour les dĂ©veloppeurs WordPress. Eh oui, un page builder pour les dĂ©veloppeurs : c’est possible, et c’est le choix de bon nombre d’agences qui ne peuvent plus se passer d’Elementor. L’interface est agrĂ©able Ă  utiliser pour eux, notamment grĂące aux fonctions qui permettent d’enregistrer des modules, rĂ©utilisables sur plusieurs pages, pour gagner un temps fou dans la conception des sites clients.

J’ai personnellement Ă©tĂ© sĂ©duite par Elementor, qui remplit bien ce que j’attendais de lui : un constructeur de page assez simple Ă  manier, qui me permet de visualiser ma page en temps rĂ©el de maniĂšre fiable.

Ce test vous a donnĂ© envie de tenter l’expĂ©rience ?

Procurez-vous la version gratuite d’Elementor pour vous faire un premier avis ou bien plongez directement dans le grand bain avec la version pro.

Télécharger Elementor Pro

Et surtout, n’hĂ©sitez pas Ă  partager votre expĂ©rience de ce page builder avec nous : bons moments passĂ©s avec le plugin, anecdotes plus sombres… on veut tout savoir !