Elementor vs Beaver Builder – Quel est le meilleur ?

Publié: 2021-02-25

Créer un site Web à l'aide de WordPress n'a jamais été aussi facile grâce à son interface facile à utiliser combinée à une énorme bibliothèque de plugins qui étendent les fonctionnalités de presque toutes les manières dont vous pourriez avoir besoin. Et lorsqu'il s'agit de créer votre site, les constructeurs de pages comme Elementor et Beaver Builder en font un jeu d'enfant. Dans cette revue Elementor vs Beaver Builder, nous allons examiner certaines des fonctionnalités de chacun de ces constructeurs de pages populaires pour vous aider à décider lequel pourrait être le mieux pour votre projet.

Commençons!

Élémentaire

Elementor se décrit comme « le premier constructeur de sites Web WordPress au monde ». Apparu pour la première fois sur la scène en 2016, Elementor est devenu extrêmement populaire avec plus de 5 millions d'installations actives.

Avec une communauté mondiale active de plus de 60 000 membres, de multiples récompenses locales et internationales, ainsi que de précieux partenariats, Elementor est régulièrement en tête de liste en tant que constructeur de pages WordPress de choix parmi les concepteurs et développeurs de sites Web.

Tarification des éléments

Comme de nombreux plugins WordPress, Elementor exploite un modèle de tarification "freemium". Leur plugin de base est gratuit et offre un éventail impressionnant de fonctionnalités pour un produit gratuit. Si toutefois vous souhaitez profiter de certaines des options les plus avancées à votre disposition, vous devrez passer à l'un de leurs plans.

La principale différence entre la version gratuite d'Elementor et la version Premium est l'inclusion de widgets "Pro" supplémentaires. Ceux-ci étendent considérablement les options qui s'offrent à vous lors de la création d'un site Web. De plus, vous aurez accès à des kits de modèles de sites Web qui peuvent accélérer le processus de construction, un générateur de fenêtres contextuelles et un accès à l'assistance. La seule différence entre les plans Premium est le nombre de sites sur lesquels vous pouvez installer Elementor.

Si vous êtes sérieux au sujet de votre site Web, il est vivement recommandé d'acheter une licence Premium. Pour un site Web, cela ne coûte que 49 $, ce qui est bon marché si l'on considère les fonctionnalités supplémentaires que vous gagnerez. Cette licence est valide pour la durée de vie du site Web (c'est-à-dire qu'aucun renouvellement annuel n'est requis). Si toutefois vous ne renouvelez pas votre licence Premium chaque année, vous perdrez l'accès à leur support et à leurs mises à jour. Il s'agit d'un compromis équitable. Si votre site est opérationnel et que vous n'avez plus besoin d'assistance, vous n'aurez pas besoin de renouveler et votre site continuera à fonctionner avec toutes les fonctionnalités professionnelles disponibles. N'oubliez pas qu'en plus de perdre l'accès au support, vous ne pourrez pas installer de mises à jour pouvant inclure des correctifs de sécurité ainsi que de nouvelles versions de fonctionnalités.

Un examen plus approfondi des fonctionnalités d'Elementor Pro

Mis à part le support et les mises à jour, qu'obtenez-vous pour votre argent avec Elementor Pro ? Beaucoup en fait !

Nous voulons tous que nos sites Web soient beaux et plus nous pouvons y parvenir facilement, mieux c'est ! Elementor Pro comprend plus de 50 widgets pour vous aider à faire exactement cela. Ceux-ci incluent des éléments tels que les tableaux de tarification, les formulaires, les titres animés, les galeries, les carrousels multimédias, les widgets de connexion et bien plus encore. Vous pouvez consulter la liste complète sur le site Web d'Elementor.

D'un point de vue marketing, Elementor Pro inclut des ajouts vraiment utiles, notamment des outils tels qu'un générateur de fenêtres contextuelles, des éléments collants, des boutons sociaux et des intégrations, des widgets de preuve sociale, des widgets d'appel à l'action, des liens d'action et bien plus encore.

Elementor Pro vous offre également une capacité presque inégalée de modifier la mise en page des sections d'en-tête et de pied de page de votre site Web, des zones qui sont normalement "hors de portée" avec de nombreux constructeurs de pages alternatifs. Cela peut vraiment vous aider à faire passer la conception de votre site Web au niveau supérieur et tout cela sans avoir à toucher à une ligne de code.

Intégrations Elementor

Elementor s'intègre à une large gamme d'autres applications, notamment Mailchimp, Slack et plus encore.

Et si vous vous sentez vraiment aventureux, Elementor vous permet de créer vos propres intégrations, ce qui signifie que vous pouvez connecter votre site Web aux applications dont vous avez vraiment besoin.

Comment utiliser Elementor

La mise en route est simple et rapide. Comme pour tout plugin WordPress, le moyen le plus simple de l'installer est de se diriger vers la section Plugins. À partir de là, recherchez Elementor, puis installez-le.

Maintenant, créez une nouvelle page ou un nouveau message et vous verrez en haut un bouton indiquant "Modifier avec Elementor". Cliquez dessus pour ouvrir l'éditeur Elementor.

À ce stade, votre page s'ouvrira et vous verrez la barre latérale Elementor. Prenez le temps de vous y habituer… vous passerez une grande partie de votre temps de conception à l'utiliser ! Quiconque a déjà utilisé le constructeur de pages comprendra rapidement comment cela fonctionne. Essentiellement, vous disposez d'un certain nombre de widgets (mise à niveau vers le plugin Premium si vous en voulez plus) qui peuvent être déplacés vers des sections de votre page.

Elementor vous permet d'ajouter plusieurs sous-sections à chaque page pouvant contenir n'importe quel nombre de widgets. Ces sections peuvent être divisées en colonnes et redimensionnées en les faisant glisser. Chaque widget Elementor que vous utilisez possède son propre menu qui peut être utilisé pour contrôler le fonctionnement et l'apparence du widget. Au début, vous serez probablement un peu dépassé par les options qui vous sont proposées, mais après un certain temps, vous apprécierez le niveau de contrôle fin qui vous est offert. Cela vous permet à son tour de créer des mises en page complexes qui n'auraient normalement été possibles qu'avec des niveaux étendus de codage personnalisé.

Le moyen le plus simple de se familiariser avec Elementor est simplement de jouer. En 15 secondes environ, nous avons pu ajouter une image d'en-tête, une mise en page à deux colonnes en dessous qui contient le texte de l'en-tête, le texte du paragraphe et un bouton, le tout en les faisant glisser depuis le panneau du widget.

Vous verrez dans l'image ci-dessus que la barre latérale Elementor n'affiche pas les différents widgets disponibles. C'est parce que nous avons cliqué sur le bouton rose qui a été ajouté à notre page. Elementor nous montre donc les différentes options disponibles qui peuvent être utilisées pour personnaliser ce bouton, des choses évidentes comme l'URL vers laquelle vous voulez que le bouton se dirige lorsqu'il est cliqué jusqu'à la taille, le style, la couleur, etc. Le niveau de personnalisation à votre disposition est vraiment impressionnant.

Elementor, comme vous vous en doutez peut-être, vous permet également de concevoir votre site de manière à ce qu'il soit adapté aux mobiles. Si vous regardez en bas de la barre latérale du menu Elementor, vous verrez une petite icône qui ressemble à un écran d'ordinateur. Cliquez dessus, puis choisissez la disposition de la tablette ou du téléphone. Elementor vous montre ensuite à quoi ressemble votre site dans ce format.

Voici la chose intelligente… vous n'êtes pas limité par la mise en page générée automatiquement qu'Elementor crée pour ces vues mobiles. Si vous souhaitez affiner la façon dont votre site apparaît sur ces différentes tailles d'écran, allez-y et modifiez le contenu de votre page pendant que la page est ouverte dans la vue réactive. Elementor enregistrera ces modifications qui n'apparaîtront que dans cette vue particulière. Encore une fois, le contrôle est le mot d'ordre ici et Elementor le fournit à la pelle.

En cliquant avec le bouton droit de la souris dans la zone de contenu, vous pouvez afficher le navigateur, un outil très pratique pour accéder rapidement à n'importe quelle section. Cliquez simplement dans une section et la page défilera automatiquement jusqu'au début de cette zone.

Bibliothèque de modèles Elementor

La bibliothèque de modèles fournie par Elementor est l'une des nombreuses raisons pour lesquelles il s'agit d'un choix si populaire en tant que constructeur de pages. Vous pouvez y accéder directement depuis la page en cliquant sur l'icône du dossier (voir ci-dessous.

Cela ouvrira une fenêtre modale qui affiche une large gamme de modèles et de blocs. Les modèles sont des mises en page entières qui peuvent être importées en un seul clic. Celles-ci vous donnent un énorme coup de pouce en termes de vitesse, mais peuvent également être un moyen très utile de «rétro-ingénierie» de la manière dont une conception spécifique a été créée dans Elementor.

Les blocs sont similaires aux modèles mais se limitent à une sous-section plus petite d'une page (par exemple une section Héros ou une zone d'appel à l'action). Cela vous permet de choisir différents modèles qui peuvent être utilisés sur votre page.

Historique des révisions

Fait une erreur? Ne pas s'inquiéter. Elementor dispose d'une excellente fonctionnalité "Historique des révisions" qui vous permet de revenir en arrière sur toutes les modifications que vous apportez. Pour l'utiliser, cliquez sur l'icône Historique en bas du menu Elementor et vous verrez une liste complète des modifications apportées à votre site. Sélectionnez l'un d'entre eux pour restaurer votre page à ce point.

Elementor… le Page Builder à battre ?

Elementor est sans aucun doute un choix de premier ordre pour ceux qui recherchent un constructeur de pages WordPress riche en fonctionnalités. Il est robuste, bien pris en charge et vous permet de créer un site Web WordPress vraiment sur mesure avec peu de savoir-faire requis. La version gratuite fournit suffisamment d'outils pour vous permettre de vraiment "essayer avant d'acheter". Vous pourriez bien trouver qu'il offre tout ce dont vous avez besoin, mais au moins la mise à niveau vers la version Premium ne fera pas sauter la banque si cela est nécessaire.

Castor Bâtisseur

Beaver Builder, comme Elementor, est un constructeur de pages pour WordPress. Selon Beaver Builder, plus d'un million de sites Web utilisent désormais leur constructeur de pages pour créer de superbes sites Web. Beaver Builder a une base de fans importante et est constamment recommandé.

Beaver Builder a été lancé en 2014 et a été constamment développé depuis lors. Avec plus de 300 000 installations actives, il est certainement populaire. Voyons ce qu'il a à offrir !

Tarification du constructeur de castor

Beaver Builder propose trois niveaux de prix différents parmi lesquels vous pouvez choisir, ainsi qu'une version "Lite" du plugin qui peut être téléchargée directement à partir du référentiel WordPress.

Contrairement à Elementor, chaque plan peut être utilisé sur des sites Web illimités. Au lieu de limiter l'utilisation du site Web, les trois plans offrent des niveaux croissants de fonctionnalités. Le plan Standard comprend des modules de support et Premium. La version Pro inclut le thème Beaver Builder et est compatible avec plusieurs sites, tandis que le passage au plan d'agence vous permet de mettre votre site en marque blanche… parfait pour garantir que votre marque, et non celle de Beaver Builder, brille sur les sites clients.

Comme avec Elementor, si vous voulez vraiment rendre votre site Web le meilleur possible, il est probable que vous souhaitiez opter pour une version Premium de Beaver Builder. Lequel dépendra si vous souhaitez ou non utiliser le thème Beaver Builder (qui est un framework Bootstrap léger qui vous aide à lancer la création de votre site Web) ou si vous souhaitez pouvoir étiqueter en blanc le module Beaver Builder. Bien qu'il offre une version gratuite du plugin, Beaver Builder accepte généreusement de fournir des remboursements si vous choisissez de mettre à niveau et décidez ensuite que ce n'est pas pour vous.

Comment utiliser Beaver Builder

Pour commencer avec la version gratuite de Beaver Builder, rendez-vous sur la page Plugins et recherchez Beaver Builder. Installez-le comme vous le feriez pour n'importe quel autre plugin. Beaver Builder n'a pas son propre lien de menu principal - vous le trouverez sous le menu Paramètres. Tout d'abord, il s'agit de l'activer pour tous les types de publication sur lesquels vous souhaitez l'utiliser. Pour ce faire, cliquez sur "Types de messages" et cochez ceux que vous souhaitez.

Pour commencer à concevoir des pages à l'aide de Beaver Builder, créez une nouvelle page (ou publication) et vous verrez un bouton "Lancer Beaver Builder" en bleu. Appuyez dessus et l'éditeur se chargera.

Lorsque l'éditeur se charge, vous aurez la possibilité de faire une visite guidée du système, ce qui vaut la peine d'être fait. Une fois que vous avez fait cela, jetez un œil en haut à droite de la page. Vous verrez une icône "+". Cliquez dessus et le menu principal de Beaver Builder s'ouvrira. Cela fonctionne de manière similaire au menu fourni par Elementor avec une liste de widgets qui peuvent être glissés sur votre page. Vous apercevrez également les widgets Premium. Si vous souhaitez les utiliser, vous devrez acheter une licence Premium.

Une fois que vous avez fait glisser un widget vers le corps de la page principale, vous pouvez cliquer dessus et, encore une fois en commun avec Elementor, un nouveau menu s'ouvrira qui vous permettra de configurer davantage cette section. La gamme de personnalisations possibles est assez étendue et vous ne devriez avoir aucun problème pour obtenir le style que vous souhaitez.

L'une des fonctionnalités vraiment intéressantes de Beaver Builder est la possibilité de créer des colonnes en faisant simplement glisser un élément vers la gauche ou la droite. Une colonne est automatiquement créée et vous pouvez ensuite dimensionner la largeur de cette colonne en la faisant glisser. Ça marche vraiment plutôt bien !

Intégrations de Beaver Builder

Plutôt que d'essayer de s'intégrer à des milliers d'applications, Beaver Builder s'est concentré sur l'intégration avec quatre plates-formes et le fait très bien. Ceux-ci sont:

Big Commerce : Le plugin Big Commerce vous permet d'intégrer vos produits Big Commerce dans votre site WordPress. Beaver Builder vous permet ensuite de concevoir des mises en page personnalisées pour ces produits afin de garantir que votre magasin soit aussi personnalisé que vous le souhaitez.
Téléchargements numériques faciles : Cette solution complète de commerce électronique pour la vente de produits numériques via votre site Web WordPress est largement utilisée. Beaver Builder vous permet de personnaliser l'apparence des pages utilisées pour afficher les produits afin de les rendre aussi attrayants que possible.
Le calendrier des événements : Ce plugin génial est fantastique lorsque vous souhaitez afficher un calendrier sur votre site Web. Aussi bon soit-il, il peut être difficile de le styliser pour l'adapter à votre site. Castor Builder à la rescousse ! Créez rapidement et facilement vos propres thèmes pour le calendrier des événements afin qu'ils se fondent dans le style de votre site.
WooCommerce : Peut-être le plugin de commerce électronique le plus populaire pour WordPress, WooCommerce est utilisé par des milliers de sites à travers le monde. Beaver Builder s'intègre largement à WooCommerce, ce qui vous permet de profiter de toutes les fonctionnalités de personnalisation sur lesquelles vous comptez dans Beaver Builder pour styliser votre site WooCommerce.

Une documentation de support complète est fournie par Beaver Builder pour vous aider à tirer le meilleur parti de ces intégrations.

Alors, lequel est le meilleur?

Oh, c'est tellement difficile de répondre à une question comme celle-ci ! Comme avec la plupart des logiciels, il y a beaucoup de préférences des utilisateurs lorsqu'il s'agit de s'installer sur un système et les constructeurs de pages WordPress ne sont pas différents. Il y a des choses que nous aimons chez Elementor, comme le générateur de popup qui est inclus avec leur version Premium du plugin. De même, on a toujours l'impression qu'il y a une courbe d'apprentissage modeste pour tirer le meilleur parti du système, ce qui peut être frustrant pour les nouveaux arrivants.

Beaver Builder, d'autre part, est très intuitif à utiliser. Des choses comme la possibilité de créer des colonnes à la volée en faisant glisser des éléments autour des bordures de page sur le génie ! Peut-être qu'un argument pourrait être avancé qu'il n'est pas aussi riche en fonctionnalités qu'Elementor.

Alors que faire? Votre meilleur pari est d'installer les deux plugins et de jouer. Ce n'est qu'alors que vous apprécierez les avantages et les inconvénients de chacun et que vous choisirez le constructeur de pages WordPress qui vous convient.