Examen de Beaver Builder : un regard en profondeur sur le populaire plugin WordPress Page Builder

Beaver Builder est destiné à apparaître dans n'importe quelle liste de plugins de création de pages WordPress. Mais le plugin populaire vaut-il son sel ? A-t-il les bonnes fonctionnalités pour vous et est-il facile de créer de superbes sites Web WordPress avec ? Comment installez-vous même le plugin sur WordPress ? Vous obtiendrez toutes vos réponses dans cette revue approfondie et minutieusement testée de Beaver Builder.

Pour mettre les choses en perspective, le plugin WordPress Beaver Builder est un constructeur de pages qui utilise la méthode du glisser-déposer qui fait de la conception de sites Web une promenade dans le parc. Il vous permet de travailler directement sur le front-end du site Web et de créer de superbes sites Web en déplacement sans aucune compétence en matière de codage.

En substance, utiliser des constructeurs de pages comme Beaver Builder, c'est comme jouer avec des Legos. Vous choisissez des pièces (éléments et modules) et les assemblez pour créer ce que votre imagination permet. C'est aussi simple que de créer des sites Web avec de bons constructeurs de pages.

Donc, si c'est ce que vous recherchez, passons directement à cette critique ultime de Beaver Builder !

Beaver Builder : un aperçu

Beaver Builder vous offre une alternative à l'éditeur de blocs WordPress par défaut pour créer du contenu, en utilisant un système de modules similaire mais beaucoup plus complet.
Il existe de nombreux plugins de création de pages disponibles sur le marché, mais Beaver Builder est l'une des options les plus populaires en raison de sa facilité d'utilisation. Il existe une version gratuite de Beaver Builder ainsi qu'une version premium. Dans cette revue, je vais me concentrer sur la version premium et partager mon expérience de toutes les fonctionnalités et performances.

Fonctionnalités et contrôle puissants

La différence fondamentale entre les plugins de création de pages réside dans les options de personnalisation qu'ils offrent et dans le contrôle qu'ils vous donnent sur tous ces éléments. Cependant, de nombreux constructeurs de pages peuvent être difficiles à utiliser, quel que soit le nombre de fonctionnalités qu'ils offrent.

Facilité d'utilisation et d'intégration

Mais Beaver Builder appartient à cette dernière catégorie, qui offre des tonnes de fonctionnalités et de fonctionnalités intéressantes et est regroupé dans un package facile à utiliser. L'expérience d'édition visuelle frontale du plugin vous permet également de voir la page telle qu'elle apparaîtra à vos visiteurs pendant que vous éditez, ce qui est formidable.

Le générateur de pages vous permet également de modifier les publications et les types de publication personnalisés. De plus, il fonctionne avec la plupart des thèmes WordPress et s'intègre bien avec la plupart des plugins qui génèrent des shortcodes ou des widgets.

Modèles personnalisables

Si vous ne souhaitez pas créer de pages à partir de zéro, Beaver Builder est également fourni avec une bibliothèque de modèles personnalisables prédéfinis. Vous pouvez enregistrer n'importe quelle page que vous avez créée pour réutiliser sa mise en page pour d'autres contenus, et vous pouvez faire de même avec n'importe quelle ligne, colonne ou module que vous ajoutez.

Sites Web réactifs

Enfin, il convient de noter que Beaver Builder vous permet de créer des sites Web réactifs prêts à l'emploi. À tout moment, vous pouvez prévisualiser l'apparence d'une page sur les ordinateurs de bureau, les smartphones et les tablettes.

Sur le papier, Beaver Builder semble impressionnant. Dans les sections suivantes, je vais vous montrer comment cela fonctionne en action.

Caractéristiques et avantages de Beaver Builder

À présent, vous avez une idée claire de ce que propose Beaver Builder et de son fonctionnement. Avant de vous montrer l'interface du plugin, faisons un bref récapitulatif de ses fonctionnalités :

• Générateur de pages visuelles frontales par glisser-déposer
• 33 modules pour ajouter du contenu
• Modèles de page prédéfinis que vous pouvez utiliser pour lancer la création de contenu
• S'intègre à la plupart des thèmes WordPress ainsi qu'aux plugins qui génèrent des shortcodes et des widgets
• Pages entièrement personnalisables et types de publication personnalisés.

Ce sont d'excellentes fonctionnalités, mais combien payez-vous pour les acquérir afin de créer votre site Web ? Jetons un coup d'œil au prix du plugin!

Prix ​​du constructeur de castor

Comme je l'ai mentionné précédemment, Beaver Builder est disponible en versions gratuites et payantes. Cependant, si vous envisagez d'utiliser Beaver Builder pour autre chose que des projets personnels comme un blog de loisirs, vous aurez probablement besoin de la version premium.

Les licences Beaver Builder Pro commencent à 99 $ avec des mises à jour pendant un an pour des sites illimités et une remise de 40 % sur les renouvellements annuels. C'est le plan Standard, qui est l'option que je recommanderais à la plupart des utilisateurs individuels qui créent des sites de commerce électronique, d'entreprise ou de blogs professionnels.

Il existe des forfaits plus chers qui offrent plus de fonctionnalités telles que :

• Prise en charge multisite de WordPress
• Le thème officiel Beaver Builder, conçu pour fonctionner de manière transparente avec le plugin
• Fonctionnalité en marque blanche.

Si vous recherchez un constructeur de pages pour les projets d'agence, vous devriez envisager l'un des plans Beaver Builder les plus chers. En dehors de ces scénarios, la licence Standard vous offre tout ce dont vous avez besoin.

Configuration système requise pour Beaver Builder

Voyons maintenant la configuration système requise pour Beaver Builder.

Compatibilité du navigateur

Vous pouvez utiliser les trois dernières versions des navigateurs Chrome, Firefox, Safari et Edge. Pour les utilisateurs d'Internet Explorer, IE 11 est recommandé.

Versions WordPress

Je recommanderais d'utiliser la dernière version de WordPress et PHP pour une meilleure sécurité et de meilleures performances. Pour les mises à jour et les instructions de WordPress, vous pouvez consulter les articles WordPress.

• Plugin Beaver Builder : WordPress 4.6 et supérieur | PHP 5.6.20 et supérieur (PHP 7.x recommandé)

Remarque : les versions de WordPress depuis la 4.9.6 nécessitent Beaver Builder Version 2.1.1.3 ou supérieure.

• Thème Beaver Builder : WordPress 4.1 et supérieur | PHP 5.6.20 et supérieur
• Beaver Themer : WordPress 4.6 et supérieur

Versions jQuery

Beaver Builder prend en charge les versions jQuery fournies avec WordPress. Il n'est pas recommandé d'utiliser d'autres versions de jQuery, car même si cela peut fonctionner, cela peut finir par endommager votre site.

Par conséquent, avant l'installation, assurez-vous de suivre les exigences pour éviter tout obstacle et atteindre le site requis en douceur.

Comment installer Beaver Builder sur votre site WordPress ?

Il est maintenant temps d'installer Beaver Builder sur WordPress. Beaver Builder est livré avec une version gratuite (allégée) et une version premium, et il est facile à installer. Je vais partager le processus d'installation pour les deux versions une par une.

Version gratuite (Lite)

Allez dans Tableau de bord WordPress > Plugin > Ajouter un nouveau.

Recherchez Beaver Builder dans la barre de recherche à droite. Cliquez sur le bouton d'installation, puis activez-le.

Une fois que vous avez installé et activé Beaver Builder, une nouvelle option Beaver Builder apparaîtra lorsque vous passerez la souris sur n'importe quelle page ou publierez dans votre tableau de bord.

Version Premium

Si vous mettez à niveau votre Beaver Builder vers la version premium ou installez directement la version premium, vous devez suivre les étapes ci-dessous.

• Téléchargez le fichier zip de votre plugin Beaver Builder à partir de la page Mon compte . Votre clé de licence apparaît au-dessus des liens du fichier zip sur la page.

• Accédez à WordPress Dashboard > Plugin > Add new et cliquez sur upload plugin .

• Cliquez sur le bouton Choisir un fichier et la fenêtre du navigateur apparaîtra.

• Sélectionnez votre fichier zip Beaver Builder à partir de votre système local, ou faites simplement glisser le fichier au-dessus du bouton Parcourir. Le nom du fichier zip apparaîtra à droite du bouton Choisir un fichier .
• Cliquez sur Installer maintenant .

• Avant d'activer le plugin, vous devez comprendre le scénario. Si vous avez installé la version Lite du plugin, elle est automatiquement désactivée lors de l'installation d'une version premium. Si vous avez déjà installé une version premium, vous pouvez la remplacer en cliquant sur Remplacer la version actuelle par téléchargée .
• Cliquez sur Activer pour activer le plugin.

Activation de la licence

Après avoir installé et activé le plugin Beaver Builder, je vais vous expliquer le processus d'activation de la licence :

• Depuis le tableau de bord WordPress, accédez à Paramètres > Beaver Builder , puis cliquez sur l'onglet Licence .
• Ajoutez votre clé de licence, que vous pouvez trouver sur la page Mon compte .
• Vous pouvez obtenir des mises à niveau et des rétrogradations lorsque votre licence est active. Le numéro de licence doit rester le même.

Comment utiliser Beaver Builder (pratique)

Une fois installée et activée, une nouvelle option Beaver Builder apparaîtra lorsque vous passerez la souris sur n'importe quelle page ou publierez dans votre tableau de bord :

Cliquer dessus ouvrira cette page et vous donnera accès à l'éditeur de Beaver Builder. La première chose que vous remarquerez est que vous pouvez cliquer directement sur n'importe quel élément de la page pour accéder à tous ses paramètres.

Parmi ces paramètres, vous disposez d'une fonctionnalité de glisser-déposer pour déplacer l'élément sur la page, la personnalisation pour cet élément spécifique, la duplication de module, l'édition de colonne ou la possibilité de supprimer l'élément :

Dans l'exemple ci-dessus, j'ai sélectionné un module Heading. Si je modifie cet en-tête en cliquant sur l'icône représentant une clé, je peux accéder à un menu qui ressemble à ceci :

Bien que les paramètres varient en fonction du module que vous utilisez, le plugin Beaver Builder les divise toujours en trois grandes catégories :

• Général : Ce sont les options de personnalisation de base pour chaque module.
• Style : Considérez l'onglet style comme un moyen rapide d'appliquer CSS à chaque module via une interface conviviale.
• Avancé : l'onglet Avancé vous permet de modifier les marges, de spécifier des points d'arrêt, d'ajouter des animations, d'insérer du code HTML personnalisé, etc.

Des modules plus complets ont des onglets supplémentaires. Par exemple, le module Publications, qui affiche les publications ou les pages, comprend un onglet Contenu pour filtrer les publications à afficher et un onglet Pagination pour contrôler la manière dont un grand nombre de publications est affiché.

En théorie, vous pouvez créer des sites Web entiers sans jamais toucher aux paramètres de personnalisation avancés de Beaver Builder. Dans cette capture d'écran, le paramètre Marges a une icône sur le bureau que vous pouvez basculer pour définir différentes valeurs de marge pour les grands, moyens et petits écrans si vous le souhaitez :

Bien que j'aie utilisé plusieurs outils de création de pages WordPress, Beaver Builder a la courbe d'apprentissage la plus simple. Là où d'autres constructeurs de pages vous lancent des dizaines de paramètres dès le départ, avec Beaver Builder, vous pouvez comprendre comment fonctionne chaque module et ce que vous pouvez en faire.

En ce qui concerne la sélection de modules, Beaver Builder comprend 33 éléments. Parmi ceux-ci, vous disposez de fonctionnalités de base telles que des menus, des formulaires de contact, des images, des paragraphes, des titres, etc.

Cependant, Beaver Builder comprend également des options plus «avancées» telles que des modules de témoignages, des groupes d'icônes, des tableaux de prix et des compteurs de nombres. Les tableaux de prix sont un ajout fantastique à tout site de commerce électronique, j'ai donc été heureux de découvrir que Beaver Builder facilite leur création et leur personnalisation :

La personnalisation des pages existantes à l'aide de Beaver Builder est simple, mais la création de pages à partir de zéro est relativement simple. Vous pouvez décomposer le processus en quelques étapes simples :

1. Déterminez la mise en page approximative que vous souhaitez pour une page.
2. Commencez à ajouter des colonnes et des lignes.
3. Remplissez les colonnes et les lignes avec les modules que vous souhaitez et personnalisez-les.
4. Faites glisser les modules si nécessaire pour obtenir des éléments exactement comme vous le souhaitez.
5. Prévisualisez l'apparence de la page sur différentes tailles d'écran.

C'est une simplification excessive, oui. Cependant, l'ensemble du processus semble intuitif, même pour quelqu'un qui utilise Beaver Builder pour la première fois.

Cela dit, il est important de noter que j'ai une certaine expérience dans la création de sites Web. Si vous débutez dans l'utilisation de WordPress ou si vous créez votre premier site, vous pourriez être intéressé par l'utilisation des modèles Beaver Builder.

Modèles prédéfinis

Comme je l'ai mentionné précédemment, Beaver Builder vous permet de commencer avec un canevas vierge ou des modèles pour créer vos pages. Prêt à l'emploi, il comprend plus de 30 modèles de pages de destination et bien d'autres modèles pour différents types de pages de contenu, et plus de 100 lignes prédéfinies :

Bien que la sélection de modèles puisse être plus large, Beaver Build inclut des conceptions modernes et ne semblerait pas déplacé sur un site Web. Vous avez des options avec des sections de grands héros, des arrière-plans animés, des groupes d'icônes, des sections de témoignages, des tableaux de prix, etc.

Si vous n'avez pas beaucoup d'expérience en conception de sites Web, les modèles sont un outil qui vous sauve la vie. Une fois que vous avez compris le fonctionnement du plugin, vous pouvez également utiliser le système de modèles de Beaver Builder pour enregistrer vos propres conceptions et les ajouter à d'autres pages ou projets :

Les modèles sont une grande partie de ce qui fait de Beaver Builder un constructeur de pages convivial pour les débutants, je vous encourage donc à au moins essayer quelques options si vous travaillez sur un nouveau projet.

Compatibilité et performances de Beaver Builder avec Cloudways

La vitesse du site joue un rôle crucial dans le succès de votre site Web et est probablement l'une des plus grandes préoccupations de la plupart des propriétaires de sites. L'optimisation du site est une nécessité, mais évaluer comment le faire peut être délicat. Pour cette revue de Beaver Builder, j'ai testé ce générateur de page sur Cloudways pour voir à quel point il fonctionne, afin que vous n'ayez pas ces pensées persistantes.

Je vais utiliser des outils de test de vitesse essentiels et vous montrer à quel point Beaver Builder est compatible avec la plate-forme Cloudways.

Ressources que nous avons utilisées :

Configuration du serveur Cloudways

Configuration de l'application

Plugin installé

En utilisant les ressources ci-dessus, j'ai créé un site Web pour vous aider à comprendre le scénario en direct. Vous pouvez consulter le site Web à partir de ce lien. Maintenant, je vais tester le site sur différents outils pour vous montrer la compatibilité et les performances de Beaver Builder avec Cloudways.

Analyse des performances GTMetrix

URL : https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/

• Performances : 100%
• Structure : 93%
• LCP : 539ms
• TBT : 0ms
• CLS : 0,03

Analyse des performances de Pingdom

URL : https://tools.pingdom.com/#5ea5673c8fc00000

• Niveau de performance : 88
• Taille de la page : 2,0 Mo
• Temps de chargement : 365ms
• Demandes : 49

Analyse des performances de PageSpeed ​​Insight

Note globale : 91
PCF : 0.8s
Indice de vitesse : 1,5 s
LCP : 1.8s
TTI : 0.8s
TBT : 0ms
CLS : 0,028

Comme vous pouvez le voir, j'ai testé le site sur trois outils de test différents, et les résultats sont assez impressionnants. Cloudways vous fournit un hébergement WordPress géré avec des serveurs dédiés avec des plugins de cache intégrés et offre des performances incroyables. Le déploiement de sites Web construits avec des constructeurs de pages comme Beaver Builder signifie que vous avez des expériences incroyables à offrir à vos utilisateurs.

Beaver Builder : avantages et inconvénients

J'ai passé en revue tout ce que Beaver Builder propose : ses fonctionnalités, son fonctionnement et son coût. Dans cet esprit, faisons un bref récapitulatif des avantages et des inconvénients de ce plugin de création de page.

Avantages:

• C'est un outil incroyablement intuitif, même si vous n'avez pas d'expérience avec les constructeurs de pages.
• La sélection de modèles présente des designs modernes et polyvalents.
• L'ajout et la personnalisation d'éléments sur vos pages sont simples et chaque module comprend une large gamme de paramètres et d'options.
• Le système de colonnes et de lignes est simple et fonctionne pour tout type de site Web.
• Vous pouvez enregistrer des modèles et des modules personnalisés pour les réutiliser dans d'autres contenus.

Les inconvénients:

Mais si Beaver Builder est incroyable, il n'est pas sans défauts. Par exemple, les modèles inclus sont bien conçus, mais la sélection pourrait être beaucoup plus large, étant donné que de nombreux nouveaux arrivants WordPress s'appuieront probablement sur ceux-ci pour créer leurs sites Web.

L'autre inconvénient potentiel à considérer est que la version gratuite du plugin n'inclut pas beaucoup de modules. Pour tirer le meilleur parti de Beaver Builder, vous devrez passer à un forfait payant, ce qui peut être une déception pour les utilisateurs de sites personnels.

Incompatibilités de Beaver Builder

Beaver Builder est compatible avec la plupart des choses liées à WordPress, mais certaines lacunes subsistent. WordPress est une plate-forme open source, donc les utilisateurs essaient différents thèmes et plugins pour vérifier la compatibilité, et parfois ils réussissent, et d'autres fois ils font face à une incompatibilité.

Examinons quelques incompatibilités majeures de Beaver Builder.

1. Conflits de plugins

Lorsque vous rencontrez un problème avec l'éditeur de Beaver Builder, cela se produit souvent en raison d'un autre conflit de plugin. Un plugin de cache peut être une cause de conflit. Si tel est le cas, purgez le plug-in de cache chaque fois que vous rencontrez un problème et désactivez tous les plug-ins à l'exception de Beaver Builder. Activez chaque plugin un par un et testez Beaver Builder après chacun. Répétez ce processus jusqu'à ce que vous trouviez le plugin à l'origine du problème.

2. Conflits de thèmes
Les thèmes peuvent également causer des problèmes avec le plugin WordPress Beaver Builder. Quels sont les problèmes qui surviennent à cause du thème, et comment pouvons-nous les identifier ?

Examinons les points ci-dessous pour une meilleure compréhension :

• La page se bloque pendant l'édition ou lors de l'enregistrement de la page modifiée
• Utilisateur incapable de modifier la page dans Beaver Builder
• La barre d'édition de Beaver Builder n'apparaît pas en haut de la page
• Les boîtes de paramètres de module n'apparaissent pas dans l'éditeur

Allez dans Tableau de bord WordPress > Apparence > Thème et basculez votre thème actif sur n'importe quel thème WordPress standard, comme vingt vingt.

3. Plugin Javascript asynchrone

Le plugin Javascript async peut entrer en conflit et causer un problème à moins que vous ne configuriez les paramètres ci-dessous.

• Exclure jQuery
• wp-includes/js est ajouté au champ Javascript asynchrone > Paramètres > Exclusion de scripts .

4. Plugin Duplicateur

Il n'est pas recommandé d'utiliser un plugin de duplication pour cloner les pages et enregistrer les mises en page. Vous constaterez peut-être que cela fonctionne, mais lorsque vous modifiez la mise en page de Beaver Builder sur la nouvelle page, cela pose des problèmes. Au lieu de cela, vous pouvez utiliser Duplicator Layout dans le menu Beaver Builder Tools.

5. Le chargeur de fusée de Cloudflare

Le Rocket Loader de Cloudflare peut causer des problèmes avec Beaver Builder lors de l'édition des pages, il est donc recommandé de le désactiver pendant l'édition. Vous pouvez l'activer lorsque vous avez terminé votre site.

Avis des utilisateurs de Cloudways sur Beaver Builder

Le bouche à oreille est plus fort que les techniques de marketing, alors regardons la communauté Beaver Builder et analysons ce que les gens disent à propos de Cloudways. Il est temps d'explorer comment les gens trouvent Cloudways comme la meilleure plate-forme tout en utilisant Beaver Builder.

Il est sûr de dire que Cloudways est l'un des meilleurs choix pour votre prochain site Web que vous avez l'intention de créer à l'aide de Beaver Builder.

Réflexions finales sur Beaver Builder

Après avoir testé le plugin Beaver Builder WordPress à fond, je peux affirmer avec certitude que c'est l'une des meilleures solutions pour commencer à créer des sites Web WordPress phénoménaux.

Le plugin a des tonnes de fonctionnalités et il est suffisamment flexible pour vous permettre d'être aussi créatif que possible avec votre conception. Et surtout, il est incroyablement facile à utiliser. C'est presque comme jouer avec Lego : vous ramassez les éléments que vous voulez sur votre site et vous les placez où vous le souhaitez. Continuez ainsi (mais vous pouvez devenir pro dans les paramètres avancés si vous le souhaitez) pendant que le site Web résultant est juste devant vous. En bref, vous voyez tous les changements sur le site au fur et à mesure que vous les apportez, ce qui rend le processus très intuitif et, oserais-je dire, amusant.

Et après avoir testé les performances du plugin sur Cloudways Managed Hosting, je peux affirmer avec certitude que si vous souhaitez déployer un site Web rapidement mais que vous ne voulez pas faire de compromis sur ses performances ou sa sécurité, etc., vous devez utiliser un serveur WordPress sur Cloudways + Le plugin Beaver Builder, qui est une formule sûre pour le succès.

Que pensez-vous de Beaver Builder après avoir lu cette critique ? S'il y a un point que nous avons peut-être manqué, faites-le moi savoir et je m'assurerai de mettre à jour cet avis.