WordPress est le CMS (content management system) le plus utilisé au monde : plus de 40 % des sites internet sont créés et gérés sur la plateforme. Pourtant, WordPress souffre d’une interface un peu difficile à prendre en main et de fonctionnalités souvent peu compréhensibles pour les néophytes. C’est en grande partie à cause de ces difficultés de premier abord qu’ELEMENTOR, un « simple » plugin, est devenu le premier « theme builder » sur WordPress. Basé sur le fameux glisser/déposer ou drag and droop, le plugin est aussi efficace pour un petit site internet qu’un blog avec des centaines de pages ou pour une agence de marketing administrant des centaines de sites.

Néanmoins, ELEMENTOR est-il si facile d’utilisation ?
Comment fonctionne son interface ?
Quelles sont les forces et faiblesses du plugin ?
Peut-il convenir pour une utilisation professionnelle ?
Peut-on se contenter de la version gratuite ? ?
Réponses avec notre tour d’horizon d’ELEMENTOR, ce plugin devenu incontournable.

Sommaire du test d’ELEMENTOR

1 – ELEMENTOR VS WordPress  : les raisons du succès

2 – Présentation de l’interface et de ses fonctionnalités

3 – Fonctionnalités des versions payantes et tarifs

4- Les défauts d’ELEMENTOR

5 – Conclusions

1 – ELEMENTOR VS WordPress : les raisons du succès

Lancé en 2016 par l’équipe POJO THEME, ELEMENTOR est né d’un constat simple : malgré les multiples fonctionnalités et plugins, l’utilisation de WordPress reste compliquée et demande des compétences techniques, quelques connaissances en code et création de site.

La gestion des différentes parties d’une page, la disposition des éléments, des widgets, etc sur WordPress implique, malgré des améliorations de l’interface native, de mettre parfois les « mains dans le cambouis ».

C’est là qu’interviennent les page builders ou constructeurs de pages.

Le but d’ELEMENTOR est simple : proposer une interface réduisant à zéro le besoin de formation pour un gain de temps bienvenu.

Le succès du plugin repose sur son interface claire et sur deux fonctionnalités principales : le drag and drop et le WYSIWYG.

Drag and drop : l’efficacité du « glisser/déposer ». On le verra plus bas, l’interface propose des blocs de contenus ou widgets qu’il suffit de faire glisser sur une section préalablement choisie : Titre, Image, bouton, vidéo, texte, etc. Vous définissez une section, ajoutez des colonnes, vous y collez votre bloc de contenu et c’est fini.

WYSIWYG ou « ce que vous voyez vous l’obtenez » : le « what you see is what you get » est de plus en plus répandu dans les logiciels ou plugins de conception. Le principe est simple : nul besoin de faire des allers-retours entre une interface de code, un aperçu et la page finalisée. Tout ce que vous mettez en place dans l’interface utilisateur sera le résultat final de votre site internet.

De plus, le WYSIWYG d’ELEMENTOR présente un atout indéniable : les changements du module sont animés de manière à voir en temps réel les modifications sur la mise en page.

Cette manière intuitive de créer ses pages présente à la fois un gain de temps certain et surtout un confort d’utilisation inégalé pour les novices en création de sites. Et les professionnels qui administrent plusieurs dizaines de sites en sont aussi friands. D’ailleurs, les développeurs WordPress pourront accéder aux scripts et code pour une utilisation et une optimisation plus professionnelles.

Ajoutez à cela :

– des templates ou modèles de pages à foison,

– un choix de widgets très complet allant d’un simple titre à un widget Google Maps ou un Call to action par exemple,

– des nouvelles fonctionnalités depuis la dernière version d’ELEMENTOR permettant de personnaliser les thèmes,

– une version freemium minimaliste mais convenant à des sites basiques,

– 57 langues disponibles,

– des versions PRO payantes optimisées comprenant la personnalisation des thèmes, des modules, modèles et blocs de contenu complémentaires, un support solide et l’intégration d’applications tierces de marketing.

Et vous comprendrez les raisons du succès d’ELEMENTOR non seulement chez les novices mais aussi chez les professionnels du web.

Que ce soit pour la création d’un ou de plusieurs sites internet, d’un blog, d’un site de e-commerce version Woocommerce ou tout simplement retravailler quelques pages de votre site WordPress (home page, landing page, page produits, etc) ELEMENTOR est un plugin touche-à-tout qui devient incontournable.

Surtout si des mots comme HTML, CSS ou PHP (langages de code de création de contenus web) ne vous disent strictement rien…

2 – Présentation de l’interface d’ELEMENTOR et de ses fonctionnalités

L’installation d’ELEMENTOR ne nécessite aucune manipulation particulière, elle reprend celle de tous les plugins de WordPress.

Vous aurez juste deux nouveaux onglets sur la page de WordPress : ELEMENTOR et MODELES.

Les réglages du plugin (général, style et avancé) permettent de choisir les types de contenu à éditer : articles et/ou pages, de désactiver couleurs et polices d’ELEMENTOR, etc. Vous pouvez pousser un peu plus loin dans les réglages du plugin avec l’onglet OUTILS de votre tableau de bord.

Comme vous pouvez être plusieurs à gérer un site, un onglet Gestionnaire de rôle permet de définir qui peut utiliser le page builder.

On clique sur « COMMENCER » et le plugin affiche des vidéos d’explication.

Passons aux choses sérieuses : on ouvre l’interface PAGES puis Ajouter et Modifier avec ELEMENTOR, et nous voici un sein du plugin.

Pas de fioritures : l’interface présente les choses de façon simple et minimaliste, y compris pour les tâches les plus élaborées. La page du plugin est divisée en plusieurs parties :

– à gauche les éléments ou widgets disponibles,

– en haut le header ou en-tête de votre site, que vous pouvez gérer dans les versions PRO.

– au centre le contenu principal, là où vous allez déposer les widgets.

Le plugin fonctionne assez simplement : vous choisissez une section ou bloc grâce au « + », une page en comporte plusieurs.

Vous pouvez d’ailleurs choisir des modèles de mise en page ou gabarit de disposition de bloc (structures) sous la dénomination « PREMADE LAYOUT ».

En-tête, pied de page, article, contenu, etc : les blocs balayent les besoins d’une page internet. Vous pouvez bien sûr modifier et créer vos propres modèles de blocs, peaufiner leurs empâtements sur la page, etc. La colonne accueille un ou plusieurs contenus ou widgets. Tous ces « objets » sont présents dans l’onglet ELEMENTS du menu à gauche ; il suffit de les faire glisser pour qu’ils soient intégrés, la force du fameux drag and drop.

La liste est longue des widgets disponibles, qu’ils soient :

– courants comme le titre, les images, les boutons, l’emplacement de texte,

– issus de WordPress (la compatibilité avec les plugins de la plateforme vous offre encore plus de choix),

– widgets de contenus : onglets, galeries, carrousel,

– de persuasion : notation, commentaires,

– techniques (lorsqu’on veut personnaliser le HTML par exemple).

Même si vous avez déjà un site WordPress avec son propre thème, vous pouvez vous servir d’ELEMENTOR pour revitaliser son look ou y apporter des nouveautés.

Difficile de lister tous les petits plus : l’historique, le redimensionnement, l’arrière-plan, le responsive, etc.

Un navigateur permet d’avoir sous les yeux la structure du site.

Comme pour toute bonne application mais assez rare chez les plugins, le clic droit ouvre un menu contextuel pour des actions indispensables : modifier, copier, effacer, enregistrer, dupliquer, etc. Mais aussi pour transformer un bloc ou une page en « modèle » décliné ensuite sur tout le site.

Enfin, tout ceci génère un WYSIWYO assez impressionnant et très vite addictif. Oubliez les va-et-vient pénibles entre l’interface de travail et la page d’aperçu, ici tout est réalisé et visible « en live ». Il suffit ensuite de cliquer sur le bouton « Publish » pour que les corrections, modifications ou ajouts sur la page soient intégrés à votre site internet.

Depuis la version 3.0 du plugin, vous pouvez, comme dit plus haut, personnaliser votre site de A à Z. Nommé Design System, cet ensemble de fonctions vous permet de définir des styles ou couleurs déclinés ensuite sur toutes les pages du site. Cela concerne aussi la typographie (police, taille, couleur, etc), les images (bordure, ombres, filtres, etc), les boutons, les formulaires, etc.

De même, vous avez accès à des animations, formes de séparation, etc.

Bref, que vous soyez un designer aguerri ou pas, vous pouvez en quelques instants personnaliser à outrance votre site et lui donner une dynamique bienvenue.

Ou alors choisir dans les « site kits » un modèle déjà élaboré au design très soigné, soulignons-le.

Finalement, pour un plugin simple de prise en main, c’est plutôt la variété des choses que l’on peut faire qui en déroute certains au début.

Néanmoins, là non plus pas de panique : ELEMENTOR propose des tutos très bien faits, un help center complet et surtout une communauté réactive.

3 – Fonctionnalités des versions payantes et tarifs d’ELEMENTOR

Une version gratuite du constructeur de page est disponible. Elle peut convenir pour débuter sur WordPress, pour un site vitrine ou améliorer des pages d’un site déjà existant. Vous serez limité avec des widgets « de base » (une trentaine) et des thèmes là aussi en petit nombre (une quarantaine environ). Le principal souci avec la version gratuite vient, outre les limitations quant à la création, de la maintenance et des mises à jour de certains add-ons qui peuvent impacter l’affichage de vos pages. Si vous avez conçu un site assez simple, vous pouvez vous en contenter.

La version gratuite permet avant tout de se familiariser avec l’interface avant de se lancer.

Les trois « builders » qui font la différence

Les versions payantes ou PRO comprennent la quintessence d’ELEMENTOR : ses trois « constructeurs » indispensables pour un site attractif.

Theme builder : vous avez la main sur l’ensemble de la page de l’en-tête (header) au pied de page (footer) en passant par la fameuse page « Error 404 » ! Vous pouvez donc personnaliser à 100 % un thème déjà existant ou créer directement le vôtre. Voire décliner et créer plusieurs en-têtes suivant vos pages. Ce constructeur est idéal si vous avez déjà une charte graphique, si vous voulez un design particulier ou juste personnaliser un ou des éléments de vos pages. L’éditeur de thèmes est très simple mais son champ d’action est quasi illimité et le rendu final souvent bluffant.

Woocomerce builder : vous avez l’idée de créer une boutique WooCommerce ou vous souhaitez booster celle que vous possédez déjà ? L’extension de e-commerce incontournable sur WordPress n’est pas si facile que cela à manier et propose peu de visuels. Avec ELEMENTOR, personnaliser votre boutique en ligne devient un jeu d’enfant.

Pop-up builder : ELEMENTOR version PRO propose pas moins de 150 modèles de pop-up mais aussi la possibilité de créer le vôtre. Bien sûr, l’action déclenchant le pop-up est à définir ainsi que sa finalité : call to action, cadeaux ou offres promotionnelles, etc.

La gestion des accès

Les versions PRO de l’éditeur intègrent la notion de gestion de contenus. En tant que webmaster, vous pouvez choisir qui a le droit de modifier quoi. Un rédacteur par exemple pourrait intégrer ou éditer les textes sans bien sûr toucher à la structure du site. Vos clients pourront ajouter des pages produits sur un modèle défini, etc. Les rôles sont définis en amont pour éviter toute modification intempestive.

Les tarifs d’ELEMENTOR

Le plugin de WordPress se décline en trois tarifs différents suivant le nombre de sites que vous voulez gérer.

Toutes les versions PRO vous donnent accès à :

– plus de 50 widgets en plus de ceux disponibles sur la version gratuite, soit au total 90 widgets,

– plus de 60 modèles de sites PRO,

– le responsive design : affichage optimisé pour les smartphones et tablettes,

– plus de 300 templates,

– les builders cités au-dessus : Woocomerce Builder, Popup Builder et Theme Builder,

– le support PREMIUM et les mises à jour pour un an.

Il vous en coûtera alors :

– 49 $ par an pour un site avec la version ESSENTIEL,

– 99 $ par an pour trois sites, idéal pour un site vitrine, un blog et un site de ventes par exemple,

– 199 $ par an pour 25 sites avec 20 modèles de sites Experts, vous acquérez aussi automatiquement un profil d’expert d’ELEMENTOR, qui peut vous ouvrir des portes au niveau professionnel : vous pouvez développer un portfolio de vos créations dans la communauté.

– 499 $ par an pour 100 sites internet avec la version STUDIO, soit 5 $ par site par an ! Vous aurez accès à un support VIP, c’est-à-dire une réponse dans les trente minutes.

– 999 $ par an pour 1000 sites, version AGENCY ! Si cette offre peut paraître « énorme », elle prouve bien qu’ELEMENTOR peut assumer de grosses entreprises de marketing et de création de sites.

Ces prix sont valables pour une année. Ne pas re-souscrire à une formule, c’est renoncer aux mises à jour du plugin, aux corrections de bugs et aux nouvelles fonctionnalités.

ELEMENTOR propose aussi l’hébergement de votre site internet à partir de 89 $ par an, incluant les avantages de la version PRO + 20 GB d’hébergement avec SSL, un CDN sécurisé par CloudFlare, des back ups automatisés, etc.

4 – Les défauts d’ELEMENTOR

Alors ce plug in est-il dépourvu de défauts ? Pas tout à fait. Fini le discours élogieux des services d’ELEMENTOR, passons aux choses qui fâchent.

– les prix des versions payantes sont un peu plus élevés que la concurrence, mais la tranquillité et la facilité d’utilisation ont un coût, sans oublier le design abouti des thèmes et modèles d’ELEMENTOR,

– un support victime de son succès ? Certains utilisateurs d’ELEMENTOR pointent du doigt une aide et un support peu réactifs. Les versions PRO proposent un support VIP réactif (dans la demi-heure), le support de la version gratuite en fait les frais.

– les thèmes de la version gratuite sont assez peu nombreux et mélangés aux thèmes payants, une petite vignette en rouge « PRO » les identifie.

– des ralentissements sont possibles à l’affichage, notamment sur Firefox, cette faiblesse paraît avoir été améliorée lors de la sortie de la version 3.0 d’ELEMENTOR.

– si votre site est un peu trop « customisé », la compatibilité d’affichage ou responsive web design avec les mobiles et tablettes peut en souffrir, n’hésitez pas à tester l’affichage des pages sur ces supports,

– des modules complémentaires hors ELEMENTOR à la gestion difficile. L’intégration de plugins tiers est prise en charge par l’interface mais peut engendrer des problèmes d’affichage. Ce souci est aussi vrai pour WordPress. Usez donc avec modération des modules complémentaires hors ELEMENTOR ou tournez-vous vers la riche communauté pour obtenir avis et retours d’expérience.

– un côté SEO présent mais peu efficace pour certains. Pour avoir un référencement naturel poussé, il vous faudra passer par des outils et plugins complémentaires WordPress ou autres.

5 – Conclusions

Que vous ayez à élaborer rapidement un site de quelques pages ou que vous soyez à la tête d’une centaine de sites, l’éditeur ELEMENTOR reste à notre avis un très bon outil voire l’outil ultime.

Le succès du plugin, qui s’annonce lui-même comme le freemium builder numéro un de WordPress, n’est pas usurpé, loin de là. D’après son équipe, un site est créé toutes les dix secondes avec ELEMENTOR, qui peut se targuer de plus de 9 millions d’installations actives.

Bref, ELEMENTOR a changé la manière d’appréhender WordPress et son processus visuel simplifié est loué par les spécialistes du marketing, les développeurs, les rédacteurs de contenus, etc.

Simple, rapide, fluide et complet, essayer ELEMENTOR c’est l’adopter.