Beaver Builder vs Elementor - Un guide ultime et une comparaison (2021)

Beaver builder contre Elementor

Quels sont les deux constructeurs de pages les plus populaires pour WordPress ? Si vous recherchez un Beaver Builder Comparaison avec Elementor, vous le savez déjà, ce sont deux des meilleurs produits du marché ! En tant qu'utilisateur final qui souhaite pouvoir concevoir votre site Web vous-même, nous sommes sûrs que vous savez que ces plugins font partie de vos meilleurs choix parmi les nombreuses options disponibles.

Cependant, il existe différences que vous devez connaître avant de faire votre choix. Ces deux produits ont leurs nuances qui pourraient faire une différence dans votre décision.

Parce qu'une fois que vous avez pris une décision, vous y êtes surtout pour le long terme, il n'y a (presque) pas de retour en arrière. Faire le bon choix est essentiel! 

Vous devez vous assurer de choisir le générateur de page qui correspond à vos besoins et préférences.

Par exemple, si vous créez des pages avec un générateur de page et que vous décidez ensuite de passer à l'autre, votre contenu sera préservé mais vous vous retrouverez avec une mise en page désordonnée avec des codes courts dispersés partout. Il peut être très fastidieux et chronophage de tout reconstruire à nouveau.

Nous allons parcourir les fonctionnalités des deux plugins et les comparer afin que vous puissiez prendre la bonne décision.

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 dans la section suivante. Si vous êtes impatient de démarrer la comparaison, vous pouvez passer directement à Elementor vs Beaver Builder sections.

Cette Beaver Builder vs l'article du plugin Elementor a été mis à jour dans Septembre 2021 l'ajout d'informations et de mises à jour pertinentes et importantes au fur et à mesure que de nouvelles fonctionnalités sont développées et publiées sur les deux produits. Vous pouvez être assuré que cet article contient les dernières informations impartiales.

Beaver Builder contre Elementor

Élémentor et Beaver Builder sont deux outils puissants pour la conception de sites. Elementor a une version gratuite, mais la version PRO (49 $) excelle avec un ensemble complet d'éléments et une bibliothèque de modèles. Beaver Builder reste une excellente alternative par sa simplicité et son prix attractif (99$).

  logo elementor beaver builder logo
Général  5/5  4.5/5
Gagnant ?????  
Prix $49 $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 + de 80  31 
Code propre Oui Oui
Modèles / mises en page prédéfinis + de 300 + de 50
Fonctionnalité cool Contenu dynamique Castor Themer
Performance
Ce que nous avons aimé  Solution très puissante pour créer tout type de design  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 du plugin
   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
     Aucune option d'annulation, de restauration ou d'historique
Site Entreprise Visitez le site Elementor Parce que Beaver Builder 

Qu'est-ce qu'un générateur de page?

Les constructeurs de pages promettent de rendre la conception de votre site Web beaucoup plus facile et less compliqué. Essentiellement, ces outils garantissent que vous n'avez besoin d'aucune connaissance technique lorsqu'il s'agit de choses telles que HTML, CSS ou JavaScript.

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.

C'est contraire à ce qui était la norme il y a quelques années, être programmeur, ou du moins avoir une bonne connaissance des technologies web était essentiel pour développer un site web!

Avec l'avènement de ces produits, la nécessité de embaucher des développeurs Web semble être devenu une pensée lointaine ou complètement inutile.

En réalité, ce n'est pas le cas.

Les développeurs et concepteurs Web restent les meilleurs choix pour des solutions entièrement personnalisées. Cela ne signifie pas qu'il n'y a pas de place pour les constructeurs de pages. Les deux ont leurs scénarios d'utilisation.

Les constructeurs de pages peuvent en fait rendre les concepteurs Web plus efficaces.

L'essentiel est que les concepteurs de sites Web et les créateurs de pages continueront de coexister dans un avenir prévisible. De nombreux développeurs et concepteurs utilisent des constructeurs de pages pour créer des sites Web pour leurs clients.

Il existe de nombreux articles, discussions et débats en ligne sur ce sujet si vous souhaitez approfondir les différences entre l'embauche de concepteurs Web et l'utilisation d'un plugin de création de page.

Mais pour l'instant, nous nous écartons.

Parce que l'objectif de cet article est de Beaver Builder vs Elementor, nous allons parler un peu des raisons pour lesquelles vous voudriez utiliser un constructeur de pages au lieu d'embaucher un concepteur Web professionnel.

Pourquoi utiliser un générateur 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 page est comme un plugin «tout-en-un». Ils ont 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 page, vous devrez installer plusieurs plugins à la place, un pour chaque besoin spécifique.

Au fur et à mesure que vos besoins augmentent, vous devrez peut-être installer de nombreux plugins différents. Et si vous décidez d'opter pour des plugins premium, les frais de licence commenceront à s'additionner.

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 et est également la principale raison pour laquelle vous voudriez avoir un constructeur de page WordPress installé: de beaux 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 d'entre eux répondront à «la plupart» de nos besoins.

Vous penserez toujours qu'il manque quelque chose ou "J'aimerais pouvoir faire ceci ou cela."

La solution? Les constructeurs de pages WordPress aiment Beaver Builder et constructeur Elementor.

Il n'y a pas de limite à ce que vous pouvez créer avec un constructeur de page. Vous pouvez personnaliser vos pages comme vous le souhaitez et dans certains cas, même votre thème entier.

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 plus les constructeurs de pages en créant des conceptions plus personnalisées en sachant comment écrire des codes HTML et CSS, cela n'est PAS nécessaire.

La plupart des constructeurs de pages, comme Elementor et Beaver Builder plugin, livré avec une interface glisser-déposer qui vous aide à créer facilement des pages sans une seule 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.

Élémentor contre Beaver Builder: L'interface

L'une des choses les plus importantes à considérer lors du choix d'une application ou d'un logiciel est l'interface utilisateur. 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.

Il doit être à la fois facile à utiliser et améliorer votre productivité.

Nous allons donc jeter un œil aux deux «faces» ou plutôt aux interfaces du plugin.

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.

Mais bien sûr, l'apparence et l'expérience utilisateur de la création d'un site avec celui-ci peuvent faire ou défaire un produit.

Commençons par l'interface d'Elementor.

Interface de l'élémentor

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.

Visitez pour télécharger la version gratuite d'Elementor

Cela fonctionne avec le concept de blocs, que vous pouvez voir en action dans cette vidéo d'une minute:

VRoPdyk97mg

 interface 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.

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 en vedette, son statut de publication, etc.
  • Navigateur - cliquer dessus 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 n'affiche que les modifications que vous avez effectuées dans la session en cours.
  • Mode réactif - vous permet de voir à quoi ressemblera votre site Web sur différents appareils / 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.

Beaver BuilderInterface de

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

Cliquez ici pour une démo en direct

Si vous n'avez pas le temps de regarder la démo, cette vidéo de 2 minutes créée par le Beaver Builder team, peut vous montrer rapidement l'interface et comment créer des pages :

tCNDDQ7Jrs8

Comme vous l'avez vu dans la vidéo ci-dessus lorsque vous modifiez une page WordPress via Beaver Builder, voici ce que vous verrez :

interface castor

Au sommet, vous avez Beaver Builder's bar affichant des informations minimales mais essentielles sur votre page actuelle. Pour ajouter un élément, vous cliquez sur le "+Bouton ”situé dans le coin supérieur droit.

modules de castor

Pour ajouter un élément, ou un « module » selon 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 de textes.

Vous pouvez également cliquer sur un module de texte pour le modifier, ce qui, à nouveau, fait apparaître le pop-up éditeur de texte.

é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 que vous avez fait cela, vous pourrez également effectuer une édition 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

Comme vous pouvez le voir ci-dessus, 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

Conclusion de l'interface

L'une des plus grandes différences et peut-être un facteur décisif pour les autres est Beaver Builderl'absence d'historique des modifications pour faciliter l'annulation des modifications.

En dehors de celui-ci, les deux plugins offrent des mises en page et des performances d'édition identiques.

En termes d'apparence, Beaver Builder a l'avantage avec son look beaucoup plus épuré, bien que cela puisse être juste une préférence personnelle. Faire 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 blocs de construction que les créateurs de pages WordPress peuvent utiliser pour créer le contenu de votre page. Ce sont des textes, des titres, des boutons, des galeries et d'autres éléments. Dans les exemples précédents, vous avez vu le texte et les éléments de titre.

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

Éléments d'Elementor: sections, colonnes et widgets

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

  1. sections,
  2. colonnes et
  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 30 widgets à utiliser dans la version gratuite et plus de 52 widgets WordPress dans la version PRO. Ces chiffres sont de plus en plus nombreux à 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 mis 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 à lui-même. Le GIF ci-dessous montre cela en action pour le constructeur Elementor.

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. Voyons l'autre.

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

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

  1. Lignes,
  2. colonnes et
  3. modules.

Les lignes sont les plus élevées de la hiérarchie. Les colonnes vont à l'intérieur des lignes, puis les modules vont à l'intérieur des colonnes. Les modules sont votre contenu réel, tandis que les colonnes et les lignes le sont, encore une fois, à des fins de mise en page.

Beaver BuilderLa version gratuite de vous donne 6 modules tandis que la version pro vous donne 30 modules avec lesquels jouer. Il est conseillé de consulter le site Web pour confirmer les modules actuels disponibles avec les deux versions.

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

Son style fonctionne de la même manière que 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

Conclusion des modules et widgets

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, le rend un peu plus facile en ayant un menu contextuel sur chaque élément qui vous permet de sauter directement dans 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 fin sur les options de style. Vous pouvez appliquer des styles aux sections ou aux lignes ou les affiner et faire en sorte que les widgets ou les 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 si vous souhaitez désactiver les couleurs et les polices par défaut d'Elementor. Il est recommandé de cocher ces cases pour maintenir la cohérence du style sur l'ensemble de votre site.

Sous Style onglet, vous pouvez configurer divers autres paramètres de conception.

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

Nous n'allons pas passer en revue tous ces éléments, mais comme vous pouvez le voir, vous pouvez affiner de nombreuses options de style sur cette page. Passons aux options de style de l'éditeur.

Options de style de base d'Elementor

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 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 reçues par les enchanteurs et permettent aussi 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 du 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, des marges et des rembourrages personnalisés, des effets de défilement, des paramètres d'arrière-plan, etc. Vous pouvez également appliquer un CSS personnalisé si vous le souhaitez (ce 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, reçues par les enchanteurs et permettent aussi Avancée options.

Styles

styles de castor

Le style les paramètres s'affichent 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 le texte, les liens et les couleurs de 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

Le 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, voyez un exemple ci-dessus - la ligne rouge sous l'en-tête de 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

Le 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

Conclusion de style

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 la plupart équivalents à cet égard.

Modèles

Jusqu'à présent, nous avons vu des outils puissants qui nous permettent de créer des pages personnalisées à partir de zéro. Mais ne serait-il pas préférable que nous ayons des modèles à utiliser? Les modèles permettraient au processus de conception d'être beaucoup plus rapide.

Ce qui est bien, c'est qu'Elementor et Beaver Builder offrent des fonctionnalités de modélisation. 

Dans ce contexte, les modèles sont des conceptions prêtes à l'emploi que vous pouvez utiliser pour démarrer 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 une quarantaine de modèles. Dans la version Pro, vous avez le choix entre plus de 40 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: les modèles de bloc et de 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 pour une page de destination et une page d'accueil. De plus, vous avez le choix entre différentes saveurs. 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 comme 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 Modèles

In Beaver Builder, vous avez le choix entre trois types de modèles : les pages de destination, les pages de contenu et les 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 du tout d'options de modèles, vous devrez donc 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 de la page, la page de contact, la page d'accueil, etc. Au moment de la rédaction de cet article, vous avez le choix entre 25 modèles de page de contenu. 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. Vous pouvez vérifier comment cela se fait en lisant leur documentation ici.

Conclusion des modèles

le générateur Elementor offre plus de modèles parmi lesquels choisir et des options d'importation et d'exportation de modèles plus faciles que Beaver Builder. En ce qui concerne la conception 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. Sur 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 propose à ses utilisateurs.

Pour Elementor, le générateur de thème est automatiquement déverrouillé une fois que vous passez à sa version premium. Pour ce qui est de Beaver Builder, vous devrez installer un plugin séparé appelé Beaver Themer qui est un achat séparé de 147 $.

Générateur de thèmes d'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
  • Single post
  • Archiver
  • Pages 404
  • 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 avez tous les éléments normaux ainsi que des éléments nouveaux et spécifiques pour le type de section de thème 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 terminé 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.

Beaver BuilderGénérateur de thèmes

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èmes 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
  • Archiver
  • Poteaux simples (singulier)
  • 404 pages
  • Partie

 

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 UI que le Beaver Builder constructeur de page.

Ci-dessous, vous pouvez voir l'éditeur de mise en page de thème en action où nous éditons 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 page normal.

beaver builder éditeur de thème

Conclusion du générateur de thèmes

Les deux plugins de création offrent un excellent contrôle et une excellente 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.

Prix

Nous avons déjà comparé un peu les deux plugins et nous avons vu ce que vous pouvez obtenir dans leurs versions gratuite et Pro. Mais combien coûte chaque constructeur? Et lequel vous donne 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.

  • Perso - 49 $ pour un seul site.
  • Business - 99 $ pour trois sites.
  • Expert - 199 $ pour 25 sites
  • Studio - 499 $ pour 100 sites
  • Illimité - 999 $ pour les sites illimités.

prix élémentaire

Tous les plans ont le même nombre de fonctionnalités et continueront de 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.

  • Standard - 99 $
  • Pro - 199 $
  • Agence - 399 $

 

Tarification BB

Le 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 plans 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.

Conclusion des prix

Si vous voulez une version gratuite, Elementor est votre choix clair.

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.

De plus, si vous êtes un développeur cherchant à revendre un hébergement, vous voudrez peut-être jeter un coup d'œil à ceci discussion. En bref, 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, ou enfin si tu veux plus d'avis, notre point de vue sur Divi, bien que nous pensons que vous devriez limiter votre choix à ce stade et regarder notre conclusion ci-dessous.

É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.

Elementor n'est pas open-source alors que Beaver Builder est, mais Elementor est globalement plus puissant.

Du point de vue de la sécurité, Elementor a eu un sérieux faille de sécurité dans le passé, mais cela a été résolu et le produit continue de progresser, atteignant 5 millions d'installations actives récemment et avec une stratégie forte pour atteindre 10 millions bientôt!

Alors oui, vous achetez définitivement un bon produit!

Si vous êtes un développeur ou un utilisateur solo à la recherche d'un excellent plugin avec des tonnes de fonctionnalités et des mises à jour rapides, alors optez pour le plugin de création de page Elementor. Si vous êtes un développeur ou un utilisateur qui ne veut pas être submergé 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.

Comme les deux Beaver Builder et Elementor évoluent tous les deux en permanence, il n'y a pas de gagnant clair, mais nous aimons toujours Elementor un peu mieux, même si vous pouvez facilement prendre la bonne décision en fonction des facteurs que nous avons décrits et de vos besoins actuels.

Visitez Elementor

 

A propos de l'auteur
David Attard
Auteur: David AttardSite Web : https://www.linkedin.com/in/dattard/
David travaille dans ou autour de l'industrie en ligne / numérique depuis 18 ans. Il possède une vaste expérience dans les industries du logiciel et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. 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 plates-formes numériques disponibles aujourd'hui.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez 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 ...