Elementor Review (2021): Do you really like they say?
Nous avons été l’un des premiers sites à écrire des commentaires sur elementor. Plus de quatre ans se sont écoulés depuis. Pendant plus de quatre ans, nous les avons vus grandir incroyablement. Non seulement ils sont passés de zéro à plus de 700 000 installations actives (notre mise à jour de 2018) à plus de 5 millions d’installations (notre mise à jour de 2020), mais nous avons également vu l’équipe continuer à déployer un grand nombre de nouvelles fonctionnalités étonnantes à un rythme rapide. Comme elementor a publié tant de nouvelles fonctionnalités, nous avons décidé que nous devions mettre à jour nos commentaires à nouveau. Nous l’avons initialement publié en 2016. Nous l’avons ensuite mis à jour en 2018. Puis nous l’avons renouvelé en mai 2020… Nous revenons maintenant à la mise à jour d’octobre 2020 parce qu’ils viennent de sortir la version 3.0! Ce serait super si les gens d’elementor pouvaient ralentir pour que je puisse avoir un peu de temps libre, mais elementor continue à fournir de nouvelles fonctionnalités utiles pour de tels clips, ce qui est trop bon pour vous.
Dans nos commentaires, nous présenterons toutes les grandes fonctionnalités telles que: Theme Builder Dynamic content popup Builder woocommerce Builder fondamentalement, si elementor publie cette fonctionnalité avant octobre 2020, nous la présenterons dans ce commentaire. Prêt à regarder? Allons plus loin… Get elementor quel est le rôle de ce plug – in? Fondamentalement, elementor reste le générateur de pages WordPress. Si vous n’êtes pas familier avec ce terme, cela signifie que elementor peut vous aider à créer votre propre contenu et site Web en utilisant des contrôles simples de glisser – déposer et des aperçus visuels en temps réel du site, plutôt que de vous laisser plaisanter avec le code ci – dessous. Encore une fois:
Mettez vos pages ensemble comme des jouets lego. Il suffit de faire glisser et de déposer plusieurs éléments ensemble pour créer un design. Pas besoin de savoir.
Odis. Voir exactement ce que les visiteurs verront, afin que vous puissiez facilement savoir exactement à quoi ressemble le design que vous avez terminé. La plupart des non – développeurs aiment absolument les plug – ins de création de page parce qu’ils vous permettent de créer plus de contenu stylisé sans avoir à apprendre html \/ CSS. Vous pouvez même importer des modèles prédéfinis qui ont fait beaucoup pour vous. Le générateur de page élémentaire est entièrement gratuit. Vous pouvez déjà créer de très bonnes pages vous – même, en utilisant seulement la version gratuite.
Si vous avez acheté pro add – in, cet article se poursuivra ci – dessous, mais vous pouvez également accéder à: créer un sujet: créer un en – tête, un pied de page, une page d’archive, une seule page, et ainsi de suite en utilisant la même interface glisser – déposer que la sélection. Contenu dynamique: Vous pouvez insérer du contenu dynamique dans des champs personnalisés dans un projet. Popup Builder: Vous pouvez concevoir des popups flexibles et les afficher sur votre site Web. Woocommerce Builder: Vous pouvez concevoir des magasins et des pages d’archives pour votre magasin. Polices et couleurs globales: cela permet d’assurer facilement une conception cohérente du site et de modifier rapidement l’ensemble du site. Multi – éléments: obtenez beaucoup de nouveaux éléments utiles pour construire votre site Web. Modèles pro: Bien que la version gratuite inclue quelques modèles gratuits, la plupart des meilleurs modèles font partie de l’ajout pro. Widgets globaux: ils vous permettent de réutiliser le même Widget sur plusieurs pages, puis de l’éditer à partir d’un seul emplacement. CSS personnalisés en temps réel: ajoutez facilement des CSS personnalisés directement à partir de l’interface de l’élément. Il y a beaucoup de détails pointus sur le fonctionnement de l’interface principale, Mais regardons comment construire une page en utilisant le générateur de page d’élément gratuit d’un point de vue fondamental.
Lorsque vous lancez elementor pour la première fois, vous verrez un aperçu visuel en temps réel
Je peux ajouter de l’arrière – plan à ces éléments réels comme ça (c’est terrible, je veux juste le dire!) Mais la plupart du temps, ce n’est pas ce que vous voulez faire. Au lieu de cela, en éditant directement cette section, je peux ajouter l’arrière – plan cohérent suivant: L’article se poursuit comme suit: Vous pouvez le considérer comme une hiérarchie: une section contient une ou plusieurs colonnes. Chaque colonne peut ensuite contenir des widgets \/ éléments de zéro à infini. Une fois que vous vous Familiarisez avec les interactions entre ces différents éléments, vous serez en mesure de déverrouiller toutes les fonctionnalités de l’élément.
Maintenant que j’a I une introduction de base au fonctionnement de l’élément, regardons quelques fonctionnalités spécifiques de l’élément qui est passé de \
Liste ici. Révision: chaque fois que vous enregistrez ou Publiez du contenu, il est listé ici pour revenir à la version précédente en cliquant simplement sur: Bien que cette fonctionnalité soit disponible dans de nombreux constructeurs de page, elementor a fait preuve d’une grande flexibilité pour vous permettre de revenir aux versions précédentes. Modifier un modèle pour concevoir une page à partir d’une toile vierge est une fonctionnalité très simple… Mais c’est très important et c’est l’une des raisons pour lesquelles j’ai toujours aimé elementor. Si vous souhaitez créer une page d’atterrissage en utilisant page Builder, vous aurez besoin d’un moyen de cacher l’en – tête, le pied de page et la barre latérale du thème WordPress. Bien que vous puissiez trouver des sujets qui les rendent simples, la plupart des sujets ne fournissent pas cette fonctionnalité. Pour beaucoup d’autres générateurs de page, cela signifie que vous êtes malheureux. Mais avec elementor, vous pouvez travailler instantanément sur un tableau blanc en utilisant le modèle de toile elementor inclus: En général: elementor s’applique à tous les thèmes WordPress contemporains. Bibliothèques: les modèles pré – construits peuvent vous faire gagner beaucoup de temps parfois, vous ne voulez pas créer un projet entier à partir de zéro. Lorsque cela se produit, le modèle d’élément peut sauver la journée. Le modèle d’élément vous permet d’importer facilement un projet, puis de l’éditer à l’aide d’une interface d’élément normale. L’élément lui – même comprend une bibliothèque de modèles intégrée: Les modèles sont maintenant disponibles dans deux formats différents, une autre amélioration de l’élément 2.0: les blocs: Ce sont des parties de la page qui peuvent être combinées pour construire la page (un peu comme lego). Ils sont également utiles pour les fonctions architecturales thématiques. Pages: il s’agit de la conception complète de la page, tout est prêt pour vous. En plus du modèle fourni par l’élément, vous pouvez: enregistrer le dessin en tant que modèle pour réutilisation ultérieure
Ito importe des modèles d’éléments de sources tierces par exemple, easythemepacks vend des modèles d’éléments avancés que vous pouvez utiliser sur votre site (voir notre commentaire easythemepacks). Faites un clic droit et changez rapidement le navigateur la possibilité de faire un clic droit est l’une des choses que vous pourriez ne pas considérer beaucoup… Mais il est très utile d’accélérer votre plan. Heureusement, l’élément supporte entièrement le clic droit de la souris, de sorte que vous pouvez rapidement modifier les éléments copier les éléments copier et coller les éléments \/ styles (il est utile de pouvoir copier les styles entre les éléments afin que vous n’ayez pas à copier votre travail) Supprimer les éléments enregistrer les éléments en tant que Modèles globaux (en utilisant la version pro) Ouvrir le Navigateur En parlant de navigation… Navigateur est un outil très utile qui vous permet de zoomer et de voir la disposition générale d’un projet (ou Dom, si vous êtes un développeur). Pour modifier un élément spécifique, il suffit de cliquer dessus dans la liste du navigateur et l’élément ouvre ses paramètres dans la barre latérale. Vous pouvez également renommer des éléments dans le Navigateur pour vous aider à vous souvenir d’eux. Par exemple, vous pouvez appeler une section « section héros » afin que vous sachiez que tout le contenu se trouve dans la section héros du projet: Nouvelles fonctionnalités de création de thème dans elementor pro 2.0 si je vous dis que vous pouvez utiliser la même interface depuis le haut pour concevoir l’ensemble du site WordPress, vous pouvez changer les en – têtes, les pieds de page, les pages de blogs, etc… C’est marrant, hein? C’est là que les gens sont excités par elementor pro 2.0. Cette version ajoute une fonction de création de thème réaliste à l’élément. Cela signifie que vous pouvez essentiellement concevoir votre site WordPress à 100% en utilisant elementor. Elementor a même créé un thème gratuit pour le rendre le plus simple possible
En – tête, vous pouvez sélectionner l’option tout le site pour l’afficher n’importe où. Mais ces contrôles sont en fait très détaillés, par exemple, ils sont utiles si vous voulez seulement appliquer un modèle de billet spécifique à une catégorie spécifique de billets de blog: Une fois publiée, la Section des sujets commencera à travailler. Comme vous pouvez le voir, bien que je n’ai pas conçu un titre particulièrement bon, il a été diffusé en direct sur mon site Web: Créer des modèles pour des types de messages personnalisés jusqu’à présent, je me suis concentré sur la façon dont Theme Builder s’applique aux sites WordPress réguliers. Cependant, si vous créez un site de contenu personnalisé, une autre option puissante est la possibilité de créer des modèles pour les types de messages personnalisés. Ceci, combiné avec les fonctionnalités de contenu dynamique que je vous présenterai plus tard, vous permet de créer des sites WordPress vraiment personnalisés. Par exemple, si vous créez un site d’annonces immobilières, vous pouvez créer un type de message personnalisé pour votre page d’accueil et l’utiliser pour concevoir un modèle d’annonces immobilières: Encore une fois, pour vraiment profiter de la puissance de cette fonctionnalité, vous devez l’intégrer au contenu dynamique, donc Regardons – le dans un avenir proche. Inclure du contenu dynamique dans un projet de thème si vous souhaitez créer un site WordPress personnalisé, elementor inclut également une autre fonctionnalité puissante dans son générateur de thème: le contenu dynamique. Avec du contenu dynamique, vous pouvez insérer dynamiquement du contenu dans WordPress et \/ ou dans les champs personnalisés que vous ajoutez. Les possibilités de cette fonctionnalité sont illimitées et c’est pourquoi vous êtes vraiment autorisé à utiliser WordPress comme système de gestion de contenu entièrement service. Revenons à notre exemple d ‘annonces immobilières… Pour continuer à utiliser le type de poste personnalisé page d’accueil, vous pouvez avoir besoin de champs personnalisés qui contiennent les détails de la page d’accueil
Me: salle de bain de la chambre à coucher m (ou m!) Echetra. Avec la fonctionnalité dynamique, vous pouvez automatiquement importer ces détails dans le modèle d’accueil. L’élément entre ensuite les détails corrects pour chaque annonce à domicile et extrait automatiquement toutes ces informations des champs personnalisés. Sur mon site de test elementor Review, j’a i défini un type de message personnalisé et quelques champs personnalisés, et j’ai ajouté des champs personnalisés avancés. Voici à quoi je ressemble quand j’ajoute une nouvelle page d’accueil dans l’éditeur WordPress: Vous pouvez maintenant utiliser ces informations lors de la création de modèles en utilisant Theme Builder. Pour ajouter le titre et la description de la page d’accueil à partir de l’éditeur natif de WordPress, vous pouvez utiliser le titre général de l’article et le Widget contenu de l’article fourni par Theme Builder. Mais qu’en est – il des champs personnalisés? Pour les insérer, vous pouvez ajouter un éditeur de texte normal. Ensuite, dans l’éditeur de texte, cliquez sur le bouton dynamique, où vous pouvez sélectionner les champs ACF pour localiser les champs personnalisés. Vous pouvez ensuite sélectionner des champs spécifiques et pré – placer ou ajouter du contenu après les données: Regarde! Vous n’avez qu’à saisir dynamiquement le contenu des champs personnalisés dans votre conception. Si nécessaire, vous pouvez répéter cette procédure pour d’autres champs personnalisés. Vous pouvez également utiliser du contenu dynamique avec plus qu’un éditeur de texte. Par exemple, vous pouvez remplir dynamiquement une image dans un widget d’image, un arrière – plan, un curseur, etc. Numéro de compte à rebours ou liste de prix. Un lien (URL) dans un bouton ou un lien texte. Informations sur le Profil d’utilisateur de l’utilisateur connecté (par exemple, vous pouvez créer une page de profil d’utilisateur frontal). Dans l’ensemble, cette fonctionnalité est très flexible et est certainement l’une de mes fonctionnalités préférées dans elementor pro. Avec elle, vous pouvez utiliser WordPress p
Site WordPress. Plus maintenant! Inclut maintenant woocommerce Builder et Theme Builder. L’idée de base est exactement la même: il suffit d’appliquer le générateur de thème au magasin woocommerce et d’ajouter de nouveaux widgets pour tous les détails importants du magasin woocommerce. Avec elementor woocommerce Builder, vous pouvez concevoir des pages d’archives et des pages de produits individuels pour votre magasin. Une bonne chose est que vous pouvez créer plusieurs modèles pour vos produits, ce qui est particulièrement utile pour les magasins woocommerce, car utiliser la même mise en page pour tous les produits peut ne pas être le meilleur choix. Par exemple, vous pouvez utiliser: Model # 1 pour le produit dans la catégorie t – shirt Model # 2 pour le produit dans la catégorie sac pour votre page de produit individuelle, vous obtiendrez 13 nouveaux widgets pour gérer toutes les zones importantes: De même, vous recevrez de nouveaux widgets pour vous aider à construire vos propres pages d’archives de produits. Fondamentalement, vous pouvez utiliser elementor woocommerce Builder pour concevoir presque tout ce qui est pertinent pour votre produit de magasin. Cependant, deux pages importantes ne sont pas actuellement disponibles pour elementor woocommerce Builder: votre page panier. Votre page de paiement. Ainsi, même si vous utilisez elementor woocommerce Builder, vous souhaitez toujours utiliser un thème compatible woocommerce. Vous pouvez le faire: utilisez woocommerce Builder pour contrôler votre magasin, Catégorie et conception des produits individuels (et tout le contenu WordPress régulier. Utilisez le thème WordPress pour contrôler le panier et les pages de paiement. Popup Builder: créer des popups personnalisés après que l’équipe d’element a lancé le thème Builder en utilisant element 2.0, je pense qu’il s’applique au type de contenu que vous pouvez concevoir en utilisant element. J’ai tort… Element a démarré en janvier 2019 Ou un autre nouvel outil: popup Builder. Comme son nom l’indique, Pope
À l’arrière: la barre de notification du tapis d’accueil plein écran apparaît au centre et apparaît en haut ou en bas du coin eccetera. Dans l’ensemble, popup Builder est un outil puissant qui remplace complètement le besoin de plug – ins popup ou opt – in tiers. La seule fonctionnalité d’intégration manquante est pour l’analyse ou les tests A \/ B (bien que vous puissiez utiliser Google Analytics pour suivre les POP – ups d’événements). Voici comment fonctionne elementor popup Builder… Créer une nouvelle fenêtre contextuelle pour commencer, allez au modèle → fenêtre contextuelle → ajouter une nouvelle fenêtre. Comme pour les autres modèles d’éléments, vous pouvez commencer par un tableau blanc vierge ou choisir parmi un grand nombre de modèles pop – up prédéfinis: Une fois que vous avez sélectionné le point de départ, vous pouvez le modifier comme vous le feriez pour toute autre conception d’élément: La seule différence notable est que vous avez de nouvelles options pour contrôler la toile de la fenêtre pop – up, que vous pouvez accéder en cliquant sur l’icône Gear dans le coin inférieur gauche. Ces paramètres vous permettent de contrôler la taille (largeur \/ hauteur), la position, l’animation, etc. Par exemple, vous pouvez choisir entre un remplissage plein écran ou une barre de notification (ou beaucoup d’autres options). Sélectionnez la cible et les règles d’activation une fois que la fenêtre contextuelle a été conçue, vous pouvez cliquer sur le bouton publier pour sélectionner la cible et les règles d’activation. Les cartes sont divisées en trois. Dans l’onglet conditions, vous pouvez voir des POP – ups pour un type particulier de contenu WordPress. Vous pouvez cibler l’ensemble du site, ou en particulier: Tag Category post type author eccetera. Vous pouvez également cibler un seul contenu. Dans l’onglet déclencheurs, vous pouvez choisir quand afficher la fenêtre contextuelle: Ensuite, dans l’onglet règles avancées, vous pouvez sélectionner des règles cibles plus détaillées, y compris des options d’affichage \/ masquage
Pop – ups pour certains appareils et pop – ups pour masquer les utilisateurs connectés (ou les rôles d’utilisateur spécifiques): Avant même l’apparition de la nouvelle fonctionnalité Theme Builder, il y avait beaucoup de fonctionnalités utiles. Voici quelques – uns des meilleurs… 1. De nombreux widgets utiles (qui peuvent remplacer d’autres plug – INS) elementor pro a ajouté de nombreux nouveaux éléments utiles que vous pouvez utiliser dans votre projet: Ces éléments peuvent remplacer de nombreux plug – ins sur le site. Par exemple, vous pouvez facilement créer des éléments: le bouton de partage social de la liste de prix en forme de curseur, vous pouvez également obtenir des éléments pour vous aider à voir les derniers billets de blog (c’est ce que nous utilisons pour voir le contenu des derniers billets de blog sur la page d’accueil de wplift – voir), ainsi que des informations sur les produits woocommerce. Nous affichons ces messages via le Widget 2. Les widgets globaux sont utiles si vous devez réutiliser le même contenu sur plusieurs pages. En gros, vous pouvez insérer le même Widget global n’importe où. Par conséquent, pour mettre à jour chaque point où le Widget apparaît, vous n’avez qu’à modifier le Widget global une seule fois. Personnaliser un CSS en direct vous pouvez ajouter un CSS personnalisé directement à un widget, une section ou une colonne. Bien que de nombreux autres générateurs de page vous permettent d’ajouter des classes ou des id CSS, elementor vous permet d’écrire le code CSS réel sans quitter l’interface, ce qui est plus pratique: 4. Modèles professionnels Enfin, vous pouvez accéder à plus de modèles et de blocs de page, ce qui peut accélérer votre processus de conception. Les extensions d’éléments tiers rendent les choses encore plus intéressantes, et en plus de créer simplement des produits de première classe, je pense qu’une autre raison pour laquelle elementor est si réussi est que l’équipe elementor accueille
Entity to your site style Theme, but you just want to add a little Pop Music here and there, free version can do this. Cependant, si vous voulez vraiment créer un site Web et \/ ou essayer d’atteindre vos objectifs de marketing, vous devrez peut – être passer à elementor pro. Voici quelques cas où je pense que elementor pro brille vraiment… Si vous avez déjà eu l’impression que votre thème était limité par les options de conception, vous aimeriez elementor pro parce qu’il n’a essentiellement pas besoin d’un thème. Au lieu de cela, vous avez un contrôle total sur chaque pixel du site, et vous pouvez faire glisser et déposer toutes les opérations de l’interface visuelle de l’élément. Vous créez un site de contenu personnalisé si vous créez un site de contenu personnalisé, l’édition professionnelle est facile. Par \
La personnalisation dynamique est une vraie panacée car elle me permet enfin de profiter de la puissance de WordPress en tant que CMS complet. Gérer woocommerce Store si vous construisez woocommerce Store, Pro est aussi une affaire facile. Tout d’abord, vous pouvez accéder à woocommerce Builder, ce qui signifie que vous pouvez créer vos propres modèles pour les magasins et les pages de produits. Deuxièmement, même si vous prévoyez d’utiliser le thème pour un projet de magasin, vous pouvez toujours accéder à de nombreux widgets woocommerce dédiés qui peuvent être utilisés pour inclure des informations sur le produit dans un projet d’élément unique. Si vous êtes un commerçant, elementor pro offre un certain nombre de fonctionnalités qui peuvent vous aider à attirer plus de visiteurs. Tout d’abord, vous pouvez accéder au Widget module qui vous permet de créer une variété de formulaires Prospect. Il inclut l’intégration avec les fournisseurs de courrier électronique populaires et l’intégration zapier complète qui peut vous aider à vous connecter à d’autres services ou CRM. Bien sûr, vous pouvez utiliser d’autres plug – ins de modules et les ajouter à elementor, mais vous avez un accès facile à toutes les options de conception que elementor offre pour vos modules, c’est pourquoi j’aime les widgets de modules intégrés. Cependant, la fonction la plus puissante pour les spécialistes du marketing est probablement le générateur de fenêtres pop – up. Comme popup Builder vous permet d’accéder à l’interface complète de l’élément, vous pouvez l’utiliser pour tous les types de pop – ups, par exemple: CTA select join \/ Lead gens email Two – step select join (en cliquant sur activate pop – up), vous pouvez également obtenir un grand nombre de cibles et de Règles d’activation pour vous assurer que la bonne personne voit votre devis. Avec la fonctionnalité dynamique, vous pouvez également personnaliser les POP – ups pour les utilisateurs, ce qui est une autre façon d’augmenter les taux de conversion. En plus du Widget module, vous pouvez accéder à d’autres widgets Marketing tels que: compte à rebours pour augmenter l’urgence
Enfin, vous bénéficiez toujours de toute la flexibilité de conception globale de l’élément, ce qui signifie que vous pouvez facilement créer une page d’atterrissage sans travailler avec un développeur. Vous créez un site Web pour un client si vous créez un site Web pour un client, alors tout ce dont j’ai discuté ci – dessus est vrai. En outre, la version pro offre certains avantages, tels que: prix plus facile: parce que vous pouvez accéder à tant de fonctionnalités à un prix, vous pouvez optimiser le prix du projet. Par exemple, vous n’avez pas à payer séparément pour les plug – ins de module, les plug – ins de défilement, etc. Elementor pro inclut tout cela dans le prix. Mise à jour plus simple: Comme tout le contenu provient d’elementor pro (au lieu d’un tas de plug – ins séparés), votre client est moins susceptible de détruire le contenu pendant la mise à jour. Si vous craignez vraiment que les clients ne gâchent les choses, vous pouvez choisir de ne pas leur donner accès à l’élément. Au lieu de cela, vous pouvez insérer du contenu dans un champ personnalisé en utilisant du contenu dynamique. Vous pouvez ensuite permettre aux clients d’éditer ces champs personnalisés à partir de WordPress Backend security. Plus rapide que jamais en 3.0. Enfin, concluons notre revue avec une présentation rapide sur le rendement. La performance est l’un des problèmes souvent critiqués par les constructeurs de pages, y compris les éléments. Malheureusement, dans une certaine mesure, c’est juste quelque chose que vous devez gérer. Si vous voulez une interface visuelle simple glisser – déposer et que vous voulez tous ces effets visuels étonnants, vous n’obtiendrez pas une bibliothèque de code aussi propre que vous codez tout à partir de zéro. Cependant, certains constructeurs de page sont meilleurs en performance que d’autres, et les constructeurs de page peuvent encore faire quelque chose pour se rendre plus léger. À partir de l’elemento 3.0 publié en septembre 2020, elemento
Ils ont connu un grand succès et continuent d’offrir de nouvelles fonctionnalités (comme la création de thèmes récents). Comme le choix de WordPress page Builder est une décision à long terme, c’est une considération très importante. Vous souhaitez vous joindre à une équipe qui travaille avec elle depuis longtemps et continuer non seulement à maintenir le plug – in, mais aussi à l’améliorer. Bien qu’elementor ne soit certainement pas la seule équipe à répondre à ces critères (Divi Builder et Beaver Builder sont également des plug – ins de création de page très actifs, pour ne citer que deux exemples), je pense que l’équipe d’elementor a l’expérience la plus impressionnante de ces dernières années dans le lancement de nouvelles fonctionnalités utiles. Pour ces deux raisons, je pense que elementor est le meilleur générateur de page pour le moment et pour l’avenir. Obtenez elementor gratuitement obtenez elementor pro