Beaver Builder Review : Est-ce le meilleur plugin WordPress Page Builder ? (2022)

Vous recherchez le meilleur plugin de création de page pour votre site WordPress ?

Beaver Builder mérite définitivement une place sur cette liste. Depuis son lancement en 2014, il est devenu l'un des principaux constructeurs de pages et s'est bâti une réputation bien méritée de fiabilité à toute épreuve et d'une grande communauté.

Dans notre examen pratique de Beaver Builder, je vais vous donner un aperçu détaillé du plugin, y compris ce qu'il fait bien et ce qu'il fait mal.

En général, je pense que Beaver Builder est un très bon constructeur de pages, mais ce n'est pas nécessairement le meilleur outil pour tout le monde, vous voudrez donc avoir les bonnes informations pour décider si vous devez utiliser Beaver Builder ou l'une de ses alternatives populaires telles que Elementor ou Divi Builder.

Continuez à lire notre avis et je vous aiderai à prendre cette décision !

Examen de Beaver Builder : un résumé rapide

Si vous n'êtes pas familier avec Beaver Builder, je vais commencer par un résumé très rapide de ses fonctionnalités pour vous mettre au courant.

Beaver Builder est un plugin de création de page par glisser-déposer convivial. Cela signifie qu'il vous aide à créer des conceptions complexes et des pages de destination sans nécessiter de connaissances techniques.

Vous pouvez configurer votre conception à l'aide de modules de contenu et créer des mises en page à l'aide de lignes et de colonnes . Pour chaque module, ligne et colonne, vous obtiendrez des options détaillées pour contrôler sa conception, sa disposition, son espacement, etc.

Si vous souhaitez aller plus loin, vous pouvez utiliser le module complémentaire Themer de Beaver Builder pour concevoir l'intégralité de votre thème à l'aide d'une édition visuelle par glisser-déposer, y compris des en-têtes personnalisés, des modèles de publication, des pieds de page, etc.

Fondamentalement, Beaver Builder vous aide à créer un site Web WordPress 100% personnalisé.

Fonctionnement de l'interface Beaver Builder

Commençons par explorer l'interface de Beaver Builder et son fonctionnement.

Visite de l'interface de base

Lorsque vous lancez l'interface, vous obtenez un bel aperçu pleine largeur de votre conception en direct. Il n'y a pas de barre latérale fixe par défaut, mais vous pouvez en créer une si vous le souhaitez :

Ajouter des modules

Pour ajouter de nouveaux modules ou modèles, vous pouvez cliquer sur l'icône "plus" dans le coin supérieur droit pour ouvrir l'interface d'insertion. Les modules sont divisés en différentes catégories et vous pouvez également effectuer une recherche par nom.

Pour ajouter un module, il vous suffit de le faire glisser sur la page :

Une fois que vous avez ajouté le module, le menu disparaît et vous revenez à un aperçu complet.

Si vous préférez que le menu reste fixe, vous pouvez le faire glisser vers la droite ou vers la gauche pour le transformer en une barre latérale fixe de ce côté. Ici, je l'ai corrigé à gauche:

En ce qui concerne les modules eux-mêmes, Beaver Builder fait du bon travail en vous donnant accès à tous les modules les plus importants. La liste n'est peut-être pas aussi longue que celle de certains autres constructeurs de pages, mais je ne pense pas que la plupart des gens auront des problèmes. Si vous avez besoin d'ajouter plus de modules, vous pouvez toujours le faire en utilisant des plugins tiers (plus à ce sujet plus tard).

Configuration des modules, des colonnes et des lignes

Pour ouvrir les paramètres de n'importe quel élément, vous pouvez passer la souris dessus et cliquer sur l'icône de la clé.

Si vous avez le menu qui disparaît, les paramètres apparaîtront dans une fenêtre contextuelle que vous pouvez faire glisser vers n'importe quel emplacement et modifier sa taille :

Si vous préférez l'approche de la barre latérale fixe, les paramètres s'ouvriront automatiquement dans la barre latérale :

Bien que vous puissiez voir un éditeur de texte dans les captures d'écran ci-dessus, Beaver Builder prend également en charge l'édition en ligne, ce qui signifie que vous pouvez ajouter du texte directement sur la page en cliquant et en tapant.

En termes de nombre d'options de conception, je dirais que vous obtenez toutes les options de base importantes, mais vous n'obtenez pas les options de conception avancées proposées par certains constructeurs de pages tels que Elementor et Divi Builder.

Par exemple, il n'y a pas de positionnement absolu/relatif personnalisé, ni rien comme les effets de mouvement d'Elementor ou les effets de défilement de Divi ( bien que Beaver Builder inclue des animations de base ).

Pour les utilisateurs réguliers, je ne pense pas que vous aurez l'impression de manquer quelque chose. Mais si vous êtes un designer qui aime pouvoir configurer tous ces effets de conception sympas, alors Elementor et Divi sont définitivement un peu plus flexibles à cet égard.

Beaver Builder prend également en charge la conception réactive. Vous pouvez masquer certains éléments sur les appareils mobiles et également avoir la possibilité de modifier la configuration en fonction de l'appareil d'un utilisateur (par exemple, vous pouvez utiliser un espacement ou une taille de police différents pour les visiteurs mobiles) :

Il existe également un mode d'édition réactif qui facilite la conception pour les mobiles et les tablettes.

Création de conceptions à plusieurs colonnes

C'est l'une de mes fonctionnalités préférées de Beaver Builder, et je ne sais pas pourquoi tous les constructeurs de pages ne le font pas de cette façon.

Supposons que vous souhaitiez créer un design à plusieurs colonnes. Avec la plupart des autres constructeurs de pages, vous devez d'abord configurer votre structure de colonnes. Ensuite, vous pouvez faire glisser les widgets dans ces colonnes.

Avec Beaver Builder, vous pouvez ignorer cette étape et simplement faire glisser un module à côté d'un autre module pour créer automatiquement une nouvelle colonne. C'est une petite chose, mais c'est vraiment pratique et vous fera gagner du temps :

Bien sûr, Beaver Builder vous permet toujours de configurer d'abord votre structure de colonnes - vous devez ajouter manuellement une ligne si vous préférez le faire de cette façon.

Insertion de modèles

Pour gagner du temps, Beaver Builder inclut des modèles pleine page que vous pouvez insérer. Ces modèles se présentent sous deux formes :

• Pages de destination complètes
• Pages de contenu (par exemple, une page "À propos")

Je dirais cependant que les modèles ne sont pas le point fort de Beaver Builder. Les modèles eux-mêmes ont l'air bien, mais vous n'avez pas accès à presque la quantité de modèles proposés par d'autres outils. Par exemple, Divi vous propose plus de 1 700 modèles et Elementor en compte également des centaines.

En plus des modèles de page, vous obtenez également des modèles de ligne prédéfinis, qui sont des modèles pour une partie d'une page, par exemple une section héros.

Vous pouvez également enregistrer vos propres conceptions en tant que modèles pour les réutiliser ultérieurement.

Utilisation des paramètres globaux

Les paramètres globaux vous permettent de contrôler les paramètres de haut niveau pour toutes vos conceptions Beaver Builder, telles que la largeur par défaut des lignes, les marges/remplissage par défaut pour les lignes et les colonnes, les mises en page réactives, etc.

Vous pouvez également personnaliser les points d'arrêt de vos petits et moyens appareils dans le plugin principal, ce que tous les constructeurs de pages ne permettent pas (par exemple, Elementor est toujours en train d'autoriser les points d'arrêt ajustables).

Travailler avec du code

Si vous souhaitez travailler avec du code, Beaver Builder facilite l'ajout de CSS ou de JavaScript directement à la page - appuyez sur Ctrl + Y pour ouvrir l'éditeur de code.

Cependant, vous ne pouvez pas ajouter de CSS personnalisé directement à un module/section individuel comme le permet Elementor Pro. Même si vous pouvez ajouter une classe ou un ID CSS personnalisé à un module, vous ne pouvez pas ajouter le CSS lui-même.

Réflexions générales sur l'interface et l'expérience d'édition

Dans l'ensemble, je pense que l'expérience d'édition dans Beaver Builder est assez bonne.

Il n'a pas tout à fait "autant" qu'Elementor ou Divi en ce qui concerne les options de conception, mais il possède toutes les options de base dont la plupart des utilisateurs auront besoin.

De plus, j'aime beaucoup l'interface elle-même. Bien qu'il soit difficile de le montrer dans les captures d'écran, l'interface est toujours rapide et sans problème. Je ne rencontre jamais de décalage ou de problème lors de l'ouverture des paramètres ou du déplacement d'éléments - cela fonctionne tout simplement.

Il est également agréable de pouvoir personnaliser l'interface en fonction de vos préférences. Si vous aimez avoir l'aperçu visuel en plein écran, vous pouvez continuer à utiliser le style contextuel par défaut et masquer tous les paramètres lorsque vous regardez votre conception.

Ou, si vous aimez l'approche de la barre latérale, vous pouvez coller la barre latérale de chaque côté et tout faire à partir d'une interface fixe.

Il n'y a rien de particulièrement flashy, c'est juste une interface vraiment solide et agréable à utiliser.

Castor Themer

Beaver Themer est une extension officielle de l'équipe Beaver Builder qui ajoute une prise en charge complète de la création de thèmes à Beaver Builder.

Beaver Builder a été l'un des premiers constructeurs de pages à proposer la création de thèmes complets, battant d'autres grands noms comme Elementor et Divi.

Avec Beaver Themer actif, vous pouvez accéder à Beaver Builder → Dispositions Themer pour créer des modèles pour votre thème :

• Entête
• Bas de page
• Singulier (par exemple, articles de blog uniques, pages, etc.)
• Archive (par exemple, la page qui répertorie tous les articles de votre blog)
• 404 pages

Vous pouvez également créer des parties de thème, une fonctionnalité très intéressante qui vous permet d'injecter un design dans différentes parties de votre site, un peu comme un crochet de thème.

Modèles de thème

Lorsque vous créez un nouveau modèle de thème, vous devez d'abord choisir quand utiliser ce modèle. Vous pouvez cibler des types de contenu spécifiques, par exemple, tous les articles de blog ou uniquement les articles avec une certaine catégorie/tag.

Si vous souhaitez plus de contrôle, vous pouvez également configurer des règles , qui vous permettent d'utiliser un certain modèle uniquement lorsque les conditions spécifiées sont remplies, telles que le statut de connexion, le rôle d'utilisateur, l'auteur, le champ personnalisé, le modèle de publication, etc.

Comme la plupart des autres constructeurs de thèmes n'ont pas de fonctionnalité similaire, c'est un avantage certain de Beaver Themer.

À partir de là, vous pouvez utiliser la même interface Beaver Builder pour concevoir votre modèle. La seule différence est que vous pourrez insérer du contenu "dynamique" tel que le titre et le contenu d'un article.

Beaver Themer fonctionne également avec des champs personnalisés afin que vous puissiez insérer des données à partir de plugins tels que Advanced Custom Fields ou Pods. Ci-dessous, vous pouvez voir à quoi ressemble la connexion du contenu d'un champ à des informations dynamiques.

Pièces thématiques

Les parties de thème fonctionnent essentiellement de la même manière que les modèles de thème, mais vous obtenez une option supplémentaire qui vous permet d'injecter la partie à un certain emplacement sur votre thème, par exemple, sous le titre du message ou sous le contenu.

Vous pouvez utiliser des parties de thème pour les publicités, les formulaires d'inscription, les appels à l'action, etc.

Thème du constructeur de castor

Le thème Beaver Builder est un thème WordPress de base léger conçu pour être associé à Beaver Builder.

Essentiellement, l'idée est que vous utilisez le thème Beaver Builder pour gérer les zones sans contenu telles que l'en-tête, le pied de page et les modèles de blog, puis que vous utilisez Beaver Builder pour concevoir le contenu réel (la partie qui va entre l'en-tête et le bas de page).

Honnêtement, cependant, je ne trouve pas que le thème Beaver Builder soit aussi précieux qu'un ajout en 2022 et au-delà. Ce n'est pas que le thème soit « mauvais » — c'est un beau thème. Je pense juste que l'espace WordPress a changé, et ce n'est plus si spécial.

Il y a des années, le thème était agréable à avoir car il était encore difficile de trouver des thèmes de base légers et polyvalents.

Mais maintenant, nous n'avons que l'embarras du choix en ce qui concerne les thèmes flexibles et légers conçus pour être associés aux constructeurs de pages. Tous ces thèmes suivent le même principe de base que le thème Beaver Builder, mais ils le font mieux ( du moins à mon avis ). En 2022 et au-delà, je préfère associer Beaver Builder à GeneratePress.

Performance

Les performances sont toujours une considération importante lors de l'utilisation d'un plugin de création de page. Un constructeur de page va toujours ajouter plus de poids à la page que d'utiliser simplement l'éditeur WordPress par défaut, mais certains constructeurs de page sont meilleurs que d'autres pour maintenir ce poids au minimum.

J'ai personnellement fait des tests où j'ai créé des pages identiques avec différents constructeurs de pages et Beaver Builder est généralement l'une des meilleures options en matière de performances. J'entends par là que ses tailles de page et ses requêtes HTTP sont inférieures à celles des autres constructeurs.

Pour vous donner une bonne idée du poids supplémentaire que Beaver Builder ajoute par rapport à l'éditeur de blocs WordPress natif (Gutenberg), j'ai décidé de faire un petit test.

J'ai créé un design simple en deux versions : une avec l'éditeur Gutenberg et une avec la version premium de Beaver Builder.

Ensuite, j'ai comparé les tailles de page et les requêtes HTTP (ces chiffres incluent le thème de mon site, qui est GeneratePress) :

Vous pouvez voir que Beaver Builder ne charge pas vraiment beaucoup par défaut. La conception est très simple et comprend principalement du texte, des boutons et des colonnes. Ce résultat est plus petit que ce que vous verriez avec beaucoup d'autres constructeurs de pages.

Par exemple, lorsque j'ai fait la même chose avec Divi Builder, il a ajouté 316,7 Ko (vs les +44,1 Ko de Beaver Builder) et sept nouvelles requêtes HTTP (vs les quatre nouvelles requêtes HTTP de Beaver Builder).

Une autre bonne chose est que Beaver Builder ne charge pas ses scripts sur tout le site. Donc, si vous avez une page que vous avez créée avec l'éditeur WordPress natif, Beaver Builder ne chargera pas un seul script sur cette page.

Ceci est remarquable car certains autres constructeurs de pages chargent leurs scripts sur tout le site, ce qui ajoute du poids à la page, que vous utilisiez ou non le constructeur de pages sur cette page.

Conclusion sur les performances de Beaver Builder

Une page que vous concevez avec Beaver Builder se chargera-t-elle aussi vite que la même page que vous concevez avec l'éditeur de blocs Gutenberg ? Non, toutes choses égales par ailleurs, ce ne sera pas le cas.

Cependant, l'éditeur de blocs Gutenberg ne vous offre pas autant de flexibilité de conception que Beaver Builder. Et, comparé à d'autres plugins de création de pages avec une flexibilité similaire, Beaver Builder se compare assez favorablement.

Donc, tant que vous êtes d'accord avec le compromis de performance de base qui est vrai avec n'importe quel plugin de création de page, Beaver Builder fait un bon travail pour maintenir son poids supplémentaire au minimum.

Tant que vous suivez les meilleures pratiques en matière de performances WordPress, que vous utilisez des plugins d'optimisation de la vitesse et que vous hébergez votre site sur un hébergement rapide, vous pouvez totalement créer un site à chargement rapide avec Beaver Builder.

Modules complémentaires Beaver Builder tiers

En plus de Beaver Themer, Beaver Builder dispose également d'un marché dynamique de modules complémentaires Beaver Builder tiers, ce qui vous permet d'étendre davantage le constructeur de base.

En règle générale, vous utiliserez ces extensions pour ajouter de nouveaux modules et modèles de contenu, bien que certaines ajoutent également de nouvelles fonctionnalités, telles que l'intégration du framework Pods avec Beaver Builder/Themer.

Pour vous donner un avant-goût, voici deux des options les plus populaires :

• Ultimate Addons for Beaver Builder (de la même équipe derrière le thème Astra)
• Module complémentaire PowerPack pour Beaver Builder

Pour voir encore plus d'options, consultez notre tour d'horizon des meilleurs modules complémentaires Beaver Builder.

Tarification

Maintenant que nous avons couvert tout le reste, parlons des prix.

Tout d'abord, Beaver Builder a une version allégée gratuite sur WordPress.org, mais elle est très limitée.

Honnêtement, maintenant que l'éditeur de blocs Gutenberg existe, je ne vois aucune valeur dans la version gratuite de Beaver Builder au-delà de vous permettre d'essayer l'interface utilisateur pour voir si vous l'aimez.

Vous pourriez être en désaccord – vous devriez donc absolument tester la version gratuite par vous-même. Mais à mon avis, si vous recherchez spécifiquement un plugin de création de page gratuit, les versions gratuites d'Elementor et de Brizy sont beaucoup plus généreuses dans leurs fonctionnalités.

En ce qui concerne la version premium, cependant, Beaver Builder est assez abordable.

Tout d'abord, la chose importante à noter est que tous les plans tarifaires de Beaver Builder permettent une utilisation sur des sites Web illimités.

À partir de là, les plans commencent à seulement 99 $ pour un an de support et de mises à jour. Sur tous les plans, vous pouvez obtenir une remise de renouvellement de 40 % si vous souhaitez continuer à recevoir une assistance et des mises à jour après la première année.

Comme je l'ai mentionné ci-dessus, je ne trouve plus le thème Beaver Builder aussi précieux, donc je pense que presque tout le monde ira bien avec la licence standard à 99 $. Les seules raisons pour lesquelles vous pourriez vouloir payer plus sont :

1. Vous avez besoin du support multisite WordPress, auquel cas vous avez besoin de la licence Pro à 199 $.
2. Vous avez besoin d'une marque blanche, auquel cas vous avez besoin de la licence d' agence à 399 $.

Si vous souhaitez ajouter un support de création de thème, vous devrez également acheter Beaver Themer, qui coûte 147 $ pour une utilisation sur des sites illimités.

Donc, si vous voulez le constructeur de pages et le constructeur de thèmes, vous paierez 246 $ pour une utilisation sur des sites illimités et un an de support et de mises à jour. Vous paierez ensuite un total de 147,60 $ pour renouveler si vous souhaitez continuer à recevoir du support et des mises à jour après la première année.

Réflexions finales sur Beaver Builder

Dans l'ensemble, je pense que Beaver Builder est un très bon plugin d'une équipe de développement établie et fiable. Il existe depuis plus de sept ans maintenant et il a construit une grande communauté à cette époque.

Cependant, que vous deviez ou non utiliser Beaver Builder dépend vraiment de ce que vous appréciez dans un plugin de création de page WordPress.

Si vous voulez un constructeur de pages qui ajoute toujours de nouvelles fonctionnalités et vous donne de nouvelles capacités de conception, Beaver Builder n'est peut-être pas votre meilleur choix car cela ne semble pas être l'objectif de l'équipe Beaver Builder. Ce n'est pas comme si Beaver Builder n'ajoutait jamais de nouvelles fonctionnalités, mais elles arrivent à un rythme plus lent que les plugins tels que Elementor, Divi et Brizy.

Cependant, si vous accordez de l'importance à la stabilité plutôt qu'à l'obtention fréquente de nouvelles fonctionnalités, c'est là que je pense que Beaver Builder réussit très bien. Un cycle de développement plus lent signifie plus de temps pour tester et résoudre les problèmes. Je n'ai jamais vu d'utilisateurs de Beaver Builder se plaindre qu'une nouvelle version ait provoqué un bogue généralisé ou cassé quelque chose sur leurs sites.

Il y a certainement de la valeur à obtenir de nouvelles fonctionnalités, mais il y a aussi de la valeur dans la stabilité. Si un plugin fait déjà tout ce dont vous avez besoin, vous voudrez peut-être qu'il continue à bien fonctionner sans ajouter de nouvelles fonctionnalités qui peuvent ou non causer des problèmes sur votre site.

Donc c'est essentiellement comme ça que je le vois. Je ne pense pas qu'il y ait une seule «bonne» réponse - cela dépend vraiment de l'approche que vous préférez.

Si vous aimez l'approche de Beaver Builder, vous pouvez cliquer sur le bouton ci-dessous pour accéder au site Web :

Obtenez le constructeur de castor

Si vous préférez voir d'autres options, vous pouvez consulter notre collection des meilleurs plugins de création de pages. Si vous voulez une flexibilité de conception maximale, je pense que de bonnes options sont Elementor (lire notre critique) et Divi Builder (lire notre critique).

Pour voir comment Beaver Builder se compare à ces plugins, vous pouvez consulter ces articles :

• Elementor Pro contre Beaver Builder
• Divi contre Castor Builder

Vous avez encore des questions sur Beaver Builder ou notre avis sur Beaver Builder ? Laissez un commentaire et faites-le nous savoir !