Un site web représente le reflet d’un produit ou d’un service, agissant comme une vitrine sur le monde pour son détenteur. S’il est bien conçu, il peut capturer l’attention des visiteurs dès leur première visite. Cependant, créer un site web n’est pas toujours facile et peut s’avérer complexe, surtout pour les débutants.
Heureusement, il existe des moyens moins complexes de créer un site web, notamment à travers l’utilisation d’une extension WordPress comme Elementor, qui agit comme un constructeur de site web. Pour ceux qui ne sont pas à l’aise avec le codage, cette extension représente une réelle alternative pour créer un site web profesionnel.
Dans cet article, vous découvrirez en détail les informations relatives à ce constructeur de pages WordPress très populaire. Vous apprendrez les subtilités de cette extension, ainsi que les différences entre sa version gratuite et sa version payante, sans oublier les avantages associés à chaque version.
Introduction à Elementor
Aux premiers jours du web dans les années 1990, les sites web étaient très différents de ce qu’ils représentent de nos jours. Ils étaient simples, statique avec un design minimaliste.
Bien que ces premiers sites web fussent simples, ils n’étaient pas accessibles à tout le monde pour leur création, car cela requérait à l’époque des compétences avancées en développement et en conception web. Pour cela, il fallait soit posséder ces compétences, soit faire appel à des spécialistes. Avoir un site web représentait potentiellement un coût, parfois source de frustrations, sans oublier le temps nécessaire à son développement.
Nous sommes complètement loin de cette réalité aujourd’hui. En effet, il est désormais possible de créer un site web professionnel, performant et esthétique sans avoir besoin de connaissances en programmation. Grâce aux constructeurs de pages modernes, vous pouvez concrétiser vos idées à travers des glisser-déposer.
Il existe plusieurs constructeurs de pages pour WordPress, mais Elementor se démarque comme l’un des plus populaires, comptant plus de sept millions d’installations actives. Grâce à son interface intuitive, il permet de créer des pages de destination, des sites web entiers, et bien plus encore.
Installation de l'extension Elementor
Elementor est un constructeur de pages Freemium créé en 2016, fonctionnant grâce à une interface de type drag and drop. Ce constructeur de pages fascinant offre une interface simple et pratique, permettant de visualiser en temps réel à quoi ressemblent les pages en cours de construction. Chaque modification apportée est appliquée instantanément, ce qui permet de gagner considérablement du temps dans le processus de création d’un site web.
L’installation d’Elementor peut se faire de différentes manières, la plus simple étant de passer par le tableau de bord de WordPress.
Dans le menu « Extensions », cliquez sur le sous-menu « Ajouter une extension ». Dans la barre de recherche, saisissez « Elementor », puis installez et activez l’extension. Après cette étape, vous serez redirigé vers un assistant d’installation qui vous guidera étape par étape dans la configuration. L’assistant d’installation démarre par la création d’un compte, puis l’installation du thème Hello, le thème par défaut.
Lors de la construction d’une page avec Elementor, vous remarquerez un onglet intitulé « Modifier avec Elementor ». Il vous suffit de cliquer sur cet onglet pour accéder à l’interface de l’extension. Cette interface vous permettra d’ajouter des titres, des images, des sections, des vidéos, des boutons, etc. De plus, l’extension vous offre la possibilité de visualiser votre site de manière responsive, ce qui vous permet de voir le rendu de votre site à la fois sur mobile et sur ordinateur.
Exploration des widgets disponibles dans Elementor
Les widgets basiques
Les widgets basiques comporte les éléments de base dont tout site web a besoin.
Les widgets pro
Dans la version pro de l’extension, on voit apparaître des widgets supplémentaires d’une très grande utilité pour des personnes qui veulent des fonctionnalités plus poussées.
Les éléments de thème
Ces éléments vous permettent de créer et personnaliser toutes les parties clés de votre site web, notamment les en-têtes, les pieds de page, les archives globales, etc.
Les widgets woocommerce
Vous disposez d’éléments en nombre qui vous permettent de concevoir et personnaliser les expériences d’achat sur vos sites web.
Fonctionnalités clés de la version gratuite d'Elementor
La version gratuite d’Elementor est composée de plusieurs widgets, comme illustré ci-dessus, qui vous permettent, par un simple glisser-déposer, de concevoir de manière holistique un site web. À ce jour, cette version contient plus d’une trentaine d’éléments.
La création d’une page devient un processus simple et agréable grâce aux options de mise en page, accélérant ainsi la création de vos pages. De plus, la fonctionnalité de responsivité vous permet d’afficher les différentes vues de vos pages pour une création optimale selon vos préférences. Vous avez la possibilité d’ajouter ou de supprimer des éléments, de changer les couleurs, les polices, les tailles, etc. La version gratuite offre diverses options d’édition pour les arrière-plans, vous permettant d’utiliser différentes couleurs, arrière-plans ou vidéos pour modifier l’arrière-plan d’un article ou d’une page. Cela vous permet ainsi d’améliorer l’expérience utilisateur sur votre site web.
Fonctionnalités clés de la version pro d'Elementor
Passons à présent au peigne fin de la version pro de ce plugin populaire après avoir couvert différents aspects de sa version gratuite.
L’une des caractéristiques phares de la version pro d’Elementor est le générateur de thèmes. Cet outil offre un contrôle total, vous permettant de modifier chaque section de votre site web. Il vous permet de créer des en-têtes et pieds de page personnalisés, des barres latérales, ainsi que des mises en page personnalisées que vous pouvez utiliser sur certaines pages.
Le générateur de thème est un outil fascinant qui vous donne un grand avantage si vous êtes pigiste ou une agence de design. Cet outil vous permet de faire plus en moins de temps.
Les portfolio widgets
Présentez votre travail autrement avec les widgets portfolio avancés notamment : Portfolio, Nested Carousel et Testimonial widgets.
Le portfolio widget vous offre la possibilité de présenter vos publications, pages et types de publication personnalisés dans une grille attrayante et filtrable.
Les en-têtes et pieds de pages
Facilitez la navigation de vos visiteurs sur votre site en concevant des en-têtes et des pieds de page professionnels, assurant ainsi une expérience fluide et intuitive.
Elementor offre désormais une flexibilité pour la conception visuelle des en-têtes et des pieds de page. De plus, il propose plus de 25 nouveaux blocs d’en-tête et est compatible avec pratiquement tous les thèmes WordPress.
Les designs et effets avancés
Mettez en valeur certaines fonctionnalités de votre site en utilisant des effets de mouvement avancés, des transitions de page, le défilement et bien plus encore. Exploitez vos sources de données pour générer plusieurs pages à partir d’une seule mise en page ou pour afficher des contenus personnalisés à différents utilisateurs.
Codes personnalisé, CSS personnalisé
Allez plus en profondeur dans vos modifications et bénéficiez d’un contrôle total sur l’apparence et le comportement de votre site web. Ajoutez du code personnalisé et des extraits CSS personnalisés pour une personnalisation avancée.
Constructeur de formulaires
Optimisez la collecte et les interactions avec les prospects ou clients grâce à des formulaires personnalisés en plusieurs étapes. Du formulaire simple intégré dans une page aux formulaires complexes qui s’adaptent aux informations fournies par l’utilisateur, plusieurs styles sont disponibles. Vous pouvez également créer des formulaires animés pour captiver l’attention des visiteurs.
Liens d'action
Activez des actions spécifiques grâce à des liens d’action, tels que l’invitation des visiteurs à vous contacter, à télécharger du contenu, à vous envoyer un e-mail, etc. Cette fonctionnalité offre aux visiteurs divers moyens de se connecter à votre entreprise, notamment via WhatsApp, YouTube, Google Agenda, Outlook, Skype, et bien d’autres encore.
Les limites d'Elementor
#1. Performance
L’efficacité de votre site peut être impactée par l’exploitation des fonctionnalités avancées d’Elementor, surtout si vous incorporez une multitude de widgets et des agencements complexes.
#2. Restrictions de la version gratuite
Elementor offre une flexibilité pour apporter diverses modifications, mais il existe des limitations lorsqu’il s’agit de définir de nombreux styles globaux pour l’ensemble du site sans avoir recours à un abonnement pro. Cela peut poser un obstacle pour ceux qui veulent exploiter certaines options de conception et de personnalisation.
#3. Dépendance aux mises à jour
Comme pour toutes les extensions WordPress, Elementor nécessite des mises à jour régulières pour garantir son bon fonctionnement, ce qui peut parfois causer des problèmes de compatibilité avec d’autres éléments de votre site.
#4. Personnalisation avancée
Malgré les nombreuses possibilités de personnalisation offertes par Elementor, certaines adaptations spécifiques nécessitent l’ajout de code CSS ou HTML personnalisé.
#5. Compatibilité avec les thèmes et autres plugins
Elementor est généralement compatible avec la plupart des thèmes et des plugins WordPress. Cependant, des conflits peuvent parfois survenir, notamment avec des plugins spécifiques ou des thèmes présentant des problèmes de codage.
Tarification d'Elementor Pro : combien ça coûte?
Elementor est principalement disponible en version gratuite, mais pour bénéficier d’un rendu de qualité et d’une liberté de conception de manière illimitée, l’option Pro est indispensable. Les tarifs d’Elementor Pro varient en fonction du plan choisi et de la durée de l’abonnement. Elementor propose plusieurs types de licences :
- Essential : 59 $/an (55 €) pour une utilisation sur un seul site;
- Advanced : 99 $/an (93 €) pour 3 sites au maximum;
- Expert : 199 $/an (187 €) pour 25 sites au maximum;
- Agency : 399 $/an (375 €) pour 1000 sites au maximum;
Elementor requiert un abonnement annuel pour continuer à bénéficier du support, des mises à jour et de l’accès aux modèles Pro. Cette extension offre une garantie de remboursement de 30 jours.
Comme vous pouvez le constater, les prix d’Elementor Pro s’adaptent à chaque projet, qu’il s’agisse d’un site web vitrine pour un particulier ou d’un blog pour une entreprise, voire même pour une agence possédant un portefeuille de milliers de sites clients.
Elementor Free vs Eleemntor Pro : quel choix faire?
La version gratuite d’Elementor offre un large éventail de possibilités de conception, tandis qu’Elementor Pro propose des fonctionnalités avancées et fournit un ensemble d’outils supplémentaires qui améliorent votre flux de travail. Voici un aperçu des principales différences entre les deux versions :
1. Elementor Free :
- Créer des mises en page simples en utilisant une interface intuitive de type glisser-déposer.
- Propose un nombre appréciable de widgets et de modèles de bases.
- Offre moins d’options de personnalisation par rapport à Elementor Pro.
2. Elementor Pro :
- Offre toutes les fonctionnalités disponibles dans la version gratuite, ainsi que des fonctionnalités avancées supplémentaires.
- Permet de concevoir des mises en page plus élaborées en intégrant des widgets additionnels.
- Offre une sélection de modèles de pages et de sections professionnels prêts à l’emploi.
- Permet de créer des formulaires de contact personnalisables.
- Intègre des fonctionnalités de marketing avancées notamment des pop-ups, ainsi que des intégrations avec des outils tiers tels que des outils de marketing par email etc.
- Offre un support client premium
Vous avez à présent des informations éclairées pour prendre une décision. Vous pouvez optez pour la version gratuite et vous faire un avis directement sur WordPress, ou bien optez directement après cette étude comparative pour la version Pro :
Intégration avec des outils tiers
Elementor est conçu pour se connecter facilement à diverses applications tierces. Cela se traduit par des options prévues pour permettre une compatibilité avec les composants provenant d’autres plugins, ainsi que d’autres configurations. Voici une liste non exhaustive des intégrations possibles :
WooCommerce
Elementor facilite la création d’une boutique en ligne en intégrant tous les éléments de WooCommerce via des balises dynamiques.
Mailchimp
Pour intégrer Mailchimp à Elementor, vous devez accéder au tableau de bord de WordPress, puis cliquer sur le menu Elementor, allez ensuite vers les Réglages, puis sélectionner l’onglet Intégrations, et enfin fournissez la clé API de Mailchimp.
SEOPress
L’intégration de SEOPress à Elementor ajoutera une nouvelle section aux paramètres de la page, vous permettant de gérer les métadonnées SEO, le fil d’Ariane, et bien plus encore.
Youtube - Vimeo - DailyMotion
Avec le widget vidéo d’Elementor, vous pouvez intégrer des vidéos provenant de YouTube, Vimeo ou Dailymotion. Vous avez la liberté de personnaliser les réglages, comme le début de la vidéo, selon vos préférences.
Google Maps
Elementor offre la possibilité d’intégrer une carte Google Maps n’importe où sur votre site grâce au widget Google Maps. Vous pouvez simplement spécifier l’adresse ou les coordonnées géographiques, ajuster la taille de la carte et définir le niveau de zoom selon vos besoins.
Partagez ce guide autour de vous si vous le trouver utile. Il pourrait aider quelqu’un. Pour plus d’articles, visitez notre blog.