Examen de l'élément WordPress

Mise à jour : 2022-06-02 / Article par : Nicholas Godwin

Compagnie: Elementor Ltd.

Contexte: Elementor est un constructeur de site Web qui s'appuie sur WordPress. Il utilise l'approche glisser-déposer pour aider les utilisateurs de WordPress à créer et à modifier un site WordPress. Elementor est actif sur plus de cinq millions de sites Web, selon le site officiel de WordPress.

Prix ​​de départ: Gratuit

Devise: USD

Visitez en ligne : https://elementor.com/

Résumé des avis et notes

4

Le principal avantage d'Elementor est que vous pouvez concevoir des pages Web impressionnantes même si vous n'avez aucune expérience préalable du développement de sites Web. Cette structure de conception élimine tout doute sur l'apparence de votre site Web une fois que vous l'avez publié.

Qu'est ce que Elementor?

Elementor est un plugin de création de site Web par glisser-déposer visuel pour les sites Web WordPress. Cela signifie qu'au fur et à mesure que vous créez votre contenu et votre conception, vous verrez ce que vos visiteurs verront. De plus, vous pouvez faire glisser et déposer des éléments de conception tels que des images, des formulaires, des boutons et autres pour créer des pages et créer du contenu à votre guise. Vous n'avez pas besoin d'écrire HTML, CSS, JS ou tout autre code de langage de balisage ou de script.

Avantages

  • Interface intuitive par glisser-déposer.
  • Bibliothèque de modèles avec de nombreuses conceptions de page prêtes à l'emploi de haute qualité.
  • Grand choix de widgets utiles.
  • Personnalisez facilement les zones thématiques de votre site Web.
  • Facile à utiliser pour un débutant.

Inconvénients

  • Les paramètres avancés ne sont disponibles que dans les forfaits payants. 
  • L'éditeur glisser-déposer peut parfois être légèrement bogué

Comment fonctionne l'interface Elementor ?

Avant de discuter de certaines fonctionnalités plus spécifiques d'Elementor, examinons d'abord le fonctionnement de l'interface.

L'interface

Éditeur Elementor

Lorsque vous lancez l'éditeur Elementor pour la première fois, vous remarquerez que l'interface est divisée en trois :

  1. La zone de contenu: Il s'agit du canevas principal où vous pouvez placer et ajuster vos blocs de contenu.
  2. Éléments ou widgets: Les blocs de construction que vous combinerez pour créer votre page.
  3. Paramètres: vous pouvez annuler les modifications, prévisualiser les conceptions sur plusieurs appareils, etc.

Mise en page Bâtiment 

Création de mise en page Elementor

Il est toujours bon de concevoir la structure de base de votre page avant d'ajouter des éléments. Heureusement, Elementor offre aux utilisateurs deux éléments structurels : les sections et les colonnes.

Les sections sont les blocs de mise en page les plus larges, tandis que les colonnes se trouvent dans une section. Notez que vous pouvez avoir plusieurs colonnes dans une section.

Ajout d'éléments 

Ajoutez un nouveau style à une colonne ou à une section en le faisant simplement glisser sur l'aperçu visuel de votre page à partir de la barre latérale gauche. Vous pouvez ajouter des fonctionnalités de base telles que des en-têtes, des images, des vidéos et des boutons à des fonctionnalités plus avancées telles qu'un logo carrousel.

Éléments de style

Vous pouvez styliser et contrôler n'importe quel élément, y compris les colonnes et les sections, en cliquant sur le contenu souhaité et en utilisant les options de la barre latérale Elementor. Vous pouvez également cliquer avec le bouton droit sur une poignée de section et sélectionner dans le menu contextuel contextuel.

4 caractéristiques uniques d'Elementor

Maintenant que vous comprenez les bases, examinons certaines des fonctionnalités uniques qui contribuent au succès d'Elementor.

1. La bibliothèque de modèles Elementor

Bibliothèque de modèles Elementor
Les pages et les blocs sont les deux types de modèles différents que vous obtenez dans Elementor.

Les utilisateurs d'Elementor peuvent créer des conceptions intuitives et complètes à partir de zéro.

Cependant, la bibliothèque de modèles Elementor garantit que vous n'avez pas toujours à tout faire vous-même. La bibliothèque se compose de nombreux modèles que vous pouvez activer en un clic.

De plus, le plugin propose également des modèles dans deux formats : pages et blocs.

Les pages sont des conceptions pleine page importables que vous pouvez modifier en fonction de vos besoins.

En revanche, les blocs sont des conceptions conçues pour des sections spécifiques. Par exemple, vous pouvez importer une section "à propos de moi" prédéfinie dans votre mise en page existante à l'aide de blocs. 

De plus, une fois que vous avez vos conceptions personnalisées, vous pouvez les enregistrer en tant que modèles et les réutiliser facilement plus tard.

2. Aperçus mobiles et contrôles de conception réactifs

Elementor dispose de fonctionnalités de conception de prévisualisation et de réponse mobiles pour vous permettre de contrôler ce que les utilisateurs voient en fonction de l'appareil qu'ils utilisent pour accéder à votre contenu.

Avec 4.32 milliards utilisateurs uniques d'Internet mobile dans le monde et plus de 90 % des internautes accédant au Web avec des appareils mobiles, cette fonctionnalité est très pratique.

vous pouvez activer/désactiver les fonctionnalités pour masquer ou révéler des éléments de page ou des widgets sur des tablettes, des mobiles ou des ordinateurs de bureau. Vous pouvez également prévisualiser votre page par appareil en cliquant sur Mode réactif.
Vous pouvez activer/désactiver les fonctionnalités pour masquer ou afficher des éléments de page ou des widgets sur des tablettes, des mobiles ou des ordinateurs de bureau. Vous pouvez également prévisualiser votre page par appareil en cliquant sur Mode réactif.
Vous trouverez les options réactives d'Elementor dans la zone Paramètres avancés.
Vous trouverez les options réactives d'Elementor dans la zone Paramètres avancés.

Certains éléments de page ont des fonctionnalités réactives uniques. Par exemple, vous pouvez inverser les colonnes sur mobile ou tablette pour certaines sections.

3. Contrôles de mise en page détaillés

Vous pouvez ajuster manuellement la marge et le rembourrage des colonnes, des sections et des widgets. Vous pouvez également créer des espaces vides entre les colonnes ou ajuster la largeur des colonnes en faisant glisser les séparateurs des colonnes.
Vous pouvez ajuster manuellement la marge et le rembourrage des colonnes, des sections et des widgets. Vous pouvez également créer des espaces vides entre les colonnes ou ajuster la largeur des colonnes en faisant glisser les séparateurs des colonnes.

Les constructeurs de pages permettent aux utilisateurs de concevoir des sites Web sans écrire de codes. Cependant, cette simplicité conduit souvent à des compromis. Elementor travaille dur pour réduire le besoin de compromis.

Cette constructeur de site fournit des tonnes de contrôles intuitifs pour vous assurer que vous pouvez placer chaque section, colonne et widget précisément où vous le souhaitez et comme vous le souhaitez, comme vous le feriez si vous écriviez le code.

4. Édition de texte en ligne

Éditeur de texte en ligne Elementor
Éditeur de texte en ligne Elementor

Elementor propose un éditeur de texte en ligne pour aider les utilisateurs construire leurs sites Web plus rapidement.

L'édition de texte en ligne est un moyen rapide et facile d'éditer du texte sur votre site Web. Au lieu d'utiliser une fenêtre contextuelle comme plusieurs constructeurs de pages, Elementor vous permet simplement de cliquer sur une page et de saisir du texte.

Qu'en est-il d'Elementor Pro ?

Des fonctionnalités plus avancées sont incluses dans le plan Elementor Pro.
Des fonctionnalités plus avancées sont incluses dans le plan Elementor Pro.

Elementor propose des forfaits gratuits et payants (Elementor Pro). Les plans Elementor Pro sont livrés avec des fonctionnalités plus avancées qui facilitent votre expérience de création de site.

Voyons maintenant quelques fonctionnalités utiles que vous permettent de dépenser de l'argent avec le plan Elementor Pro.

Créer des thèmes

Tout d'abord, vous pouvez créer l'intégralité de votre thème WordPress à partir de zéro. Avant sa mise à jour vers Elementor Pro 2.0, Elementor ne pouvait créer que du contenu, pas des thèmes. Donc, vous auriez toujours besoin d'un thème pour exécuter Elementor.

Cependant, vous pouvez désormais créer un thème complet sur Elementor avec son interface glisser-déposer.

Widgets

Deuxièmement, vous obtenez plus de widgets. En plus d'offrir plus de flexibilité, ces widgets pourraient remplacer d'autres plugins.

Certains des widgets sur Elementor Pro incluent

  • Sliders
  • Formulaires (formulaires de contact, formulaires de connexion, etc.)
  • Minuteries de compte à rebours
  • Boutons de partage social
  • CTAs
  • Tables de tarification

Et plus encore.  

Bibliothèque complète de modèles

Elementor Pro déverrouille toutes les pages de modèles et tous les blocs de la bibliothèque. De plus, les modèles exclusifs Elementor Pro sont plus détaillés et sophistiqués. Ainsi, vous obtenez plus de modèles et une qualité améliorée.

Enfin, il existe des scénarios dans lesquels vous devez réutiliser un élément particulier sur plusieurs pages.

Par exemple, vous souhaitez que votre section "à propos de moi" ait le même contenu sur toutes vos pages Web. Vous pouvez y parvenir avec des widgets globaux.

Cette fonctionnalité Elementor Pro vous aide à enregistrer des widgets en tant que modèles et à les réutiliser sur plusieurs pages. Vous pouvez également mettre à jour automatiquement chaque instance d'un widget global en une seule modification. 

Plans et prix Elementor

Forfaits et tarifs Elementor.
Forfaits et tarifs Elementor.

Maintenant, jetez un œil aux forfaits et aux tarifs des forfaits gratuits et payants.

Plan gratuit Elementor

Le plan gratuit comprend:

  • Plus de 30 modèles différents pour vous aider à créer un site Web d'aspect plus professionnel,
  • plus de 40 widgets, et 
  • Un éditeur de page intégré.

Forfaits payants Elementor

Les plans payants incluent plus de modèles et des fonctionnalités plus sophistiquées sur plusieurs plans à partir de 49 $ par an. Le plan Essential coûte 49 $ par an et comprend ces fonctionnalités :

  • Installable sur un seul site web,
  • Plus de 300 modèles professionnels plus détaillés que les options gratuites,
  • 100+ widgets,
  • Plus de 60 kits de modèles de sites Web
  • Un constructeur de thèmes et un support premium.

Le package Advanced, qui coûte 99 $ par an, est installable sur trois sites Web.

Alors que le plan Expert, qui coûte 199 $ par an, est installable sur 25 sites Web. Il dispose également de toutes les fonctionnalités du plan Essential et d'un profil de réseau d'experts.

Cependant, les professionnels haut de gamme peuvent acheter le forfait Studio pour 499 $ par an ou le forfait Agence pour 999 $ par an. Ces plans de premier plan incluent un support de chat en direct VIP et peuvent être installés sur 100 et 1000 sites Web, respectivement.

Commencez à construire avec Elementor

Elementor est un constructeur de pages WordPress populaire pour une raison. Il offre toutes les bases fournies par les constructeurs de pages visuelles.

Il s'appuie ensuite sur ces fonctionnalités de base avec des éléments d'interface plus sophistiqués et utiles tels que Thème Builder et Générateur de fenêtres contextuelles.

Vous ne savez toujours pas si le plugin est idéal pour votre projet, essayez la version gratuite sur WordPress. Ensuite, si vous désirez quelque chose de plus, vous pouvez passer à un plan Pro pour profiter de toutes les caractéristiques et fonctionnalités d'Elementor.

En savoir plus

A propos de Nicholas Godwin

Nicholas Godwin est un chercheur en technologie et en marketing. Il aide les entreprises à raconter des histoires de marques rentables que leur public adore depuis 2012. Il a fait partie des équipes de rédaction et de recherche de Bloomberg Beta, Accenture, PwC et Deloitte auprès de HP, Shell, AT&T.