Examen du constructeur de sites Web Elementor - Notre opinion honnête [Mise à jour 2022]

Examen des éléments. Il y a dix ans, de nombreux articles sur Smashing Magazine étaient axés sur la possibilité de créer des sites Web fonctionnels sans écrire de code. Ce sujet a soulevé de vifs débats et de nombreuses réactions. Les lecteurs laissent généralement leurs opinions dans les formulaires de commentaires. La moitié d'entre eux pensait qu'il serait impossible de créer un site Web sans connaissances en codage, tandis que l'autre moitié était plus optimiste.

Heureusement, en 2022, tout le monde peut créer un site Web fonctionnel en quelques heures seulement. De plus, les personnes ayant un bon sens de l'esthétique peuvent concevoir de véritables chefs-d'œuvre.

Elementor était l'un des outils les plus efficaces permettant aux non-techniciens de créer des sites fantastiques. Nous aimons Elementor, qui est un produit correct ; cependant, nous pensons qu'Elementor a pris du retard par rapport aux leaders de l'industrie tels que Divi et Beaver Builder. Cet article vous apprendra comment installer et tirer le meilleur parti d'Elementor.

Examen du constructeur de site Web Elementor

Elementor est un plugin WordPress visant à aider les gens à créer un site. Il a été lancé à la mi-2016, et depuis lors, il a satisfait des millions d'utilisateurs. Elementor compte actuellement plus de 3 millions d'installations et une note de 4,9 sur le référentiel WordPress. Pas mal du tout.

Elementor est un créateur de site Web visuel par glisser-déposer. Construire une page avec Elementor, c'est comme organiser des éléments sur une toile, en quelque sorte similaire à jouer à un jeu vidéo de stratégie. En raison de sa facilité d'utilisation, de nombreuses personnes ont créé des sites relaxants sans écrire une seule ligne de code. Et quand je dis pas de ligne de code, je veux dire pas de ligne de code . Ironiquement, vous devez passer à la version pro pour ajouter du CSS personnalisé.

Comment installer Elementor gratuitement

Je suppose que vous avez déjà acheté un nom de domaine et un hébergeur pour votre site WordPress. Si vous envisagez les possibilités de télécharger Elementor gratuitement, alors vous avez de la chance ; nous avons écrit un article à ce sujet; Clique ici pour lire ça. Pour installer Elementor sur votre site, suivez ces étapes simples :

1. Accédez à votre tableau de bord WordPress, cliquez sur Plugins > Ajouter un nouveau et tapez « Elementor » dans la barre de recherche.
2. Choisissez la première sélection de plugins, cliquez sur Installer maintenant et activez-le ;
3. Une fois que vous avez correctement installé Elementor, vous êtes redirigé vers la page Mise en route . N'allouez pas plus de 15 minutes pour regarder les vidéos vous montrant comment tirer le meilleur parti d'Elementor et de ses modèles et comment créer un site Web réactif.

Astuce : Alternativement, vous pouvez visiter le site Elementor et télécharger le plugin. Rendez-vous sur votre tableau de bord d'administration WordPress, cliquez sur Plugins > Add New , cliquez sur Upload Plugin et choisissez le chemin vers le plugin que vous venez de télécharger.

Comment configurer Elementor

Les paramètres d'Elementor sont assez difficiles à configurer pour les utilisateurs amateurs, mais vous pouvez commencer à utiliser Elementor avec les paramètres par défaut. Ces paramètres sont suffisants pour répondre aux besoins de base. Ensuite, selon votre projet, choisissez de créer ou de modifier un article ou une page. Ensuite, appuyez sur le bouton Modifier avec le bouton Elementor pour entrer dans le monde magique d'Elementor.

Les widgets d'Elementor sont positionnés dans une barre latérale et vous les ajoutez au canevas avec un simple mouvement de glisser-déposer.

Démonstrations, modèles et modules Elementor

À des fins d'apprentissage, disons que nous devons créer une nouvelle page. Si vous avez confiance en vos compétences en conception, partir de zéro est une option. Dans ce cas, nous commencerons par mettre en place une section avec le nombre de colonnes souhaité. Ensuite, nous allons faire glisser les widgets sur les colonnes.

Elementor vous propose également quelques modèles de pages Web parmi lesquels choisir.

Il existe également une solution intermédiaire : vous pouvez repartir de zéro et ajouter des éléments de conception prédéfinis, tels que des boutons, des cartes ou des sections de témoignages.

La véritable puissance d'Elementor réside dans ses widgets, les blocs de construction insérés dans le canevas. Pour ajouter un élément à votre canevas, faites-le glisser depuis la barre latérale. Jetons un coup d'œil à deux widgets.

Examen d'Elementor - Comment utiliser Elementor

Il est difficile de croire que quiconque n'utiliserait pas d'en-têtes pour son site. L'en-tête est un widget Elementor de base qui vous permet d'ajouter et de personnaliser les en-têtes (titre, sous-titre, paragraphes et sous-paragraphes) en fonction de vos choix. De plus, vous pouvez personnaliser les en-têtes une fois que vous avez ajouté le widget au canevas.

Les options de personnalisation se répartissent en trois panneaux : Contenu , Style et Avancé . Le contenu est l'endroit où vous ajoutez le texte et les liens vers d'autres ressources et définissez la taille et l'alignement.

Accédez à Style pour choisir la couleur du texte, la famille et la taille de la police, la hauteur de ligne, l'espacement des lettres, l'ombre du texte et le mode de fusion.

Visitez Avancé pour ajouter des bordures, des marges, du rembourrage, des effets de mouvement, un positionnement personnalisé et des extraits CSS personnalisés.

Icônes sociales

Les icônes sociales vous permettent de diriger les visiteurs du site vers ses canaux de médias sociaux, alors portez-y une attention particulière. Heureusement, Elementor vous offre des tonnes d'options pour tirer parti des icônes sociales.

Comme Heading, le style des icônes sociales se divise en trois panneaux : Content, Style et Advanced. Tout d'abord, accédez à Contenu pour ajouter ou supprimer des icônes de médias sociaux et choisissez leur forme et leur alignement. Ensuite, dans le panneau Style, vous pouvez configurer les couleurs, la taille, le remplissage, l'espacement, le type et le rayon de bordure et les effets de survol. Enfin, le tableau Avancé est similaire à celui de Cap.

Êtes-vous prêt à installer Elementor Website Builder ? Cliquez sur le bouton pour télécharger le plugin !

Télécharger Elementor

Conseils élémentaires

• Vous pouvez ajuster la largeur de la barre latérale abritant les widgets ou même la masquer. Parfois, cette fonctionnalité est utile lorsque vous créez votre page.
• Lire les critiques d'Elementor est un bon moyen d'en savoir plus à ce sujet. Cependant, l'apprentissage par la pratique est nettement plus efficace. Par conséquent, notre recommandation la plus importante est d'allouer quelques heures pour jouer avec tous les paramètres d'Elementor. Découvrez chaque widget et testez toutes les fonctionnalités. La plupart d'entre eux sont similaires à ceux des titres et des icônes sociales - les fonctionnalités se répartissent en trois panneaux. Il n'y a pas de courbe d'apprentissage. Je crois sincèrement que quiconque teste Elementor pendant deux ou trois heures peut se faire une bonne idée de son potentiel.

Avantages d'élémentor

Avant de passer du temps avec les fonctionnalités d'Elementor, je vous recommande fortement de prêter attention aux avantages et inconvénients suivants de cet impressionnant constructeur de sites Web WordPress.

Options de personnalisation  

Le nombre d'options de personnalisation est un facteur qui a contribué au succès fantastique d'Elementor. Chaque widget a des tonnes d'options de style, et les colonnes et la section sont également personnalisables. En outre, de nombreux blocs et pages attrayants ne sont qu'à un clic. Bien sûr, ces fonctionnalités sont personnalisables pour refléter parfaitement votre marque.

Éditeur visuel

Les utilisateurs moins expérimentés adorent cette fonctionnalité. Ils peuvent voir en temps réel comment chaque paramètre affecte la page Web. Par conséquent, il n'y a pas de va-et-vient ni de temps perdu, sans parler de la satisfaction des utilisateurs.

Interface conviviale

Non seulement Elementor a une pléthore d'options, mais il est également convivial. Regarder la vidéo d'introduction de sept minutes suffit aux utilisateurs pour comprendre le travail avec Elementor. Vous n'avez pas besoin de connaître HTML et CSS pour créer un site Web beau et fonctionnel. C'est l'objectif principal d'un créateur de site Web, et Elementor l'a atteint avec Style.

Aucune étiquette de prix

Elementor est gratuit même si ses fonctionnalités sont de qualité supérieure. Le code derrière Elementor est open source et, par conséquent, il existe de nombreux modules complémentaires tiers premium. Un module complémentaire premium publié par l'équipe Elementor appelé Elementor Pro améliore le plugin. Vous devez payer pour cela, mais c'est sans aucun doute une bonne affaire par rapport à ce que vous obtenez !

Nettoyer le code après la désactivation

Vous n'aurez pas de problèmes avec le code si vous décidez de désactiver Elementor. En effet, le style créé par Elementor disparaît, mais le code restant est fonctionnel. Les concurrents d'Elementor laissent derrière eux un code désordonné après que les utilisateurs les ont désactivés. Je déteste l'idée "jamais ou pour toujours" derrière les autres créateurs de sites Web. Désactiver un constructeur de site Web devrait être aussi simple que de l'activer. Un autre coup de pouce massif pour Elementor!

Inconvénients de l'élémentaire

Même si nous recommandons Elementor, certaines parties doivent encore être améliorées. Nous en avons répertorié quelques-uns ci-dessous.

Un petit buggy

Rien d'artificiel n'est parfait, et Elementor ne fait pas exception. Vous n'avez pas besoin de l'utiliser pendant de nombreuses heures pour observer que l'Elementor se charge lentement de temps en temps. Mais un rafraîchissement résout tous les problèmes. Je ne suis pas gêné par ce problème, mais cela pourrait gêner les utilisateurs plus exigeants.

Détériorer les performances du site

Certains utilisateurs d'Elementor affirment que cela a ralenti leurs sites Web. Nos amis de CodeIn WP ont effectué un test, et la conclusion était qu'Elementor, en effet, aggrave les performances d'un site. De plus, Elementor stocke vos révisions, ce qui est formidable car vous pouvez revenir à une version antérieure à tout moment. Malheureusement, le prix de cette fonctionnalité est qu'elle accapare les ressources de votre site et, par conséquent, ralentit la vitesse de chargement.

Test de support client Elementor

J'ai fait beaucoup de recherches avant d'écrire cet article car il y avait des messages mitigés sur le support client d'Elementor. Plusieurs critiques professionnelles ont affirmé que le support n'était pas réactif et qu'il a fallu beaucoup de temps pour obtenir une réponse. D'un autre côté, même les gens de Capterra (un énorme site d'évaluation de logiciels) ont mentionné la qualité du support client dans la section Inconvénients d'Elementor.

J'ai décidé de tester moi-même la qualité du support et j'ai été impressionné par la rapidité et la gentillesse de l'agent. Le support de mauvaise qualité est-il un mythe ?

(ma discussion avec l'agent du support client)

Je suis heureux de dire que j'ai été ravi du support d'Elementor, et je crois que tous les problèmes précédents, s'ils existaient vraiment, ont été corrigés.

Avez-vous déjà utilisé le support client d'Elementor ? S'il vous plaît laissez-nous savoir votre opinion à ce sujet dans les commentaires.

Examen Elementor Pro

Les propriétaires d'entreprise et les spécialistes du marketing qui utilisent Elementor sont probablement les plus tentés de passer à la version pro. Il est livré avec plus d'options de personnalisation, de modèles et de widgets. Voici une ventilation des caractéristiques particulières de la version pro.

Widgets supplémentaires

Elementor Pro est livré avec les widgets nécessaires aux boutiques en ligne et aux sites commerciaux. Call-to-Action, login, Media Carousel, Flip Box, Price List et Price Table ne sont que quelques-uns des excellents widgets disponibles uniquement pour les utilisateurs d'Elementor Pro.

Générateur de fenêtres contextuelles

Les formulaires contextuels sont tout aussi ennuyeux et efficaces ; tout le monde les déteste, mais tout le monde les utilise ! D'un point de vue marketing, les popups sont obligatoires. Utilisez-les pour collecter des adresses e-mail, informer les visiteurs des dernières réductions et révéler vos nouveaux produits. Elementor Pro vous permet de créer des formulaires contextuels attrayants et pratiques.

Plus de modèles

Obtenez Elementor Pro et vous aurez un accès complet à toute la bibliothèque de plus de 300 blocs et pages. C'est donc une base solide pour tous vos futurs projets.

Personnalisez tout

Elementor ne vous permet pas de modifier l'en-tête, le pied de page, l'archive ou les articles de blog individuels, mais la version Elementor Pro le fait ! Envisagez d'acheter un abonnement pro si vous souhaitez un contrôle total sur chaque pixel de votre site.

Conclusion

Les fans et les adversaires conviennent qu'Elementor mérite pleinement votre attention. Les options de personnalisation infinies, l'interface conviviale et le code propre après la désactivation sont ce que vous obtenez de ce créateur de site Web. De plus, Elementor est open source et vous ne payez rien pour l'utiliser.

Faut-il upgrader Elementor Pro si la version de base vous satisfait ? Cela dépend de vos besoins. Ne mettez pas à niveau si vous utilisez Elementor de manière sporadique et que vous n'avez pas besoin de widgets marketing. Par exemple, Elementor est suffisant pour les blogs personnels, les portefeuilles ou les sites Web d'églises. D'autre part, utilisez Elementor Pro si vous gérez un magazine, un site d'actualités, un blog très visité, une boutique en ligne ou un site d'entreprise. Nous avons un top 3 sur nos constructeurs de pages préférés ; envisagez de le parcourir si vous n'êtes pas satisfait d'Elementor.