Dans cette revue Elementor, nous examinerons ce plugin de création de pages bien connu et sa récente version d’Elementor 2.0. Que vous cherchiez à personnaliser quelques pages Web ou à concevoir un tout nouveau site, la nouvelle version d’Elementor 2.0 dispose des outils et des fonctionnalités pour vous aider à réaliser votre vision créative.
Lisez la suite pour en savoir plus sur ce que Elementor a à offrir et pour acquérir une compréhension approfondie des dernières fonctionnalités publiées avec Elementor 2.0. Nous examinerons également les avantages de la mise à niveau vers Elementor Pro. Et les fonctionnalités avancées fournies par cette extension premium. Commençons…
Une introduction à Elementor
Pour ceux d’entre vous qui n’ont pas utilisé Elementor et qui connaissent peu le plugin, nous commencerons par une brève introduction à cette solution et examinerons ce qu’elle a à offrir.
Élémentor est un plugin de création de pages WordPress populaire qui a étonnamment été lancé il y a un peu moins de deux ans. Au cours de cette période, Elementor est devenu un concurrent sérieux dans le monde des plugins de création de pages. Il offre une expérience impressionnante et des fonctionnalités étendues, ce qui se traduit par une clientèle en constante augmentation.
Elementor prend en charge à la fois un libre et la version premium de leur plugin. Elementor Pro est une extension du plugin gratuit et fournit des outils avancés pour améliorer le flux de travail et augmenter les conversions et les ventes. Nous discuterons de la version Pro d’Elementor plus loin dans l’article. Mais pour l’instant, regardons ce que propose la version gratuite de base d’Elementor…
Caractéristiques d’Elementor
Elementor intègre un éditeur de glisser-déposer intuitif, qui permet aux utilisateurs de concevoir ou de personnaliser facilement n’importe quelle page ou type de publication personnalisé dans WordPress. Et tout cela sans avoir à toucher à une ligne de code. Toutes les personnalisations peuvent être effectuées sur le front-end de votre site, afin que vous puissiez voir les conceptions de vos pages se dérouler en temps réel.
La bibliothèque de modèles Elementor contient plus de 300 modèles magnifiquement conçus parmi lesquels choisir, créés pour répondre à tous les secteurs et niches. Une fois qu’un modèle a été choisi, l’éditeur Elementor vous donne un vaste contrôle sur chaque détail de style. Les modèles et les conceptions de page peuvent être enregistrés et réutilisés, ainsi qu’exportés pour être utilisés sur d’autres sites Web.
Elementor fournit également un ensemble complet de widgets gratuitement. Ces widgets fonctionnent dans le générateur de pages en direct, vous permettant d’ajouter des possibilités de conception infinies à vos pages. Voici quelques-uns des widgets que vous pouvez utiliser sur vos pages…
- Galerie d’images.
- Carrousel d’images.
- Google Maps.
- Boutons.
- Vidéo.
Des widgets et des plugins tiers peuvent également être intégrés dans le générateur de pages Elementor. Par conséquent, vous pouvez vous entourer de tous vos éléments de design préférés.
Voici quelques autres principales fonctionnalités qu’Elementor propose…
- Personnalisation totale sur la mise en page.
- Arrière-plans vidéo.
- Édition en ligne.
- Image et Galerie Lightbox.
- Plus de 800 polices Google.
- Conception de la page de destination.
- Édition mobile.
- Développeur convivial.
Elementor est également livré avec un support étendu, y compris des didacticiels vidéo et des articles approfondis. Ceux-ci enseignent étape par étape comment utiliser ce plugin pour créer de superbes sites Web.
Alors maintenant, nous en savons un peu plus sur Elementor et certaines des fonctionnalités qu’il intègre dans sa version de base gratuite. Examinons ensuite la récente version d’Elementor 2.0 et découvrons quels outils et fonctionnalités ont été ajoutés à ce plugin déjà riche en fonctionnalités.
Les nouvelles fonctionnalités d’Elementor 2.0
En février, l’équipe Elementor a commencé à déployer Élémentor 2.0. Avec chaque nouvelle version de fonctionnalité, ils espèrent résoudre les problèmes auxquels les utilisateurs de WordPress se heurtent quotidiennement lorsqu’ils essaient de concevoir et de personnaliser des sites Web. Alors, quelles fonctionnalités ont été introduites et comment amélioreront-elles l’expérience Elementor ?
Blocs Elementor
L’une des premières fonctionnalités à sortir sous Elementor 2.0 a été Blocs Elementor. Cette fonctionnalité totalement gratuite offre un moyen flexible de créer des pages rapidement et efficacement.
Les blocs sont essentiellement des sections préconçues qui, combinées, peuvent créer des pages complètes. Parcourez et filtrez les différentes options de conception disponibles, puis ajoutez les blocs appropriés à chaque page de votre site Web d’un simple clic. Cela vous donne plus de flexibilité que les modèles de page, mais toujours suffisamment de support de conception pour vous faire gagner du temps et vous assurer de produire un site Web convivial, professionnel et attrayant.
Chaque bloc peut être personnalisé, ce qui vous permet de transformer le contenu et de transformer rapidement vos pensées et vos idées en un site Web. Et les blocs sont pré-construits avec des paramètres de widget et de mise en page, vous pouvez donc simplement vous concentrer sur le processus de conception et ne pas vous soucier des aspects techniques de la création d’une page. Les blocs peuvent ensuite être enregistrés et réutilisés dans différentes pages.
Choisir et choisir des blocs pour créer une page n’est pas seulement une façon amusante de concevoir. Les blocs rationaliseront votre flux de travail et géreront votre processus de création, résultant en des pages finies et haut de gamme, en un rien de temps.
Actuellement, dans la bibliothèque de blocs, 253 types de blocs différents sont disponibles, répartis dans 15 catégories, notamment Prix, Équipe, Témoignages, Portefeuille, Appel à l’action et S’abonner. L’équipe Elementor ajoutera également à cette bibliothèque au fil du temps, garantissant que quel que soit votre projet, il y aura des blocs à adapter.
API de développeur Elementor
En avril, Elementor a annoncé son nouveau Centre des développeurs pour les développeurs Elementor. Il s’agit d’un nouveau site et d’une ressource vraiment impressionnante – une ressource qui aura un impact majeur sur tout développeur WordPress qui souhaite étendre Elementor ou l’intégrer dans un produit.
Le Developers Center comprend deux sections…
Examinons ces deux éléments plus en détail…
Ressources pour les développeurs Elementor
Le centre de ressources pour les développeurs contient des guides pas à pas, des didacticiels et des exemples de code, expliquant comment les développeurs peuvent créer leurs propres extensions Elementor ou des solutions personnalisées pour les clients. Il existe à la fois des informations pour les développeurs de plugins et de thèmes, ainsi que des informations sur les normes de codage WordPress récentes et les dernières meilleures pratiques.
Référence du code Elementor
En utilisant les documents de référence du code Elementor, vous pouvez rapidement apprendre ce que fait chaque fonction, classe, méthode et hook Elementor. Ici, vous pouvez facilement rechercher dans la référence de code pour trouver un code spécifique, qui est automatiquement mis à jour avec chaque nouvelle version d’Elementor. L’équipe Elementor prévoit également d’ajouter des extraits de code et des exemples de code à la référence de code dans un avenir prévisible.
Si vous êtes un développeur de plugins ou de thèmes WordPress, le Elementor Developers Center est une ressource inestimable et vaut le détour.
Elementor Pro 2.0 – Générateur de thèmes
La version d’Elementor Pro 2.0 a vu ce plugin de création de page mis à niveau pour inclure capacités de création de thème. Jusqu’à présent, il n’était pas possible de personnaliser certaines zones de votre thème avec l’éditeur Elementor Pro, comme l’en-tête, le pied de page, la publication unique et l’archive.
Elementor Pro Theme Builder a élargi le concept de modèles et a introduit de nouveaux types de modèles pour les en-têtes, les pieds de page et d’autres zones de votre site. Cela permet désormais de concevoir et de personnaliser chaque partie de votre site Web, pas seulement les zones de contenu, à l’aide de l’éditeur de glisser-déposer Elementor. Alors dites adieu au code !
Elementor Pro Theme Builder fonctionne sur n’importe quel thème WordPress et vous permet de créer visuellement tous les aspects de votre site Web, sur le front-end de votre site Web. En utilisant des modèles dynamiques, vous pouvez créer le cadre de votre contenu, puis l’appliquer sur votre site. Les modèles sont ensuite remplis de contenu dynamique de votre site Web en un seul clic.
Elementor Pro 2.0 propose également Plus de 25 blocs d’en-tête et de pied de page, ainsi qu’une fonction d’en-tête collante pour vous aider à démarrer. Vous ne serez plus limité par l’en-tête et le pied de page de votre thème. Vous pouvez désormais utiliser les blocs Elementor pour créer des designs élégants et accrocheurs qui fonctionnent avec le reste de la marque de votre site Web.
Elementor Pro 2.0 – Fonctionnalités à venir
Comme nous l’avons mentionné précédemment, Elementor 2.0 est déployé par étapes. Et pour Elementor Pro 2.0, il reste encore des fonctionnalités à venir.
L’intégration de WooCommerce devrait être avec nous sous peu, donnant un contrôle de conception puissant sur votre boutique WooCommerce, vos pages de produits et d’autres éléments de commerce électronique, via l’éditeur Elementor. Les widgets comprendront…
- Widget de produits WooCommerce – Affichez et filtrez vos produits WooCommerce sur votre site.
- Widget Catégories WooCommerce – Choisissez les catégories de produits à afficher.
- Widget Woo Elements – Ajoutez des pages de commerce électronique à votre site, y compris une page de panier, une page de produit unique, une page de paiement et plus encore.
- Woo Ajouter au panier Widget – Affiche un bouton « Ajouter au panier ».
Ces intégrations feront d’Elementor l’outil parfait pour concevoir un site de commerce électronique selon vos spécifications exactes.
Encore à venir est un soutien étendu pour Champs personnalisés avancés (ACF) et Toolset. Avec cette fonctionnalité, vous pourrez créer des champs de contenu dans ACF ou Toolset, puis les incorporer visuellement dans n’importe quelle page. Ce qui, pour les développeurs, pourrait bien changer la donne.
Devriez-vous passer à Elementor Pro ?
Après avoir lu le remarquable Theme Builder que l’équipe Elementor a intégré à l’extension Elementor Pro, ainsi que les intégrations WooCommerce, ACF et Toolset qui sont au coin de la rue, vous vous demandez peut-être si vous devriez passer à Pro.
Jetons donc un coup d’œil rapide à ce que Elementor Pro a d’autre à offrir…
- Modèles professionnels – Choisissez parmi une sélection de modèles professionnels haut de gamme.
- Formulaires – Concevez et ajoutez des formulaires de contact, des formulaires d’abonnement, des formulaires de connexion, etc.
- Médias – Présentez des images et des vidéos à l’aide d’un widget Carrousel ou Slides.
- CSS personnalisé – Ajoutez votre propre code et voyez-le en action sur l’éditeur en direct.
- Intégrations – Intégrez facilement à MailChimp, Facebook SDK, reCAPTCHA et Adobe TypeKit, pour n’en nommer que quelques-uns.
- Réseaux sociaux – Ajoutez des boutons de partage, des icônes sociales, des intégrations Facebook, etc.
Les utilisateurs d’Elementor Pro peuvent également bénéficier d’un support client 24h/24 et 7j/7. Obtenez rapidement de l’aide pour tout problème et des réponses à toutes les questions qui pourraient survenir. De toute évidence, Elementor Pro est un outil remarquable, et si vous êtes sérieux au sujet de la qualité de la conception de votre site Web, la mise à niveau vers Pro devrait être sur votre radar.
Réflexions finales sur Elementor 2.0
Comme vous pouvez le voir, Elementor 2.0 propose de nouvelles fonctionnalités impressionnantes. Des blocs Elementor et de l’API de développeur au fantastique nouveau générateur de thèmes Elementor Pro 2.0 et aux intégrations avancées, Elementor change le visage de la conception Web. Que le plugin Elementor soit un incontournable pour quiconque conçoit ou personnalise un site Web va sans dire – mais choisirez-vous la version gratuite ou premium ?
Des questions sur les nouvelles versions d’Elementor 2.0 ? N’hésitez pas à demander dans les commentaires ci-dessous…