Avec de plus en plus de plug – ins sur le marché chaque année, le secteur des générateurs de pages WordPress est plus chaud que jamais. Certains des principaux acteurs ont dépassé d’autres et nous aimerions comparer les meilleurs générateurs de pages WordPress. Dans cet article, nous comparons Beaver Builder et element. Nous examinons d’abord chaque plug – in, puis nous discutons en profondeur de ce qu’il fournit. Nous commencerons par les constructeurs de Castors. Qu’est – ce que Beaver Builder?
Beaver Builder est un plug – in pour la création de pages pour WordPress. Il a été développé en 2014 par Billy Young, Justin busa et Robby McCullough de fastline Media, une société de conception web.
Aujourd’hui, il gère plus d’un million de sites et la version gratuite maintient une note de 4,8 étoiles sur WordPress. Organisation. Ce plug – in vous permet de créer de belles pages d’atterrissage, des pages de contenu, etc., en utilisant un générateur visuel frontal intuitif. Il est compatible avec presque tous les sujets. Vous aurez plus de fonctionnalités et de support Premium dans la version Premium, mais nous le ferons. Qu’est – ce qu’elementor?
Aujourd’hui, il gère plus d’un million de sites et la version gratuite maintient une note de 4,8 étoiles sur WordPress. Organisation. Ce plug – in vous permet de créer de belles pages d’atterrissage, des pages de contenu, etc., en utilisant un générateur visuel frontal intuitif. Il est compatible avec presque tous les sujets. Vous aurez plus de fonctionnalités et de support Premium dans la version Premium, mais nous le ferons. Qu’est – ce qu’elementor?
Les cofondateurs Yoni luksenberg et Ariel klikstein ont lancé elementor en 2016 avec un générateur de page frontale gratuit. Peu de temps après, l’entreprise a lancé une version avancée pour fournir des modules avancés et un soutien aux utilisateurs.
Elementor se développe rapidement et est utilisé par plus de 2 millions de sites Web, et sa version gratuite maintient également une cote 4.8 étoiles sur WordPress. Organisation. Regardez l’éditeur: Beaver Builder vs element maintenant que la présentation est hors de contrôle, commençons notre activité principale. Nous examinerons chaque éditeur, le cadre d’examen, les options de style que vous pouvez ajouter, les modules qu’ils fournissent, le contenu que vous pouvez personnaliser, et plus encore. Commençons encore par Beaver Builder. Créer des pages visuelles en utilisant Beaver Builder
Elementor se développe rapidement et est utilisé par plus de 2 millions de sites Web, et sa version gratuite maintient également une cote 4.8 étoiles sur WordPress. Organisation. Regardez l’éditeur: Beaver Builder vs element maintenant que la présentation est hors de contrôle, commençons notre activité principale. Nous examinerons chaque éditeur, le cadre d’examen, les options de style que vous pouvez ajouter, les modules qu’ils fournissent, le contenu que vous pouvez personnaliser, et plus encore. Commençons encore par Beaver Builder. Créer des pages visuelles en utilisant Beaver Builder
Il est facile de commencer à utiliser Beaver Builder. Vous pouvez commencer à zéro et construire votre propre ligne de page P
Un article ou un poste particulier écrit par un auteur particulier. Si vous avez installé le plug – in woocommerce, il y a aussi un module woocommerce afin que vous puissiez voir les produits, les catégories de produits, les chariots et d’autres articles de commerce électronique sur la page générale.
Les options de style dépendent de ce que vous voulez personnaliser. Pour les lignes, vous pouvez choisir entre une largeur fixe et une largeur totale, spécifier une hauteur minimale, et même ajouter un fond basé sur la couleur, le gradient, l’image, la vidéo ou le type d’animation. Les couleurs de recouvrement et les effets de bord tels que l’inclinaison et les vagues sont également disponibles. Chaque module a de nombreux paramètres qui peuvent être personnalisés, y compris la couleur, la taille et le remplissage. Grâce à l’intégration de Beaver Builder avec les polices Google, vous pouvez choisir parmi des dizaines de polices. D’autres paramètres typographiques tels que les ombres de texte, les styles de texte et l’espacement sont également disponibles. Cet écran affiche certains paramètres du module d’action d’appel, y compris le titre, la disposition du texte et de l’image, le style typographique et la couleur du bouton, en ajoutant des images, en ajustant les marges et le remplissage, et en ajoutant une animation.
Un article ou un poste particulier écrit par un auteur particulier. Si vous avez installé le plug – in woocommerce, il y a aussi un module woocommerce afin que vous puissiez voir les produits, les catégories de produits, les chariots et d’autres articles de commerce électronique sur la page générale.
Les options de style dépendent de ce que vous voulez personnaliser. Pour les lignes, vous pouvez choisir entre une largeur fixe et une largeur totale, spécifier une hauteur minimale, et même ajouter un fond basé sur la couleur, le gradient, l’image, la vidéo ou le type d’animation. Les couleurs de recouvrement et les effets de bord tels que l’inclinaison et les vagues sont également disponibles. Chaque module a de nombreux paramètres qui peuvent être personnalisés, y compris la couleur, la taille et le remplissage. Grâce à l’intégration de Beaver Builder avec les polices Google, vous pouvez choisir parmi des dizaines de polices. D’autres paramètres typographiques tels que les ombres de texte, les styles de texte et l’espacement sont également disponibles. Cet écran affiche certains paramètres du module d’action d’appel, y compris le titre, la disposition du texte et de l’image, le style typographique et la couleur du bouton, en ajoutant des images, en ajustant les marges et le remplissage, et en ajoutant une animation.
Bien que chaque ligne et module ait son propre ensemble de styles que vous pouvez personnaliser, presque tous les modules ont le même ensemble d’options personnalisées avancées. Ils incluent l’option de spécifier des marges personnalisées et des espaces internes pour chaque taille de périphérique, animation, et si vous voulez ajouter des règles personnalisées pour faire plus que ce qui est autorisé par les paramètres, vous pouvez également spécifier des id personnalisés et des classes CSS.
Les options avancées comprennent également une fonction de visibilité unique qui vous permet de contrôler quels modules sont affichés pour une taille d’écran spécifique et pour l’utilisateur.
Que se passe – t – il lorsque vous fermez l’éditeur? Constructeur de pages multiples pour
Ils sont critiqués pour avoir essentiellement « empêché » les utilisateurs de les utiliser à jamais. Oui, vous pouvez désactiver ces plug – ins, mais comme la plupart d’entre eux dépendent fortement du Code court, chaque page et post que vous créez perd son contenu visible lorsqu’il est désactivé.
Que se passe – t – il lorsque vous fermez l’éditeur? Constructeur de pages multiples pour
Ils sont critiqués pour avoir essentiellement « empêché » les utilisateurs de les utiliser à jamais. Oui, vous pouvez désactiver ces plug – ins, mais comme la plupart d’entre eux dépendent fortement du Code court, chaque page et post que vous créez perd son contenu visible lorsqu’il est désactivé.
Les constructeurs de Castors sont différents. Conservez le texte que vous avez ajouté au lieu de tout masquer dans le Code court. L’image que j’ai ajoutée à la page dans la capture d’écran ci – dessus peut avoir été supprimée, mais les utilisateurs et les robots moteurs de recherche peuvent encore lire la page.
Beaver Builder dispose de nombreuses solutions tierces pour cela. Certains sont avancés, d’autres se trouvent dans la Bibliothèque de plugins WordPress. Éditeur frontal de l’élément
Beaver Builder dispose de nombreuses solutions tierces pour cela. Certains sont avancés, d’autres se trouvent dans la Bibliothèque de plugins WordPress. Éditeur frontal de l’élément
En comparant les captures d’écran de l’éditeur, vous pouvez voir les similitudes et les différences entre les deux éditeurs. Bien que Beaver Builder utilise de petits pop – ups pour afficher ses paramètres, elementor utilise des barres latérales pour masquer et afficher les barres latérales en cliquant simplement sur un bouton. Comme Beaver Builder, vous pouvez créer vos propres pages ou importer des modèles à partir de zéro. Le concept général de création de page est similaire parce que vous ajoutez des colonnes à une section et des modules à une colonne.
Modules
Modules
Elementor fournit plus de 90 modules de contenu appelés widgets. Comme Beaver Builder, vous permet d’ajouter des éléments de contenu standard à une page, en commençant par la collection de formulaires de base. Il s’agit notamment de titres, d’images, de cartes Google, d’icônes, de boutons, etc. Les modules génériques vous permettent d’accéder à des éléments de contenu complexes tels que des références, des compteurs, des barres de progression, des curseurs et des bibliothèques d’images. Le module pro vous permet d’accéder à des modules spécifiques à l’entreprise tels que les éléments d’invitation à l’action, les modules, les listes de prix, les listes de prix et les commentaires. Vous pouvez également les utiliser pour afficher vos messages. Module woocommerce disponible ANc
Si vous avez installé le plug – in woocommerce. Certains sujets et plug – ins tiers ont ajouté leurs propres modules d’éléments. Il comprend des boutons de partage social simples et des modules sur des sujets spécifiques. Chaque colonne et module a trois ensembles de paramètres configurables. Le premier est la disposition (pour les colonnes) ou le contenu (pour les modules). Les paramètres de mise en page vous permettent de configurer la façon dont les colonnes et les sections sont affichées. Les paramètres de contenu vous permettent d’ajouter du texte, de configurer des composants spécifiques au module, tels que les numéros de début et de fin des modules de compteur, de réaliser des animations, etc.
Si vous avez installé le plug – in woocommerce. Certains sujets et plug – ins tiers ont ajouté leurs propres modules d’éléments. Il comprend des boutons de partage social simples et des modules sur des sujets spécifiques. Chaque colonne et module a trois ensembles de paramètres configurables. Le premier est la disposition (pour les colonnes) ou le contenu (pour les modules). Les paramètres de mise en page vous permettent de configurer la façon dont les colonnes et les sections sont affichées. Les paramètres de contenu vous permettent d’ajouter du texte, de configurer des composants spécifiques au module, tels que les numéros de début et de fin des modules de compteur, de réaliser des animations, etc.
Le style de la plupart des modules est très conservateur. Vous pouvez configurer la police, la couleur et la taille de la police, l’image ou la couleur de fond, les paramètres de bordure, l’espacement intérieur, et plus encore. Options avancées de personnalisation et de désactivation la plupart des modules ont le même ensemble d’options dans l’onglet avancé. Il s’agit notamment des paramètres de marge et d’espacement interne en pixels ou en pourcentage, ainsi que de l’ID et de la classe CSS. Vous pouvez également animer des modules qui n’ont pas de paramètres d’animation sur l’onglet style dans la section effets de mouvement. Il existe également des options de bordure, la possibilité de cacher des modules individuels sur des appareils spécifiques et de personnaliser le mini – éditeur CSS.
Comme Beaver Builder, elementor ne court pas le contenu lorsque vous le fermez. Sur ma page d’essai, il convertit mes boutons en liens texte et insère des images dans la galerie. Modèles Beaver Builder et elementor nous avons expliqué comment Beaver Builder et elementor vous permettent de commencer à utiliser des modèles prédéfinis, mais nous n’avons pas détaillé les types de modèles disponibles pour chaque produit. Le modèle est la page par défaut et peut être importé dans l’éditeur que vous utilisez. Ce sont des pages entièrement structurées
Sites Web, comme les polices et les couleurs. Le plug – in Beaver Builder page Builder s’applique à la plupart des sujets, mais si vous avez acheté une licence pro ou plus pour Beaver Builder, vous pouvez accéder aux sujets Beaver Builder. Ce thème a un codage fiable, une performance rapide et est optimisé pour le référencement. Le sujet a 10 mises en page prédéfinies d’en – tête et de pied de page et des couleurs par défaut, mais vous pouvez utiliser vos propres paramètres pour outrepasser l’un d’eux. Il vous permet également de contrôler certains paramètres par défaut appliqués au plug – in Beaver Builder, tels que la police et la couleur par défaut. Si woocommerce est installé, les paramètres correspondants sont disponibles. L’élément n’a pas de thème officiel. Le thème le plus proche est le thème nu créé pour les développeurs. Cependant, en raison de la nature open source des plug – ins, il existe des dizaines de thèmes tiers gratuits et de haute qualité à choisir. Les deux plug – ins sont lancés gratuitement et vous permettent de déverrouiller plus de fonctionnalités pendant la mise à niveau. Jetons un coup d’oeil au plan fourni par chaque solution et à ce que vous en retirez. Castor Builder
Sites Web, comme les polices et les couleurs. Le plug – in Beaver Builder page Builder s’applique à la plupart des sujets, mais si vous avez acheté une licence pro ou plus pour Beaver Builder, vous pouvez accéder aux sujets Beaver Builder. Ce thème a un codage fiable, une performance rapide et est optimisé pour le référencement. Le sujet a 10 mises en page prédéfinies d’en – tête et de pied de page et des couleurs par défaut, mais vous pouvez utiliser vos propres paramètres pour outrepasser l’un d’eux. Il vous permet également de contrôler certains paramètres par défaut appliqués au plug – in Beaver Builder, tels que la police et la couleur par défaut. Si woocommerce est installé, les paramètres correspondants sont disponibles. L’élément n’a pas de thème officiel. Le thème le plus proche est le thème nu créé pour les développeurs. Cependant, en raison de la nature open source des plug – ins, il existe des dizaines de thèmes tiers gratuits et de haute qualité à choisir. Les deux plug – ins sont lancés gratuitement et vous permettent de déverrouiller plus de fonctionnalités pendant la mise à niveau. Jetons un coup d’oeil au plan fourni par chaque solution et à ce que vous en retirez. Castor Builder
Note: capture d’écran de mai 2019; Peut ne pas refléter les prix actuels. La version gratuite de Beaver Builder est disponible directement à partir de la Bibliothèque de plugins WordPress. Vous remarquerez qu’il fournit six modules de base, mais avec un support limité. La mise à niveau vers n’importe quel programme avancé vous permet d’obtenir un soutien avancé et d’utiliser tous les modules et modèles avancés sur un nombre illimité de sites. La licence pro de niveau 2 vous permet d’accéder aux thèmes Beaver Builder et aux fonctionnalités Multi – sites. La licence proxy ajoute des étiquettes blanches et des fonctionnalités plus complexes à votre réseau Multi – sites. Les prix sont de 99 $, 199 $et 399 $par niveau, et chaque programme est renouvelé chaque année à un rabais de 40%. Élément
Note: capture d’écran de mai 2019; Peut – être pas.