Beaver Builder vs Elementor : Un seul est bon pour vous (2024)

Beaver builder contre Elementor

Quels sont les deux constructeurs de pages les plus populaires pour WordPress ? Si vous recherchez un Beaver Builder Comparaison entre Elementor et Elementor, vous le savez déjà, ce sont deux des meilleurs produits du marché !

En tant qu'utilisateur final souhaitant pouvoir concevoir vous-même votre site Web, nous sommes sûrs que vous savez que ces plugins font partie de vos meilleurs choix parmi les nombreuses options disponibles.

Il existe cependant certaines différences que vous devez connaître avant de faire votre choix.

Ces deux produits ont leurs nuances et leurs cas d’utilisation idéaux qui pourraient vous aider dans votre décision.

Parce que, une fois que vous avez pris une décision, vous vous engagez principalement sur le long terme. Il n’y a (presque) pas de retour en arrière. Faire le bon choix est essentiel! 

Table des matières[Afficher]

Votre décision compte.

Si vous créez des pages à l'aide d'un constructeur de pages et décidez ensuite de passer à un autre, votre contenu sera préservé mais vous vous retrouverez avec une mise en page désordonnée ainsi que des codes courts dispersés partout.

Il peut être très fastidieux et long de tout reconstruire.

C'est pourquoi il est important de réfléchir le plus tôt possible au constructeur de pages que vous allez utiliser.

Nous allons passer en revue les fonctionnalités des deux plugins et les comparer afin que vous puissiez prendre cette décision avant de commencer à créer.

Mais vous avez peut-être une question en tête en ce moment.

Si l'utilisation de plugins de création de page rend votre site dépendant dessus, pourquoi en utiliser un ?

Discutons-en rapidement ensuite.

Si vous êtes impatient de lancer la comparaison, vous pouvez passer directement à Elementor vs Beaver Builder sections.

Ce Beaver Builder L'article du plugin vs Elementor a été mis à jour en mai 2024, ajoutant des informations et des mises à jour pertinentes et importantes à mesure que de nouvelles fonctionnalités sont développées et publiées pour les deux produits. Vous pouvez être assuré que cet article contient les informations les plus récentes et impartiales.

Beaver Builder contre Elementor

Élémentor et Beaver Builder sont tous deux des outils puissants pour la conception de sites. Elementor a une version gratuite, mais c'est dans la version Pro (49 $) qu'il excelle avec un ensemble complet d'éléments et une bibliothèque de modèles.

Beaver Builder est une excellente alternative grâce à sa simplicité et sa facilité d’utilisation.

  élémentor contre beaver builder beaver builder contre élémentor
En Conclusion:  5/5  4.5/5
Gagnant ?????  
Prix À partir de 59 $ / an $99
Version gratuite Oui Oui
Editeur en temps réel Oui Oui
Frontend/Backend Les deux Les deux
Public cible Développeur / Designer / Utilisateur / Agence Web Developer / Designer
Éléments pris en charge 80+  31 
Code propre Oui Oui
Modèles / mises en page prédéfinis 300+ 50+
Fonctionnalité cool Contenu dynamique Castor Themer
Performance
Ce que nous avons aimé  Solution très puissante pour créer tout type de site  Une interface utilisateur simple
   Options de gestion de la mise en page supérieures  Le contenu reste intact même après la désactivation
   Prix ​​attractif avec accès  Mode éditeur unique pour les clients
   Générateur de pages le plus populaire pour une raison  Vous permet d'utiliser des widgets WordPress dans les mises en page
Ce que nous n'avons pas aimé    Plus cher que les autres constructeurs de pages
Site Web Visitez Elementor Visiter Beaver Builder 

Qu'est-ce qu'un constructeur de pages ?

Les constructeurs de pages promettent de rendre la conception de votre site Web beaucoup plus facile et less compliqué.

Ils vous permettent de créer et de concevoir des pages qui ressemblent exactement (ou du moins aussi près que possible) à ce que vous avez envisagé, sans avoir à vous soucier du code.

Ceci est contraire à ce qui était la norme il y a quelques années encore, où être programmeur, ou du moins avoir de bonnes connaissances en technologie web, était indispensable pour développer un site internet !

Avec l'avènement des constructeurs de pages, il n'est plus nécessaire de embaucher des développeurs Web pour effectuer tout sauf le codage le plus personnalisé.

L’essentiel est que les concepteurs de sites Web et les créateurs de pages continueront de coexister dans un avenir prévisible.

Lire la suite: Découvrez notre nouvel Assistant Pro avis - un outil pour les concepteurs de sites Web.

Pourquoi utiliser un constructeur de page ?

Il y a de nombreuses raisons pour lesquelles vous voudriez utiliser un plugin de création de page:

Un package complet

Tout d’abord, un constructeur de pages est comme un plugin « tout-en-un ». Ils contiennent des boutons, des diaporamas, des formulaires de contact, des galeries, des grilles de contenu, des boutons de partage social, etc., le tout dans un seul package.

Si vous n'utilisez pas de générateur de pages, vous devrez plutôt installer plusieurs plugins, un pour chaque besoin spécifique.

À mesure que vos besoins augmentent, vous devrez peut-être installer de nombreux plugins différents. Si vous décidez d’opter pour des plugins premium, les frais de licence commenceront à s’accumuler.

Et puis il y a la question de la recherche du meilleur plugin, ainsi que le travail de maintenance qui accompagne l'installation de tant de plugins.

En termes simples, les constructeurs de pages sont dans l'ensemble pratique et moins cher.

éléments

Modèles et mises en page

La raison suivante est la plus évidente. C'est aussi la principale raison pour laquelle vous utiliseriez un générateur de pages WordPress, de superbes modèles et mises en page personnalisés.

Bien que nous puissions obtenir des thèmes premium qui nous offriront de nombreuses fonctionnalités et options de personnalisation, la plupart du temps, il n'y a pas beaucoup de thèmes qui répondent à TOUTES nos exigences de conception.

La plupart des modèles satisferont la plupart de nos besoins. Les constructeurs de pages WordPress aiment Beaver Builder et Elementor vous donnent les outils pour satisfaire tous vos besoins.

Il n'y a aucune limite à ce que vous pouvez créer avec un générateur de pages.

Vous pouvez personnaliser vos pages comme vous le souhaitez et, dans certains cas, même l'intégralité de votre thème.

Il existe également des modèles prédéfinis qui vous faciliteront la vie.

Ceux-ci sont sites et pages entièrement développés, que vous devez UNIQUEMENT personnaliser avec votre contenu.

Modèles de mise en page

Pas besoin de savoir coder

Bien que vous puissiez améliorer encore davantage les constructeurs de pages en créant des conceptions plus personnalisées en sachant écrire du HTML et du CSS, cela n'est PAS nécessaire.

La plupart des constructeurs de pages, comme Elementor et Beaver Builder, sont livrés avec une interface glisser-déposer qui vous aide à créer facilement des pages sans aucune connaissance de ce qu'est un la balise le fait.

Maintenant que c'est réglé, passons à la comparaison des Beaver Builder vs constructeurs de pages Elementor.

Qu'est-ce qu'Elementor ?

Elementor est l’un des créateurs de pages glisser-déposer les plus établis pour WordPress. Il a été lancé en 2016 et n’a cessé de se renforcer.

Il est si populaire que lorsque quelqu'un pense à un constructeur de pages, il pense automatiquement à Elementor. Il est considéré comme le générateur de pages par glisser-déposer « original » qui a ouvert le monde de la création de sites Web à tout le monde.

Il propose une version gratuite avec de nombreux outils pour aider à créer et personnaliser des sites Web et propose des milliers de thèmes créés avec ou qui le prennent en charge.

Elementor Pro est la version premium. Il ajoute plus de blocs, de modèles et d'outils. Il est largement inutile pour les particuliers ou les amateurs, mais offre beaucoup de pouvoir et de flexibilité aux agences.

Quel est Beaver Builder?

Beaver Builder est en fait antérieur à Elementor, ayant été lancé en 2014. Il n’a pas fait le même bruit qu’Elementor et n’a toujours pas le même profil.

Comme vous le verrez bientôt, cela dépend davantage de la façon dont les deux sont promus et n'a rien à voir avec la qualité ou la fonctionnalité !

Beaver Builder a une version gratuite de base et plusieurs versions premium. La version gratuite est plutôt bonne mais n'a pas le même nombre d'éléments gratuits que son concurrent.

Mais Beaver Builder est stable et léger, deux choses que nous apprécions tous.

La conception de l’interface utilisateur est également très bonne.

Élémentor contre Beaver Builder: L'interface

L’interface utilisateur est l’un des éléments les plus importants à prendre en compte lors du choix d’une application ou d’un logiciel.

Bien qu'il s'agisse principalement de préférences personnelles, il peut être difficile d'utiliser une application dont l'interface n'est pas celle à laquelle vous êtes habitué ou qui ne vous convient pas.

L'interface seule ne rend pas un plugin génial. Il y a d'autres choses à considérer comme la disponibilité des fonctionnalités et des modules, alors assurez-vous de lire jusqu'au bout avant de prendre votre décision.

Commençons par l'interface d'Elementor.

L'interface Elementor

L'interface d'Elementor est divisée en deux sections principales. La barre latérale, qui se trouve sur la gauche, et l'aperçu en direct de votre site / page.

Téléchargez la version gratuite d'Elementor

La barre latérale contient le WordPress widgets et les éléments que vous pouvez utiliser pour créer vos pages avec les paramètres que vous pouvez ajuster.

interface elementor

Vous pouvez ajouter des éléments à vos pages en les faisant glisser et en les déposant dans l'aperçu en direct. Par exemple, nous avons ajouté une rubrique supplémentaire sur notre site d'exemple:

élément glisser-déposer ou

L'édition de texte est facile. Cliquez simplement sur n'importe quel élément de texte de votre site et modifiez-le directement.

élément d'édition de texte

Vous pouvez également modifier le texte via la barre latérale.

élément d'édition de texte ou barre latérale

Enfin, en bas, vous pouvez accéder à des paramètres supplémentaires.

elementor plus d'interface

 

  • Paramètres généraux - C'est ici que vous pouvez voir des informations sur la page WordPress actuelle, telles que le titre de la page, l'image sélectionnée, son statut de publication, etc.
  • Navigator - Fait apparaître une fenêtre contextuelle affichant un panneau d'arborescence de navigation facilitant la navigation.
  • Histoire - Si vous souhaitez revenir à une révision précédente, vous pouvez cliquer ici. Notez que cela affiche uniquement les modifications que vous avez apportées au cours de la session en cours.
  • Mode réactif - Vous permet de voir à quoi ressemblera votre site Web sur différents appareils et résolutions d'écran.

Si vous survolez un élément et cliquez avec le bouton droit de la souris, vous pouvez accéder à diverses options:

élément de clic droit

Le menu contextuel vous permet de supprimer un élément, de le visualiser dans le navigateur, de l'enregistrer en tant qu'élément global (version pro uniquement), de le dupliquer et plus encore.

Maintenant que nous avons vu l'interface principale d'Elementor, regardons Beaver Builder suivant.

L’organisme de bienfaisance Beaver Builder Interfaces

Beaver BuilderL'interface de est plus minimaliste que celle du constructeur Elementor. 

Cliquez ici pour une démo en direct

Lorsque vous modifiez une page WordPress via Beaver Builder, voici ce que vous verrez :

interface castor

En haut, vous avez le Beaver Builder barre affichant des informations minimales mais essentielles sur votre page actuelle.

Pour ajouter un élément, vous cliquez sur le bouton «+Bouton ”situé dans le coin supérieur droit.

modules de castor

Pour ajouter un élément, ou un « module » à utiliser Beaver Builderla terminologie de , vous pouvez simplement le faire glisser et le déposer.

castor glisser-déposer

Vous avez peut-être remarqué que Beaver BuilderL'éditeur de texte de est légèrement différent de celui d'Elementor.

Nous pouvons voir sur le GIF ci-dessus que nous aurons un éditeur contextuel lors de l'édition du texte.

Vous pouvez également cliquer sur un module de texte pour le modifier, ce qui, encore une fois, fait apparaître l'éditeur de texte contextuel.

éditeur de texte castor

Si vous n'aimez pas cette fonction de fenêtre contextuelle, vous pouvez faire glisser l'éditeur de texte vers la gauche ou la droite de l'écran pour l'épingler.

Une fois cela fait, vous pourrez également effectuer des modifications en ligne.

éditeur de texte castor personnalisé

Notez que l'épinglage de cet éditeur de texte épinglera également tout, ce qui le fera ressembler au générateur Elementor en termes de mise en page.

interface de castor personnalisée

Beaver Builder a maintenant la même disposition que Elementor. Si vous préférez, vous pouvez le déplacer vers la droite en le faisant glisser et en l'épinglant.

Enfin, nous avons des paramètres supplémentaires en cliquant sur le bouton fléché vers le bas situé dans le coin supérieur gauche de l'écran.

Paramètres supplémentaires du castor

Interface-Conclusion

Les deux plugins offrent des mises en page et des performances d’édition presque identiques.

En termes d'apparence, Beaver Builder a l'avantage d'avoir un look beaucoup plus épuré, même si cela peut être juste une préférence personnelle.

Glisser et déposer des éléments est également un peu plus précis et plus facile dans Beaver Builder que dans le plugin Elementor.

Modules et widgets

Elementor appelle ses éléments « widgets » tandis que Beaver Builder les appelle "modules".

Ce sont les éléments de base que les créateurs de pages WordPress peuvent utiliser pour créer le contenu de votre page.

Ils incluent du texte, des titres, des boutons, des galeries et d'autres éléments. Dans les exemples précédents, vous avez vu les éléments de texte et de titre.

Voyons combien d'autres éléments ces plugins ont à offrir.

Éléments Elementor : sections, colonnes et widgets

Le générateur Elementor comprend trois types d'éléments:

  1. sections
  2. Colonnes
  3. Widgets

La section est la plus élevée de la hiérarchie du générateur. Chaque colonne et chaque widget existent dans une section.

La colonne est la deuxième de la hiérarchie. Chaque widget vit dans une colonne. Les widgets sont les plus bas de la hiérarchie.

Les widgets sont votre contenu tel que des boutons, du texte et des images. Les sections et les colonnes servent à créer différentes mises en page.

Elementor vous propose 50 widgets à utiliser dans la version gratuite et plus de 60 widgets WordPress dans la version Pro.

Ces chiffres ne cessent d'augmenter à mesure que de nouvelles versions sont publiées, alors cliquez ici pour vérifier les derniers chiffres.

Dans le GIF ci-dessous, vous pouvez voir comment nous avons ajouté une section, puis nous avons placé une colonne « à deux colonnes » à l'intérieur de la section et enfin ajouté des widgets à l'intérieur des colonnes.

Vous pouvez ajouter plusieurs widgets dans une colonne, que vous verrez dans le deuxième GIF ci-dessous qui montre le style.

widgets de colonnes de sections elementor

L'application de styles à la section affecte tout ce qui s'y trouve.

La même chose s'applique aux colonnes, mais cela n'affectera rien en dehors et tout style que vous appliquez à un widget reste le même.

sections colonnes widgets hiérarchie

 Vous avez peut-être remarqué comment vous pouvez cliquer avec le bouton droit sur un élément pour le modifier, le dupliquer ou le supprimer.

C'est une action très pratique.

élément ou menu contextuel

Maintenant que vous avez un bon aperçu des éléments d’Elementor. Vérifions Beaver Builder.

Beaver Builder Éléments : lignes, colonnes et modules

Comme le plugin précédent, Beaver Builder divise également ses éléments en trois catégories :

  1. rangées
  2. Colonnes
  3. Modules

Les lignes sont les plus hautes de la hiérarchie. Les colonnes vont à l’intérieur des lignes, puis les modules vont à l’intérieur des colonnes. Les modules constituent votre contenu réel, tandis que les colonnes et les lignes sont destinées à des fins de mise en page.

Beaver BuilderLa version gratuite de vous offre 6 modules tandis que la version pro vous offre 30 modules avec lesquels jouer.

Dans le GIF ci-dessous, nous utilisons le générateur pour ajouter une ligne contenant trois colonnes et remplir les colonnes avec divers modules différents.

module de colonnes de lignes

Le style fonctionne de la même manière qu’Elementor.

Les styles appliqués dans les lignes sont également appliqués dans les colonnes et les modules. Les styles appliqués dans les colonnes affectent les modules et vous pouvez définir individuellement des styles spécifiques aux modules.

style de module de colonnes de ligne

Contrairement à Elementor, Beaver Builder n'a pas d'options de clic droit personnalisées. Vous devez survoler un élément pour pouvoir effectuer des actions dessus.

clic droit castor

Modules et widgets - Conclusion

Les deux plugins fonctionnent à peu près de la même manière.

Ils offrent tous deux des moyens simples de créer une mise en page pour vos pages.

Elementor, cependant, rend les choses un peu plus faciles en disposant d'un menu contextuel sur chaque élément qui vous permet d'accéder directement à ses paramètres.

Quant au nombre de modules disponibles, il semble qu'Elementor ait l'avantage sur Beaver Builder, surtout dans la version gratuite.

Stylisme

Comme vous l'avez vu plus tôt, Elementor et Beaver Builder offrent un contrôle précis sur les options de style.

Vous pouvez appliquer des styles à des sections ou des lignes ou les affiner et faire en sorte que les widgets ou modules individuels aient leur propre style.

Explorons un peu plus les options de style.

Options de style Elementor

Avant de vérifier les options de style disponibles dans l'éditeur lui-même, jetons un coup d'œil aux paramètres de style d'Elementor qui peuvent être trouvés dans Elementor> Paramètres.

options de style elementor

Dans le Général paramètres, vous pouvez configurer s'il faut désactiver les couleurs et les polices par défaut d'Elementor.

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Style onglet, vous pouvez configurer divers autres paramètres de conception.

style des paramètres de l'élément ou

Comme vous pouvez le constater, vous pouvez affiner de nombreuses options de style sur cette page.

Passons aux options de style de l'éditeur.

Options de style d'élémentor

Les options de style disponibles restent à peu près similaires pour la plupart des éléments d'Elementor.

Ci-dessous, vous pouvez voir les options de style de base pour l’élément de titre.

styles d'élémentor

Au fait, vous avez peut-être remarqué que le style et la couleur de la police ont changé - c'est parce que nous venons d'activer le Désactiver les couleurs par défaut et Désactiver les polices par défaut dans les paramètres d'Elementor.

Désormais, il hérite des couleurs et des polices du thème au lieu d'utiliser ses couleurs personnalisées (que vous pouvez voir dans nos exemples précédents).

Revenons aux options de style qui s'offrent à nous.

Ci-dessus, nous avons :

  • Couleur du texte
  • Typographie
  • Ombre de texte
  • Mode de fusion

Options de style avancées d'Elementor

Si vous pensez que cela ne suffit pas, vous pouvez accéder à l'onglet Avancé pour plus d'options.

styles avancés elementor

Ici, vous pouvez tout configurer, depuis les marges et remplissages personnalisés, les effets de défilement, les paramètres d'arrière-plan, etc.

Vous pouvez également appliquer un CSS personnalisé si vous le souhaitez (ceci n'est disponible que dans la version Pro).

L'une des caractéristiques uniques d'Elementor est la possibilité de définir des valeurs personnalisées pour différentes tailles d'écran, comme vous pouvez le voir ci-dessous:

styles réactifs avancés

Cela vous donne un contrôle plus fin sur la façon dont votre contenu est affiché sur différents appareils et résolutions d'écran.

Beaver Builder Options de style

Contrairement à Elementor, Beaver Builder hérite des polices et de la couleur de votre thème par défaut. Cela permet une cohérence hors de la boîte.

Beaver BuilderLes options de style varient en fonction de l'élément, mais en gros, vous avez style, séparateur, typographie, et Avancée options.

Styles

styles de castor

Le style les paramètres sont affichés lorsque vous modifiez une ligne ainsi que d'autres éléments tels que des boutons.

Vous pouvez trouver des options pour :

  • Largeur
  • Largeur du contenu
  • Hauteur
  • Couleurs telles que la couleur du lien, la couleur du texte, la couleur du survol du lien, etc.
  • Type d'arrière-plan, couleur et opacité
  • Frontière

L'application de couleurs, comme les couleurs du texte, des liens et du survol, sera appliquée à chaque élément à l'intérieur de la ligne.

Cependant, vous pouvez remplacer ces paramètres en définissant des valeurs personnalisées par élément.

styles avancés de castor

Dans le Avancée paramètres, vous pouvez trouver des options pour:

  • espacement
  • Mise sensible
  • Visibilité
  • Élément HTML - vous pouvez définir un ID HTML personnalisé et une classe pour un élément spécifique pour une personnalisation plus poussée

Les deux Beaver Builder et Elementor vous permettent d'affiner la façon dont votre contenu apparaît sur différents appareils en cliquant sur l'icône de l'appareil à côté d'un paramètre (qui n'est visible que pour les paramètres qui le prennent en charge).

castor sensible

Séparateur

styles de séparateur de castor

L’organisme de bienfaisance séparateur est une autre option de style qui vous permet de donner à vos éléments un aspect plus raffiné.

Ici, vous pouvez trouver des options pour votre séparateur. Si vous vous demandez à quoi ressemble un séparateur, consultez un exemple ci-dessus : la ligne rouge sous le titre dans l'image ci-dessus.

Vous avez des options pour :

  • Style de séparateur
  • Position du séparateur
  • Style de ligne
  • Couleur de la ligne
  • Épaisseur et largeur

Typographie

typographie de style castor

L’organisme de bienfaisance typographie les options permettent de contrôler l'apparence de votre texte. Ce paramètre apparaît généralement pour le titre module.

Ici, vous avez des options pour :

  • Balise HTML
  • Style, taille et visage de la police
  • Couleur du texte
  • Marges

Style - Conclusion

Les deux plugins offrent une large gamme d'options et de configurations de style. Ils permettent de mettre finless personnalisation jusque dans les moindres détails de chaque élément d'une page.

Nous pensons que les deux constructeurs de pages sont pour l’essentiel équivalents à cet égard.

Gabarits

Les modèles sont des conceptions prêtes à l'emploi que vous pouvez utiliser pour lancer la conception de vos pages. Elementor et Beaver Builder nous fournit de nombreux modèles parmi lesquels choisir.

En tant que concepteurs Web ou développeurs, vous souhaiterez probablement la possibilité de créer vos propres thèmes ou modèles de page spécifiques que vous pouvez réutiliser / modifier dans le cadre de votre processus de conception.

Nous allons jeter un coup d'oeil.

Modèles Elementor

Dans Elementor, lorsque vous créez une nouvelle page, vous verrez que vous avez la possibilité d'ajouter une section ou d'utiliser un modèle.

Dans la version gratuite, vous avez le choix entre environ 40 modèles.

Dans la version Pro, vous avez le choix entre plus de 300 pages et modèles de blocs différents.

Visitez le site Web pour découvrir tous les modèles

élément ou nouveau modèle

En cliquant sur le Ajouter un modèle bouton, vous serez accueilli avec un menu vous montrant les modèles à choisir.

sélecteur de modèle d'élément ou de modèle

Elementor propose deux types de modèles : Block et Page.

Modèles de blocs sont des modèles de section que vous pouvez utiliser pour créer des parties spécifiques de votre page. Un exemple de modèle de bloc est un formulaire de contact ou une section CTA.

Ci-dessous, vous pouvez voir des exemples de modèles de CTA disponibles.

modèles de blocs elementor

Page Templates sont des modèles pleine page conçus pour des types de pages et / ou à des fins spécifiques via le plug-in de création.

Ci-dessous, vous pouvez voir des modèles de page de destination et de page d'accueil.

Il existe différentes saveurs parmi lesquelles choisir. Par exemple, vous disposez d’un modèle de page d’accueil adapté aux restaurants et d’un autre adapté aux agences.

modèles de page elementor

Vous pouvez également créer vos modèles de page personnalisés et même des thèmes complets, les enregistrer pour les réutiliser.

Vous pouvez le faire en cliquant sur la petite flèche vers le haut à côté du bouton de publication et en choisissant Enregistrer en tant que modèle.

modèles personnalisés elementor

Vous pouvez même importer des modèles créés par des tiers en les téléchargeant sur votre site.

Cela permet de mettre finless possibilités de personnalisation.

modèle d'importation d'élément ou

Beaver Builder Gabarits

In Beaver Builder, vous avez le choix entre trois types de modèles : pages de destination, pages de contenu et modèles enregistrés.

Contrairement à Elementor, Beaver Builder n'a pas de modèles de niveau bloc, bien que vous puissiez utiliser des plugins pour obtenir la même fonctionnalité.

Cliquez ici pour voir tous les modèles

Notez que la version gratuite de Beaver Builder n'a pas d'options de modèles. Vous devrez tout faire à partir de zéro si vous souhaitez utiliser la version gratuite.

beaver builder modèles

Les modèles de pages de destination permettent de créer des pages de destination élaborées. Au moment d'écrire ces lignes, vous pouvez choisir parmi 30 modèles de pages de destination différents dans Beaver Builder.

modèle de page de destination castor

Les modèles de page de contenu sont destinés aux pages de contenu telles que la page À propos, la page de contact, la page d'accueil, etc.

Il existe actuellement 25 modèles de pages de contenu parmi lesquels choisir avec Beaver Builder.

modèle de page de contenu castor

 

Les modèles enregistrés sont vos modèles enregistrés personnalisés. Comme dans Elementor, vous pouvez créer une page en tant que modèle avec le générateur afin de pouvoir la réutiliser plus tard.

L'importation de modèles est également possible sur Beaver Builder, mais ce n'est pas aussi intuitif que celui d'Elementor.

Modèles - Conclusion

Le générateur Elementor propose plus de modèles parmi lesquels choisir et des options d'importation et d'exportation de modèles plus simples que Beaver Builder.

Quant au DESIGN et l'apparence, les deux plugins vous offrent une grande variété de beaux modèles qui répondent à de nombreux types de niches.

Quant à leurs versions gratuites, Elementor l'emporte haut la main sur Beaver Builder.

Avec Elementor, vous pouvez toujours choisir parmi plus de deux douzaines de modèles gratuits et même la possibilité de les importer et de les exporter.

Avec Beaver Builder, vous devez passer à leur version premium pour profiter de cette fonctionnalité.

Construction de thème

La fonction de création de thème est un outil très puissant qu'Elementor et Beaver Builder des offres.

Pour Elementor, le générateur de thèmes est automatiquement déverrouillé une fois que vous passez à leur version premium.

Avec Beaver Builder, vous devrez installer un plugin séparé appelé Beaver Themer qui est un achat séparé de 147 $.

Le générateur de thème Elementor

Pour accéder à son générateur de thèmes, vous pouvez accéder à Modèles> Générateur de thèmes. À partir de là, vous pouvez créer ou modifier des modèles de thème.

Vous pouvez créer ou modifier des modèles pour :

  • Page
  • En-tête
  • Pied de page
  • Poste unique
  • Archive
  • 404 pages
  • Etc

Le générateur de thème d'Elementor fonctionne à peu près de la même manière que son générateur de page.

Vous disposez de tous les éléments normaux ainsi que d'éléments nouveaux et spécifiques au type de section thématique sur laquelle vous travaillez.

Par exemple, voici à quoi ressemble le générateur de thème Poste unique.

éditeur de publication élémentaire unique

Comme vous pouvez le voir, vous disposez d'un nouvel ensemble de widgets WordPress spécifiques aux articles uniques tels que le titre de l'article, l'image en vedette, les commentaires des articles, etc.

Si vous ne voulez pas partir de zéro, il existe également des modèles prédéfinis que vous pouvez utiliser, auxquels vous pouvez accéder en appuyant sur l'icône de dossier dans l'éditeur de contenu, comme vous le feriez sur le générateur de page normal.

Une fois que vous avez fini de créer votre modèle de thème personnalisé, vous pouvez contrôler quand et où il apparaît.

Par exemple, vous pouvez choisir d'afficher votre modèle de publication unique personnalisé uniquement pour un auteur de publication particulier.

L’organisme de bienfaisance Beaver Builder Thème Builder

Beaver BuilderLe générateur de thème de , bien qu'activé différemment, fonctionne de manière similaire à celui du générateur de thème d'Elementor.

C'est un excellent outil si vos clients vous demandent de créer des thèmes personnalisés pour eux.

Vous ne pouvez accéder au générateur de thème qu'une fois que vous avez installé le plugin Beaver Themer.

Une fois que vous l'avez activé, vous pouvez accéder Beaver Builder > Dispositions thématiques et à partir de là, vous pouvez créer un modèle personnalisé pour les éléments suivants:

  • En-tête
  • Pied de page
  • Archive
  • Messages uniques (singulier)
  • 404 la page

beaver builder créateur de thème

Une fois que vous avez décidé de la mise en page que vous souhaitez créer ou modifier, vous pouvez la personnaliser davantage en choisissant où et quand elle apparaîtra.

Par exemple, pour le pied de page personnalisé, vous pouvez choisir s'il apparaît sur l'ensemble de votre site pour remplacer efficacement votre pied de page par défaut ou s'il ne l'affiche que sur certains articles ou pages.

Vous pouvez également le personnaliser davantage en ne l'affichant que lorsqu'un article est rédigé par un certain auteur.

Cette personnalisation basée sur des règles dans Beaver Builder est un truc assez puissant car il apporte beaucoup de flexibilité et de possibilités de personnalisation.

beaver builder themer règles personnalisées

Quant à l’éditeur lui-même, vous aurez la même interface utilisateur que le constructeur de pages.

Ci-dessous, vous pouvez voir l'éditeur de mise en page de thème en action où nous modifions le pied de page personnalisé que nous avons créé.

Vous avez accès au même nombre de modules et autres éléments que dans le générateur de pages classique.

beaver builder éditeur de thème

Générateur de thèmes – Conclusion

Les deux plugins de création offrent un excellent contrôle et personnalisation de la création de thèmes.

Cependant, si nous parlons de prix, le plugin Elementor Builder est moins cher que Beaver Builder car son générateur de thème est intégré à la version premium.

Créateur de fenêtres pop-up Elementor

Créateur de fenêtres pop-up Elementor

Si vous achetez Elementor Pro, vous avez également accès à Elementor Popup Builder.

Si vous utilisez des popups à des fins de marketing, c'est un avantage non négligeable. Cela signifie que vous n'avez pas besoin d'acheter ou d'utiliser un générateur de popup tiers et Beaver Builder n'a rien de tel.

Elementor Popup Builder s'intègre au générateur de pages et utilise les mêmes menus, blocs et méthodologie.

Vous pouvez utiliser des modèles contextuels prêts à l'emploi ou créer les vôtres à partir de zéro, ce qui est une astuce intéressante.

Bien que les popups soient controversés, ils sont efficaces.

Si vous démarrez une entreprise ou souhaitez développer votre entreprise actuelle, les fenêtres contextuelles sont certainement un élément à considérer.

Performance

Pas d'Elementor contre Beaver Builder la comparaison serait complète sans test de performance.

Nous ne voulions pas entrer dans les détails ici car nous avons déjà abordé beaucoup de sujets.

Lors de nos tests rapides, nous avons constaté que dans l’ensemble, Elementor est plus rapide que Beaver Builder même si les deux ralentissent les vitesses de chargement des pages.

Utilisation d'une page de modèle par défaut pour chacun :

  • Elementor a obtenu un score de 83/100 et Beaver Builder a obtenu un score de 68/100 sur PageSpeed ​​mobile.
  • Pages de test chargées en 3.8 secondes avec Elementor et 4.2 secondes avec Beaver Builder.
  • La plus grande peinture de contenu (LCP) d'Elementor dure 3.3 secondes avec Beaver Builderest à 7.1 secondes.
  • Elementor a un First Contentful Paint (FCP) plus lent à 4.8 secondes contre 2.5 secondes pour Beaver Builder.
  • Beaver Builder a également moins de requêtes HTTP qu'Elementor, 17 contre 38.

Comme vous pouvez le constater, il n’y a pas beaucoup de différence entre les deux. Bien que les deux aient un impact modéré sur la vitesse des pages par rapport à l’utilisation de l’éditeur WordPress par défaut, ils sont pour la plupart au coude à coude pour les temps de chargement.

Performances – Conclusion

Bien qu'Elementor ait un léger avantage en termes de vitesses de chargement, il est pour l'essentiel négligeable.

Bien sûr, le score mobile pourrait être amélioré, mais il est peu probable que vous lanciez un site Web sans l'optimiser au préalable.

Avoir moins de requêtes HTTP est cependant un avantage certain, alors voilà.

Appelons cela un match nul.

Prix

Nous avons déjà pas mal comparé les deux plugins et nous avons vu ce que vous pouvez obtenir dans leurs versions gratuite et Pro.

Mais combien coûte chaque constructeur ? Lequel vous apporte le plus de valeur ?

Leurs deux versions de constructeur premium sont proposées en trois niveaux de tarification.

Tarifs Elementor

Commençons par Elementor. Il existe des options de tarification personnelle, professionnelle et illimitée.

  • Des - 59 $ pour un seul site.
  • Avancé - 99 $ pour trois sites.
  • Expert - 199 $ pour 25 sites
  • Agence - 399 $ pour 1000 sites.

prix elementor vs beaver builderTous les forfaits ont le même nombre de fonctionnalités et continueront à bénéficier d'une assistance et de mises à jour premium pendant 1 an et sont livrés avec le générateur de thèmes.

Cliquez ici pour le prix le plus bas sur Elementor

Beaver Builder Prix

Comme Elementor, Beaver Builder la tarification se décline également en trois niveaux - tous avec des sites illimités mais différentes fonctionnalités activées.

  • Standard – 99 $ par an.
  • Pro - 199 $ par an.
  • Agence – 399 $ par an.
  • Ultime – 546 $ par an.

Beaver Builder vs prix ElementorL’organisme de bienfaisance Standard la licence n'a pas de support multisite et Beaver Builder Thème. Le PRO la licence est capable de prendre en charge plusieurs sites et est fournie avec le Beaver Builder Thème mais il n'y a pas de marque blanche.

Enfin, la agence la licence a toutes les fonctionnalités standard et pro plus étiquetage blanc.

Tous les forfaits sont pour des sites illimités.

Gardez à l'esprit que Beaver Themer est un achat séparé de Beaver Builder lui-même qui coûte 147 $.

Cliquez ici pour le prix le plus bas sur Beaver Builder

Gratuit vs Pro

Les deux plugins sont livrés avec des versions gratuite et Pro, mais la version gratuite d'Elementor est clairement gagnante ici.

La version gratuite d'Elementor est livrée avec des dizaines de modules et de modèles gratuits.

Beaver Builder n'est livré qu'avec des versions très basiques, ce qui le rend très restreint dans sa version gratuite.

Tarification - Conclusion

Si vous souhaitez une version gratuite, Elementor est votre choix évident.

Quant aux versions premium, même s'il peut sembler que Beaver Builder est plus cher, ses plans de niveau supérieur offrent des fonctionnalités plus conviviales pour les développeurs, en particulier la marque blanche.

Elementor ne vous permet pas d'héberger vous-même le site Web d'un client et de lui facturer des frais mensuels si vous avez utilisé Elementor pour créer ou concevoir son site Web.

Nous sommes d'avis qu'Elementor est meilleur pour les utilisateurs en solo, tandis que Beaver Builder est mieux pour les développeurs - en particulier en raison des options de marque blanche et d'hébergement.

Si vous êtes toujours à la recherche d'autres options, nous avons également a examiné Elementor vs Divi ici, et aussi Beaver Builder contre Divi.

Si vous voulez plus d'avis, notre point de vue sur Diviet une Revue du thème Astra WP, bien que nous pensons que vous devriez limiter votre choix à ce stade et regarder notre conclusion ci-dessous.

Avantages et inconvénients

Elementor et Beaver Builder ont des avantages et des inconvénients. Jetons un coup d'œil à ceux-ci ici.

Avantages d'Elementor

  • Plus de blocs, de modèles et de fonctionnalités
  • Plus d'options de conception
  • Idéal pour les petites agences ou les particuliers
  • La version Pro a un prix compétitif
  • Bâtiment thématique inclus
  • Générateur de popups inclus avec Pro
  • Des milliers de thèmes WordPress compatibles Elementor

Inconvénients d'Elementor

  • Certaines commandes ne sont pas aussi intuitives qu’elles pourraient l’être
  • Tarifs professionnels pour les particuliers et les petites agences

Avantages de Beaver Builder

  • L'interface utilisateur est moderne et facile à apprendre
  • Tous vos besoins de base en matière de blocs et de modèles sont satisfaits
  • Vous pouvez personnaliser l'interface utilisateur si vous le souhaitez
  • Utilisation douce et fluide
  • La remise de renouvellement est la bienvenue

Contre de Beaver Builder

  • Peu de thèmes WordPress le prennent en charge
  • La communauté est plus petite que celle d'Elementor
  • Plus cher à utiliser pour les particuliers
  • Pas autant de blocs ou de modèles qu'Elementor

Élémentor contre Beaver Builder: Conclusion

Dans l'ensemble, ce sont actuellement les deux meilleurs plugins de création de page pour WordPress. 

Elementor propose une quantité massive de modèles et d'éléments, tandis que Beaver Builder essaie de rester simple, tout en répondant aux besoins de chaque utilisateur de conception de sites Web.

Beaver Builder est convivial pour les développeurs. Il offre des options de marque blanche et n'impose aucune restriction sur la façon dont les développeurs peuvent vendre des services ou des sites Web construits à l'aide de celui-ci.

Si vous êtes un développeur solo ou un utilisateur à la recherche d'un excellent plugin avec des tonnes de fonctionnalités et des mises à jour rapides, optez pour le plugin de création de pages Elementor.

Si vous êtes un développeur ou un utilisateur qui ne veut pas se laisser submerger par des tonnes de fonctionnalités et des mises à jour rapides, choisissez Beaver Builder.

Mais en fin de compte, c'est à vous de prendre la décision finale.

 

À propos de l’auteur
David Attar
David travaille dans ou autour de l'industrie en ligne et numérique depuis 21 ans. Il possède une vaste expérience dans les secteurs des logiciels et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. Il a travaillé avec des agences de développement de logiciels, des éditeurs de logiciels internationaux, des agences de marketing locales et est désormais responsable des opérations marketing chez Aphex Media, une agence de référencement. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plateformes numériques disponibles aujourd'hui. Son mélange d'expertise technologique combiné à un fort sens des affaires confère un avantage concurrentiel à ses écrits.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Veuillez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...