Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Envisagez-vous d’utiliser Elementor pour construire votre site WordPress ?
Dans notre examen pratique d’Elementor, nous vous aiderons à décider si c’est l’outil approprié pour votre site. Comme les autres constructeurs de pages, Elementor vous offre une interface visuelle de glisser-déposer pour concevoir votre site WordPress – aucun code ou connaissance technique nécessaire. Mais Elementor est bien plus qu’un simple plugin de constructeur de pages. C’est une grande partie de la raison pour laquelle il est devenu le plugin de constructeur WordPress le plus populaire. Il est doté de fonctionnalités avancées comme un constructeur de thèmes, un constructeur de popups, un constructeur WooCommerce, un support de contenu dynamique, et plus encore. Désormais, il propose même sa propre solution de site web hébergée dans le cloud qui gère l’hébergement pour vous afin que vous puissiez vous concentrer uniquement sur la construction de votre site sans vous soucier des détails techniques.
Certaines Fonctionnalités
📚 Dans notre examen, nous allons couvrir tout cela afin que vous sachiez si Elementor est le bon choix pour vous.
Comment gagner de l’argent en ligne en 2024
Voici tout ce que nous allons aborder :
Table des matières
ToggleAvant d’approfondir cet examen d’Elementor, je veux commencer par parler des types de personnes qui peuvent bénéficier le plus d’Elementor.
L’une des raisons pour lesquelles je pense qu’Elementor a eu tant de succès est qu’il offre quelque chose pour tout le monde :
vous avez un contrôle total sur la conception de votre site web sans avoir besoin de connaissances techniques. Vous pouvez utiliser une interface visuelle de glisser-déposer pour tout et il y a beaucoup de modèles à utiliser comme point de départ.
Elementor comprend une fonction dédiée pour créer des pages d’atterrissage séparées. Vous obtenez également des fonctionnalités comme un widget de formulaire (avec des intégrations incluant Zapier) et un constructeur de popups flexible. C’est un excellent moyen de créer et d’itérer des pages d’atterrissage sans avoir besoin de compter sur un développeur.
Elementor vous permet d’accélérer vos flux de travail et de livrer de meilleurs sites web aux clients. Le constructeur de thèmes et le support de contenu dynamique vous permettent même de créer des sites de contenu personnalisés et des magasins WooCommerce si nécessaire.
Cela ne veut pas dire que ce sont les seules personnes qui peuvent bénéficier d’Elementor. J’essaie simplement de montrer qu’Elementor peut être utile pour beaucoup de différents types d’utilisateurs.
Avant de creuser certaines des fonctionnalités notables d’Elementor, je veux vous donner un aperçu rapide de comment fonctionne l’interface Elementor.
Je ne vais pas passer trop de temps ici parce que vous pouvez comprendre tout cela en installant la version gratuite d’Elementor et en jouant avec (ce que je recommande de faire), mais je pense qu’il est utile d’établir la fonctionnalité de base avant d’aller plus loin.
Elementor offre une interface visuelle de glisser-déposer. Cela signifie exactement ce que cela semble – vous verrez exactement à quoi ressemble votre design pendant que vous le construisez et vous pouvez ajuster les choses en utilisant le glisser-déposer. Pour le texte, vous pouvez simplement cliquer et taper sur la page comme n’importe quel éditeur de texte. Pour les autres paramètres, vous obtiendrez une barre latérale.
Voici à quoi cela ressemble pour ouvrir l’interface Elementor :
Voici à quoi cela ressemble pour ouvrir les paramètres d’un widget dans un design complet :
Si vous voulez un aperçu en plein écran, vous pouvez appuyer sur un bascule pour cacher rapidement la barre latérale.
L’une des choses que j’aime chez Elementor, c’est qu’il comprend beaucoup d’améliorations de l’interface pour vous aider à travailler plus efficacement.
Tout d’abord, vous obtenez le support du clic droit, qui vous permet de dupliquer facilement des choses, de copier/coller du contenu ou même simplement des paramètres, et plus encore.
Vous pouvez également ouvrir le mode navigateur pour voir un aperçu de haut niveau de votre design, y compris être capable d’ajouter des noms aux sections pour vous aider à rester organisé :
Pour passer entre différents designs ou zones de paramètres, vous obtenez un outil “Finder” cool qui vous permet de trouver et d’accéder à peu près à n’importe quoi sur votre site.
Dans l’ensemble, je pense que l’interface Elementor rend facile de travailler efficacement et de créer des designs personnalisés sans code.
Maintenant que vous savez comment fonctionne l’interface Elementor en général, je veux creuser certaines des fonctionnalités les plus notables d’Elementor.
Toutes ces fonctionnalités sont basées sur la même interface visuelle de glisser-déposer. Donc, que vous conceviez un article de blog, une popup, ou un modèle de thème, vous utiliserez la même interface fondamentale.
Tous les designs que vous créez avec Elementor sont responsive par défaut, ce qui signifie qu’ils s’adapteront automatiquement à différents appareils tels que les ordinateurs de bureau, les tablettes et les téléphones mobiles.
Cependant, vous pourriez avoir des situations où vous voulez adapter votre design en fonction de l’appareil d’un utilisateur. Par exemple, vous pourriez vouloir changer la taille du texte ou cacher une image pour les visiteurs mobiles.
Pour accomplir cela, Elementor fait quelques choses :
Depuis 2023, Elementor permet également maintenant de définir vos propres points de rupture responsive personnalisés si nécessaire.
Un autre détail remarquable d’Elementor est qu’il vous offre tant d’options de design – surtout avec Elementor Pro.
Vous obtenez plus d’options de design intégrées que la plupart des autres constructeurs, Divi Builder étant l’un des rares constructeurs qui peuvent rivaliser avec la flexibilité de design d’Elementor.
Vous pouvez contrôler les couleurs, la typographie, l’espacement, et plus encore. Avec Elementor Pro, vous avez également accès à un positionnement personnalisé, à des effets de mouvement accrocheurs, et à d’autres options pour créer des designs uniques.
Une autre fonctionnalité utile d’Elementor est les couleurs globales. Celles-ci vous permettent de définir vos couleurs et votre typographie “par défaut” au niveau du site. Vos designs utiliseront automatiquement ces choix pour gagner du temps.
Mais voici la partie vraiment utile :
Si vous mettez à jour vos paramètres de site globaux, ces changements s’appliqueront automatiquement à chaque design où vous avez utilisé le défaut, ce qui vous évite de devoir mettre à jour manuellement chaque design.
Si vous êtes familier avec CSS, vous pouvez penser à ces variables comme des variables CSS.
Bien sûr, vous pouvez toujours remplacer ces défauts si nécessaire, donc vous n’êtes pas enfermé.
Avec Elementor Pro, vous avez accès à un widget de formulaire, qui est essentiellement un constructeur de formulaires que vous pouvez utiliser à partir d’Elementor.
Vous pouvez créer des formulaires personnalisés avec autant de champs que nécessaire. Vous pouvez également configurer des actions après soumission comme envoyer un e-mail ou afficher un message de confirmation. Ou bien, vous pouvez intégrer vos formulaires avec des services populaires de marketing par e-mail et des CRM, ainsi qu’avec Zapier.
Pour la plupart des gens, cela élimine complètement le besoin d’utiliser un plugin de formulaire WordPress séparé. Il fonctionne très bien pour les formulaires de contact, les formulaires de génération de leads, etc. Cependant, si vous avez besoin de formulaires plus avancés avec une logique conditionnelle, des calculs, etc.,
alors vous aurez toujours besoin d’un plugin de formulaire séparé. Heureusement, de nombreux plugins de formulaire offrent des widgets Elementor dédiés (ou vous pouvez trouver des extensions tierces qui le font – plus d’informations à ce sujet plus tard).
Avec le constructeur régulier d’Elementor, vous pouvez créer un design unique pour un seul article ou une seule page. Mais avec le Constructeur de Thèmes d’Elementor, vous pouvez concevoir vos véritables modèles de thèmes, y compris les suivants :
Essentiellement, cela remplace complètement le besoin de choisir un thème parce que vous pouvez concevoir chaque partie de votre thème en utilisant l’interface visuelle d’Elementor.
Par exemple, vous pouvez concevoir le modèle que tous vos articles de blog utilisent automatiquement. Vous pourriez dire “placer le titre de l'article ici”, “mettre l'image mise en avant là”, “afficher la biographie de l'auteur là”, et ainsi de suite.
Lorsque vous publiez un article, tout le contenu de l'éditeur natif de WordPress s'insérera automatiquement dans votre conception.
Pour cela, vous disposerez de widgets spéciaux du constructeur de thèmes dynamiques :
Vous pouvez également utiliser des règles conditionnelles pour appliquer différents modèles à différents contenus. Par exemple, vous pourriez utiliser un modèle pour les articles de la catégorie “Critiques” et un autre modèle pour les articles de la catégorie “Actualités”.
Si vous construisez des sites de contenu personnalisé, le Constructeur de Thèmes d'Elementor vous permet également d'insérer dynamiquement du contenu dans vos conceptions à partir de champs personnalisés ou d'autres données de WordPress. Cela inclut des intégrations pour Advanced Custom Fields (ACF), Pods, Toolset, et bien d'autres.
Cela est un peu plus complexe, mais cela ouvre tout un éventail de possibilités pour travailler avec des données. Vous pouvez créer des répertoires, des sites de listes, et bien plus encore en utilisant la puissance des champs personnalisés et des types de publication personnalisés :
Si vous utilisez le constructeur de thèmes, Elementor propose également son propre thème officiel, Elementor Hello, pour offrir une toile vierge à vos conceptions.
Elementor Popup Builder vous permet de concevoir vos propres popups personnalisées en utilisant l'interface d'Elementor (et tous les widgets d'Elementor).
Étant donné que vous pouvez insérer n'importe quel widget ou contenu dans la popup, vous pouvez utiliser ces popups pour pratiquement tout, des inscriptions par e-mail aux annonces, formulaires de contact, formulaires de connexion, et bien plus encore.
Vous pouvez contrôler entièrement le “canevas” de votre popup, ce qui vous permet de créer différents types de popups, notamment :
L'une des fonctionnalités les plus puissantes est que vous disposez également de nombreuses règles de ciblage et de déclenchement avancées.
Pour la plupart des utilisateurs, le Constructeur de Popups Elementor peut entièrement remplacer la nécessité d'utiliser un plugin de popup ou un plugin de génération de leads séparé.
Les seules fonctionnalités que certains spécialistes du marketing pourraient regretter sont l'absence d'analyse intégrée et de test A/B. Cependant, vous pouvez toujours configurer cela en utilisant Google Analytics et Google Optimize si nécessaire – cela demande juste un peu de travail supplémentaire.
Si vous créez une boutique WooCommerce, Elementor Pro offre une prise en charge complète de WooCommerce pour vous permettre de concevoir votre boutique en utilisant l'interface d'Elementor.
Tout d'abord, vous disposez d'une multitude de widgets WooCommerce que vous pouvez utiliser pour insérer le contenu de votre boutique dans des conceptions uniques. Par exemple, vous pouvez utiliser le widget Produits pour mettre en valeur un ou plusieurs produits :
Vous pouvez également utiliser le Constructeur de Thèmes pour concevoir réellement les modèles de votre boutique WooCommerce. Par exemple, vous pouvez créer vos modèles de pages de produits uniques et de la boutique :
Vous bénéficiez également des règles d'affichage conditionnel, qui peuvent être très utiles car vous pouvez créer différents modèles pour différents types de produits :
Au début de l'année 2022, Elementor Pro a également ajouté ses propres widgets dédiés pour le panier, la page de paiement et les pages de mon compte WooCommerce.
Ces widgets offrent de nombreuses options pour personnaliser complètement toutes ces pages principales, ce qui résout ce qui était précédemment un inconvénient de l'utilisation d'Elementor pour une boutique WooCommerce :
En résumé, à partir de 2023, Elementor Pro vous permet de concevoir chaque partie de votre boutique en utilisant l'interface d'Elementor.
Si vous souhaitez en savoir plus, consultez notre tutoriel WooCommerce avec Elementor.
L'un des compromis pour toutes les fonctionnalités offertes par Elementor est qu'il ajoute du poids à la page. C'est un fait indéniable. Elementor est plus lourd que l'éditeur natif de WordPress et il est également un peu plus lourd que certains des constructeurs de pages plus légers comme Beaver Builder.
Par exemple, voici un test rapide où j'ai créé une conception simple avec les trois constructeurs. Voici le poids total de la page (en incluant mon thème).
Constructeur | Taille de la Page | Requêtes HTTP |
---|---|---|
Elementor (avec Expériences de Vitesse) | 170 Ko | 21 |
Éditeur de blocs natif (Gutenberg) | 40 Ko | 7 |
Beaver Builder | 84 Ko | 12 |
Cependant, il y a aussi de bonnes nouvelles, ce qui rend nécessaire une perspective équilibrée dans cette discussion.
Tout d'abord, l'équipe d'Elementor est consciente de l'importance des performances, et elle a fait (et continue de faire) un excellent travail pour réduire l'impact d'Elementor. Par exemple, ils simplifient l'arborescence DOM d'Elementor et expérimentent également le chargement dynamique des ressources, afin qu'Elementor ne charge que les ressources minimales nécessaires pour chaque page.
Deuxièmement, il est important de comprendre que vous pouvez tout à fait concevoir des sites à chargement rapide avec Elementor.
Si vous suivez les meilleures pratiques de performance de WordPress (peut-être en utilisant un plugin comme WP Rocket), je suis convaincu à 100% que vous pouvez créer des sites avec Elementor qui respectent les Core Web Vitals. Je le sais parce que je l'ai moi-même fait.
Par exemple, j'ai mis en place un site de démonstration complet en utilisant l'un des modèles Elementor d'Astra et je l'ai optimisé pour les performances. Voici le résultat médian de WebPageTest :
Un temps de Largest Contentful Paint inférieur à 0,5 seconde pour un site Elementor – pas mal du tout, n'est-ce pas ?
En gros, bien que les performances ne soient pas un avantage d'Elementor, ce n'est pas non plus quelque chose qui devrait être rédhibitoire. Si vous suivez les meilleures pratiques, vous pouvez toujours créer des sites à chargement rapide tout en profitant de toutes ces fonctionnalités impressionnantes d'Elementor.
Jusqu’à présent, je me suis presque exclusivement concentré sur Elementor en tant que plugin WordPress. C’est-à-dire que vous installez le plugin Elementor sur votre site WordPress existant, puis vous commencez à construire en utilisant toutes ces fonctionnalités intéressantes ci-dessus.
Mais que faire si vous n’avez pas encore de site WordPress ?
Ou bien, que faire si vous avez lancé un site WordPress mais que vous vous sentez totalement dépassé par sa gestion et son entretien ?
Dans ces situations, vous pourriez être intéressé par le site Web Elementor Cloud, qui est une offre assez unique en ce qui concerne les constructeurs de WordPress.
En un mot, le site Web Elementor Cloud offre tout ce dont vous avez besoin pour passer de rien à un site WordPress fonctionnel où vous pouvez commencer à construire en utilisant Elementor.
C’est-à-dire qu’il gère la création et l’hébergement d’un site WordPress pour vous. Il préinstalle également tous les outils Elementor afin que vous puissiez commencer à construire immédiatement.
Pensez-y un peu comme si “WordPress + Elementor” et “Squarespace” avaient eu un bébé. C’est une solution tout-en-un qui comprend l’hébergement et tout le reste pour un prix forfaitaire.
Dans l’ensemble, j’ai été impressionné par la facilité avec laquelle le site Web Elementor Cloud permet de démarrer. Voici un rapide examen de Elementor Cloud sur son fonctionnement et ses performances…
Lorsque vous vous inscrivez, Elementor Cloud Website dispose d’un assistant de site Web simple pour configurer votre site WordPress :
Vous pouvez également choisir le domaine temporaire pour votre site (vous pouvez bien sûr ajouter votre propre domaine personnalisé) :
Et c’est tout ! Vous avez maintenant un site WordPress fonctionnel. Dans le cadre de la configuration, Elementor préinstallera le thème Hello et les plugins Elementor + Elementor Pro :
Votre site fonctionne comme toute autre installation WordPress auto-hébergée, en ce sens que vous pouvez installer tous les autres plugins et thèmes que vous souhaitez.
Vous aurez également accès au tableau de bord WordPress habituel, avec simplement quelques ressources supplémentaires d’Elementor :
Si vous souhaitez importer l’un des kits de site complets d’Elementor, vous pouvez le faire en quelques clics.
Vous obtiendrez également d’autres options dans le tableau de bord Elementor. Par exemple, vous pouvez gérer les sauvegardes de votre site (y compris les télécharger ou les restaurer), ajouter une protection de connexion, ajouter votre propre nom de domaine personnalisé, et plus encore :
Elementor Cloud, propulsé par Google Cloud, promet des performances solides. Pour le vérifier, j'ai importé un “Site Kit” et lancé quelques tests. J'ai aussi ajouté WP Rocket, car Elementor n'a pas de solution de cache native, et je voulais un test réaliste, proche d'un vrai site. Mais pour être juste, j'ai utilisé les paramètres par défaut de WP Rocket, sans configuration avancée.
Voici les résultats de WebPageTest :
Soyons honnêtes, les performances ne rivalisent pas avec celles d'un hébergeur premium comme Kinsta ou WP Engine.
Cependant, en considérant le prix – environ 4 euros par mois avec Elementor Pro – il est difficile de se plaindre. Surtout compte tenu des fonctionnalités bonus comme les sauvegardes quotidiennes automatiques.
Un délai d'affichage des plus grands éléments (LCP) d'environ 3 secondes pour un site complet construit avec Elementor n'est pas exceptionnel, mais tout à fait acceptable pour des porfolios simples, des sites vitrines ou des blogs. Plus important encore, c'est suffisant pour une bonne expérience utilisateur et le SEO (idéalement, on viserait en dessous de 2,5 secondes, peut-être en optimisant davantage avec WP Rocket).
Pour un site professionnel vous générant des revenus, je recommande un hébergement plus performant comme Kinsta ou WP Engine (bien plus cher). Mais pour un site simple, Elementor Cloud reste une excellente option, incroyablement abordable.
Jusqu'ici, on a exploré les fonctionnalités et offres “essentielles” d'Elementor, directement proposées par l'équipe du développeur. Mais l'un des grands atouts d'Elementor est son ouverture !
Grâce à de nombreuses API, Elementor permet à d'autres développeurs de créer des extensions qui viennent enrichir votre expérience. En gros, deux avantages majeurs en découlent :
Pourquoi est-ce crucial ? Eh bien, Elementor possède de loin le plus grand marché d'extensions et le plus grand nombre d'intégrations, tout simplement grâce à sa popularité.
En résumé, l'ouverture d'Elementor aux extensions est un argument de poids face aux autres constructeurs de pages. Son incroyable flexibilité et son utilité décuplée en font un choix très pertinent.
Ensuite, passons en revue tout ce que vous devez savoir sur la tarification d’Elementor.
Pour commencer, Elementor propose une version gratuite sur WordPress.org. En termes de plugins de construction gratuits, je pense qu’Elementor est l’une des meilleures options que vous trouverez.
Non seulement le plugin de base offre déjà plus de fonctionnalités que la plupart des autres outils gratuits, mais vous pouvez également profiter du grand nombre d’add-ons Elementor tiers gratuits.
Cependant, si vous voulez accéder aux meilleures fonctionnalités, vous voudrez acheter Elementor Pro.
Voici les prix d’Elementor Pro – notez qu’il existe également une licence de trois sites à 99 $, soit 90.37 euros au 6 janvier 2024, qui n’est pas dans le tableau principal des prix :
En termes de tarification pour Elementor Pro, Elementor a une dynamique un peu intéressante :
Parce qu’Elementor Pro ne devient vraiment cher que lorsque vous construisez plus de 25 sites, c’est quelque chose qui n’affectera vraiment que les freelances ou les agences qui construisent des sites clients.
Les agences sérieuses ne devraient avoir aucun problème avec le prix en raison de la valeur qu’offre Elementor. Cependant, si vous êtes un travailleur indépendant solo avec un budget serré, il existe des alternatives Elementor moins chères.
Une autre option pour utiliser Elementor est de payer pour le service Elementor Cloud Website.
Encore une fois, ce service vous donne accès à toutes les fonctionnalités d’Elementor Pro et comprend l’hébergement de votre site Web.
Si vous pensez que ce service sera bénéfique pour votre site Web (comme je l’ai discuté ci-dessus), la proposition de valeur est assez bonne :
Le site Web Elementor Cloud coûte seulement 99 dollars par an pour un site Web, soit 90,37 euros au 6 janvier 2024, ce qui comprend déjà le prix des fonctionnalités d’Elementor Pro.
Cela signifie que vous ne payez essentiellement que 50 dollars pour la partie hébergement de l’équation, ce qui est moins de 5 dollars par mois pour héberger votre site Web sur l’infrastructure Google Cloud.
Tant que vous respectez les limites (100 000 visiteurs par mois), je pense que c’est la meilleure affaire, surtout pour les personnes non techniques.
Elementor possède l’une des listes de fonctionnalités les plus complètes parmi tous les constructeurs existants : constructeur de thèmes, de popups, widget de formulaire, constructeur WooCommerce, etc.
Elementor propose des options de conception avancées avec de nombreuses possibilités pour le design responsive, l’espacement, les animations, etc.
bien que les préférences en matière d’interface soient subjectives, Elementor offre une interface intuitive et pratique, avec de nombreux outils utiles tels que le support du clic droit, le mode navigateur, le mode recherche, etc.
l’énorme marché d’extensions tierces facilite l’ajout de nouveaux widgets, fonctionnalités et options de design.
Elementor Pro offre un excellent support pour WooCommerce. Les nouveaux widgets Cart et Checkout offrent un contrôle total sur les pages de conversion de votre boutique.
la version gratuite d’Elementor est la plus puissante parmi tous les constructeurs gratuits que j’ai utilisés.
une solution géniale pour ceux qui ne veulent pas se soucier de l’hébergement. Particulièrement adapté aux utilisateurs non techniques, mais bénéfique pour tout le monde.
Elementor Pro est l’un des constructeurs les moins chers si vous avez besoin d’un constructeur pour un seul site (ou même jusqu’à ~25 sites).
la popularité d’Elementor facilite la recherche d’aide sur YouTube, les groupes Facebook, etc. En plus du support officiel d’Elementor.
pour les agences ou les travailleurs indépendants, les prix élevés et l’absence de licence illimitée peuvent être problématiques, contrairement à d’autres constructeurs tels que Divi ou Beaver Builder (même si la licence de 1 000 sites équivaut pour la plupart à une licence illimitée).
l’absence d’option de paiement à vie, comme offert par Divi, Oxygen, Brizy et d’autres constructeurs, peut ne pas convenir à certains utilisateurs. De plus, il n’y a pas de réduction lors du renouvellement, contrairement à Beaver Builder.
Elementor permet de construire des sites à chargement rapide, mais peut impacter les performances du site si vous n’êtes pas vigilant. Assurez-vous d'appliquer les meilleures pratiques de performance. L’équipe d’Elementor travaille également activement à améliorer ces performances.