Elementor a grandi rapidement d'un constructeur de pages parvenu à l'un des premiers plugins du constructeur de pages WordPress, alimentant plus de 3 millions de sites Web.
Bien que le plug-in de constructeur de pages Elementor soit essentiel, certaines personnes souhaitent une flexibilité de conception encore plus grande que celle offerte par le plug-in de base Elementor.
Heureusement, l'équipe Elementor a créé Elementor en tant qu'écosystème ouvert qui permet aux autres développeurs de se «connecter» et d'étendre le plug-in principal d'Elementor.
C’est le sujet de la critique d’aujourd’hui de la revue Premium Addons for Elementor…
Premium Addons pour Elementor vient dans une version gratuite et premium et ajoute 50+ widgets innovants Elementor et add-ons, plus une variété de modèles. Vous devrez intégrer des tableaux de prix, des calques d’images, des graphiques, des commutateurs de contenu, et bien d’autres encore.
Dans mon examen Premium Addons for Elementor, je vais en dire plus sur ce que vous obtenez exactement avec le plugin. Ensuite, je vous emmènerai sur le terrain et vous montrerai certains de mes nouveaux widgets et fonctionnalités préférés.
Enfin, comme les performances constituent toujours un facteur important, je vais terminer en effectuant des tests de performances pour déterminer l’effet de l’utilisation de Premium Addons for Elementor sur les temps de chargement des pages de votre site.
Premium Addons pour Elementor Review: Ce qui est inclus
Comme je l'ai mentionné ci-dessus, Premium Addons for Elementor ajoute plus de 50 nouveaux widgets et add-ons, ainsi qu'un ensemble de nouveaux modèles que vous pouvez importer.
Alors, quelle est la différence entre un widget et un addon?
Bien, un widget est un nouvel élément de contenu que vous pouvez utiliser dans vos conceptions Elementor (tout comme tous les widgets Elementor natifs que le plugin est livré avec).
Un Ajouterd'autre part, étend l'un des widgets Elementor existants. Par exemple, le complément de parallaxe vous offre toutes sortes de nouvelles fonctionnalités pour ajouter de la parallaxe aux sections Elementor existantes. De même, le module de particules ajoute un effet de particules vraiment soigné que vous pouvez utiliser avec vos sections.
La plupart des ajouts sont des widgets, bien que le nombre relativement faible d’add-ons soit très utile.
La liste exacte des nouveaux widgets et addons
Premium Addons pour Elementor est proposé à la fois en version gratuite sur WordPress.org et en version premium.
Environ 22 widgets sont disponibles gratuitement, tandis que les 30 autres widgets / add-ons sont disponibles dans la version premium.
Voici la liste complète:
Widgets de contenu:
- Carrousel
- Blog
- Google Maps
- Personnes
- Onglets
- Changeur de contenu
Widgets d'image:
- Grille d'image
- Défilement d'image
- Comparaison d'image
- Hotspots d'image
- Couches d'image
- Accordéon d'image
- Séparateur d'image
Addons et widgets de section:
- Défilement vertical
- Multi-Scroll
- Ajout de section de parallaxe
- Section de particules
- Add-on de section de dégradé animé
- Ken Burns section add-on
Widgets hors réseau:
- Boîte modale
- Boîte d'alerte
- Section magique
- Fenêtre d'aperçu
Avis et témoignages:
- Témoignages
- Avis sur Facebook
- Avis Google
- Avis Yelp
Blurbs & CTA widgets:
- Bannière
- Bouton
- Bouton image
- Flip box
- Boîte à icônes
- iHover
- Se dérouler
Widgets de flux social:
- Flux Facebook
- Fil Twitter
- Flux Instagram
- Behance nourrir
Tableaux, graphiques et autres widgets de données:
- Barre de progression
- Tableau de tarification
- Graphiques
- les tables
Widgets de contact:
- Formulaire de contact 7
- Facebook Messenger
- WhatsApp Chat
Plus de widgets:
- Texte de fantaisie
- Titre
- Double rubrique
- Boîte vidéo
- Compteur
- Compte à rebours
- Diviseur
Si vous voulez voir à quoi ressemble chaque widget, vous pouvez trouver des démos pour chaque widget. sur le site du développeur.
Modèles Premium
Outre les nouveaux widgets et add-ons, Premium Addons pour Elementor vous donne également accès à un ensemble de modèles premium que vous pouvez importer, tout comme les modèles Elementor principaux. Les modèles sont classés dans différents cas d'utilisation que vous pouvez filtrer à gauche:
Certains des modèles sont gratuits, mais la plupart nécessitent la version premium.
Marquage blanc
Enfin, avec la version premium, vous pouvez attribuer une marque blanche à l’interface Premium Addons for Elementor pour la remplacer par votre propre marque, ce qui est très agréable si vous construisez des sites Web clients.
Premium Addons pour Elementor Pricing
Vous pouvez utiliser gratuitement Premium Addons for Elementor avec la version disponible sur WordPress.org.
Pour accéder à la liste complète des widgets et des modules complémentaires, ainsi qu’à tous les modèles et à la fonctionnalité de marquage blanc, vous aurez besoin de la version Premium.
Il existe deux plans de licence annuels. Les deux sont complets – la seule différence est le nombre de sites:
- Site unique – 39 $
- Sites illimités – 79 $
Tous deux bénéficient d'un an d'assistance et de mises à jour, ainsi que d'une remise de 30% sur le renouvellement.
Ensuite, il y a aussi un plan de vie, qui, je le sais, plaira aux personnes qui construisent des sites Web pour gagner leur vie (vous adorez ces offres à vie!). Vous pouvez payer 199 $ pour durée de vie support et mises à jour et utilisation sur sites illimités.
Si vous travaillez avec un grand nombre de sites clients, je pense que c’est une bonne affaire qui va rapidement s’amortir.
Tous les plans viennent aussi avec un Garantie de remboursement de 14 joursvous ne risquez donc rien.
Travaux Pratiques avec des Compléments Premium pour Elementor
La version gratuite et la version premium du plug-in sont toutes deux installées sur mon site de test, prenons donc cet examen Premium Addons for Elementor et je vais vous montrer certains de mes widgets et add-ons préférés.
Comme il y a plus de 50 nouvelles options, je ne peux pas vous les montrer toutes. Mais je vais essayer de vous montrer quelques styles de widgets et d’add-ons différents pour vous donner une bonne idée de ce à quoi vous attendre de la collection entière.
Avis sur Facebook
le Facebook Commentaires widget vous permet d'afficher automatiquement les avis de toutes vos pages Facebook sous forme de widget dans Elementor. Le processus d’installation est simple: il vous suffit de suivre le processus d’authentification Facebook habituel pour pouvoir afficher les commentaires de n’importe quelle page Facebook:
Je n'ai pas de pages avec des critiques, mais vous pouvez visionner une démonstration ici. Les designs sont très beaux, et vous obtenez également des widgets pour les critiques Yelp et Google:
Défilement multiple
le Défilement multiple Ce widget vous permet de créer un effet de défilement multiple soigné basé sur le contenu d’un modèle Elementor ou d’un éditeur de texte. Celui-ci est un peu difficile à montrer via une capture d’écran car il implique un défilement, il faut donc jetez un œil à la page de démonstration en direct.
Hotspots d'image
le Hotspots d'image Le widget est un outil soigné qui vous permet de superposer du contenu sur une image. Par exemple, vous pouvez afficher une icône qui affiche une info-bulle en survol:
Vous pouvez également superposer du texte directement ou une image personnalisée.
Comparaison d'image
le Comparaison d'image Le widget est un autre moyen intéressant de travailler avec des images qui vous permet de comparer deux images différentes. Les visiteurs peuvent utiliser un curseur pour changer le rapport entre les deux images:
Graphiques
le Graphiques Le widget vous permet d'intégrer des tableaux et des graphiques directement dans vos conceptions Elementor. Vous pouvez choisir parmi différents types:
- Ligne
- Bar
- Barre horizontale
- Tarte
- Radar
- Donut
- Zone polaire
Ajout de sections
Celui-ci est un quatre-fer qui montre les quatre add-ons que vous pouvez appliquer aux sections Elementor régulières. Ces add-ons sont:
- Parallaxe
- Particules
- Gradient Animé
- Effet Ken Burns
Par exemple, si vous activez l'effet Ken Burns, vous pouvez ajouter un ou plusieurs éléments et configurer le fonctionnement de l'effet:
Modèles
Dans les captures d’écran ci-dessus, vous avez vu l’icône étoile orange à gauche du bouton normal Ajouter un modèle Elementor. Si vous cliquez sur ce bouton, vous ouvrirez tous les modèles Premium Addons for Elementor.
Un grand nombre de ces modèles ont pour objectif de vous aider à utiliser vos nouveaux widgets de manière intéressante, ce qui constitue une approche élégante pour vous aider à tirer le meilleur parti de vos nouveaux widgets.
Par exemple, celui-ci intègre le widget boîte modale:
Premium Addons pour Elementor Performance Test
Avec plus de 50 nouveaux widgets et add-ons, vous vous demandez naturellement si Premium Addons for Elementor va gonfler vos conceptions et ralentir votre site.
Je me demandais la même chose, alors découvrons-le…
Pour tester l’impact du plugin, j’exécuterai trois tests distincts:
- Une page avec seulement quelques widgets et addons Premium Elementor pour Elementor désactivé. C’est la page de contrôle que je vais tester.
- La même page, mais avec Premium Addons for Elementor activé. Avec ce test, je veux voir si Premium Addons for Elementor charge ses ressources sur chaque Page élémentaire.
- Une page qui échange ces principaux widgets Elementor avec Premium Addons pour les widgets Elementor. Je vais essayer d’utiliser des widgets qui se chevauchent pour un test correct. Par exemple, le plug-in Elementor principal et les Premium Addons pour Elementor ont des widgets de compte à rebours, ce qui me permet de voir comment chacun se compare du point de vue des performances.
Ma page de test a quatre widgets:
- Compte à rebours
- Tableau de tarification
- Compteur
- Témoignage
Les temps de chargement des pages ne me préoccupent pas trop, car j’utilise un environnement sandbox et exécute des tests ponctuels. Au lieu de cela, je cherche surtout à voir comment la taille de la page et le nombre de requêtes HTTP changent.
Test 1: Elementor et Elementor Pro – Page de contrôle (sans add-on premium)
- Taille de la page: 601 KB
- Demandes: 50
Test 2: Elementor et Elementor Pro – Page de contrôle (extensions Premium activées, mais non utilisées)
- Taille de la page: 631 KB
- Demandes: 51
Premium Addons pour Elementor charge sa feuille de style dans tout le site, que ce soit du contenu Elementor ou non, ce qui explique la demande supplémentaire et le petit saut de 30 Ko de la taille de la page.
Test 3: Remplacer les widgets Core Elementor par des extensions Premium
- Taille de la page: 606 Ko
- Demandes: 49
Comparativement à la page de test principale d’Elementor, Premium Addons for Elementor a réussi à créer une page similaire avec 1 demande de moins et 5 Ko supplémentaires. Je dirais donc qu’elle est à peu près équivalente au plug-in de base Elementor, ce qui est un bon signe.
Premium Addons pour Elementor est modulaire
Si les performances vous intéressent, vous aimerez l’approche modulaire Premium Addons for Elementor, qui vous permet d’activer ou de désactiver des widgets et des add-ons individuels selon vos besoins:
Premium Addons pour Elementor ajoute de nombreux bonus utiles pour étendre votre expérience de création de pages Elementor.
Les nouveaux widgets sont parfaits pour étendre les capacités de conception d'Elementor, et les modules complémentaires vous aident à créer des conceptions plus intéressantes avec des effets de particules, un défilement de parallaxe, etc.
De plus, vous obtenez également tous ces nouveaux modèles que vous pouvez utiliser pour gagner du temps.
Vous pouvez visionner une démo complète de tous les widgets et trouver plus d’informations sur le site Premium Addons for Elementor website. Ou, vous pouvez saisir la version gratuite sur WordPress.org.