Les constructeurs de pages font parler d'eux depuis un certain temps déjà dans la communauté WordPress. Ces outils sont populaires depuis longtemps, mais avec l'introduction du nouvel éditeur de blocs, beaucoup se sont demandé à quel point ils étaient toujours pertinents.

Bien que l'éditeur de blocs soit une nouvelle fonctionnalité intrigante, rien ne vaut les plugins de création de pages lorsqu'il s'agit de concevoir des pages et des publications personnalisées. le Plugin WordPress Beaver Builder est un parfait exemple des avantages qu'offre ce type d'outil – étant à la fois facile à utiliser et étonnamment puissant.

Dans cet article, nous examinerons de près Beaver Builder. Nous discuterons de ses principales fonctionnalités et de ses prix, puis vous montrerons comment cela fonctionne en action, afin que vous puissiez décider par vous-même s'il s'agit de la bonne solution de création de pages pour votre site Web.

Passons directement à notre nouveau guide amélioré et mis à jour du constructeur de pages Beaver Build WordPress !

Pourquoi vous pourriez avoir besoin d'un générateur de pages WordPress

À moins que vous ne soyez nouveau sur la plateforme, vous connaissez probablement l'éditeur WordPress classique :

L'éditeur WordPress classique

Bien que fonctionnel, il s'agissait toujours d'un système simple. Presque tout votre contenu a été ajouté à un seul champ, y compris le texte, les médias, etc. Créer des mises en page uniques et ajouter des fonctionnalités intéressantes était possible, mais nécessitait souvent un savoir-faire en matière de codage et/ou des plugins supplémentaires.

Cependant, récemment, les développeurs de WordPress ont publié une toute nouvelle version de l'éditeur désormais optimisée par Gutenberg :

Éditeur WordPress Gutenberg

Ce changement a été long à venir, mais ce n'est pas non plus particulièrement nouveau. L'éditeur de blocs est une version simplifiée d'un constructeur de pages – une solution populaire auprès des utilisateurs de WordPress depuis un certain temps.

Bien que chaque constructeur de pages WordPress soit différent, à un niveau de base, ils sont presque tous basés sur le même concept fondamental. Ils vous fournissent une sélection d'éléments prédéfinis et vous permettent de créer du contenu à partir de ces éléments. L'objectif est de faciliter et de rendre plus intuitive la création de contenu avec des mises en page et des fonctionnalités uniques, même si vous n'avez aucune expérience en matière de conception ou de codage.

Cependant, il convient de noter que l'éditeur de blocs est une fonctionnalité très limitée. Il vous permet de concevoir des publications et des pages de manière plus visuelle, mais offre une petite bibliothèque de blocs et peu de support pour les mises en page complexes. C'est pourquoi il vaut toujours la peine d'examiner vos autres options de création de pages, telles que le plug-in dont nous parlerons tout au long de cet article.

Fondamentaux du constructeur de castor

Constructeur de castor pour WordPress

Beaver Builder est l'un des plugins de création de pages les plus populaires, et pour cause. Il est simple à prendre en main pour les débutants, mais il est livré avec un large éventail d'options avec lesquelles jouer. À un niveau fondamental, il s'agit d'un système de glisser-déposer pour créer des articles et des pages, comme n'importe quel autre constructeur de pages. Cependant, il offre également de nombreuses fonctionnalités supplémentaires.

Certaines des fonctionnalités clés de ce plugin incluent :

  • Une grande bibliothèque de « modules » de contenu, allant des options de base (telles que les modules de texte et d'image) à des fonctionnalités plus avancées (modules d'appel à l'action, de carte et de galerie, etc.).
  • Une interface d'édition personnalisée qui vous permet de créer visuellement des pages, des publications et des types de publication personnalisés, et de voir vos modifications immédiatement.
  • La possibilité de créer des mises en page complexes à plusieurs colonnes et d'ajuster les tailles, l'espacement, etc.
  • Des sections et des modèles de page prédéfinis qui vous permettent de lancer le processus de conception, que vous pouvez modifier selon vos besoins.
  • La possibilité de créer et d'enregistrer vos propres modèles pour une utilisation ultérieure.
  • Options pour ajouter du code HTML personnalisé et vos propres classes CSS, pour les utilisateurs plus avancés.

Bien sûr, toutes ces fonctionnalités ont un coût. Alors qu'il y a un Castor Builder Lite version disponible gratuitement, elle ne propose que quelques modules de base, et n'inclut pas de nombreuses fonctionnalités de base comme les modèles et les options d'import/export. Cependant, la version allégée est utile pour tester ce générateur de pages et voir si vous aimez son fonctionnement.

Si vous envisagez d'utiliser sérieusement Beaver Builder, vous voudrez vous procurer une licence premium pour avoir accès au package complet. Ceux-ci commencent à 99 $ pour une utilisation sur des sites Web illimités et un an de support :

Tarification du constructeur de castor

Cet outil particulier Est-ce que nécessitent un investissement initial. Cependant, le coût initial peut être amorti en temps gagné et en un site Web plus efficace à long terme. Ce n'est donc pas une mauvaise affaire si cela respecte votre budget.

Comment démarrer avec le Beaver Builder

Lorsque vous ne savez pas si vous devez ou non choisir un nouveau plugin pour votre site Web, la meilleure chose à faire est d'apprendre tout ce que vous pouvez à ce sujet. En ce qui concerne les constructeurs de pages, cela inclut à quoi ils ressemblent, comment ils fonctionnent et quelles options ils offrent.

Dans cet esprit, examinons à quoi ressemble Beaver Builder et commençons à l'utiliser pour créer des publications et des pages. Naturellement, cette première chose que vous devrez faire est d'installer et d'activer le plugin.

De plus, vous souhaiterez activer votre clé de licence si vous avez acheté la version premium (que nous utiliserons dans ce didacticiel). Ensuite, vous pouvez vous mettre au travail.

Étape 1 : Accéder à l'éditeur Beaver Builder

Lorsque vous installez le plugin, vous verrez un nouvel onglet Beaver Builder dans votre tableau de bord. C'est là que votre contenu personnalisé sera enregistré – par exemple, si vous créez vos propres modèles uniques.

Vous pouvez également créer du contenu avec le constructeur de page en allant sur Beaver Builder > Ajouter un nouveau. Alternativement, vous pouvez simplement aller à Pages > Ajouter nouveau (ou l'équivalent pour les publications et les types de publication personnalisés). Une nouvelle option s'affiche :

Lancement de Beaver Builder

Cela signifie que vous pouvez soit créer votre contenu dans l'éditeur WordPress par défaut, soit dans le constructeur de page. Frappons le Lancer Beaver Builder bouton:

Éditeur de page Beaver Builder

Comme vous pouvez le voir, vous serez redirigé vers une toute nouvelle interface. Ici, vous pouvez créer du contenu et voir exactement à quoi il ressemblera sur la page.

Étape 2 : Sélectionnez un modèle de départ

Il convient de noter que vous n'êtes pas obligé d'utiliser des modèles si vous ne le souhaitez pas. Vous pouvez créer vos pages et vos publications entièrement à partir de rien, en ajoutant les modules de votre choix. La façon la plus simple d'apprendre est de commencer avec un modèle, cependant, ce que nous allons démontrer ici.

Dans le menu à droite de l'éditeur, sélectionnez le Modèles onglet en haut, et vous verrez de nombreuses options. Cliquez simplement sur un modèle ou faites-le glisser sur la page, et vous verrez la version complète :

Modèles de constructeur de castor

Cela vous fournit une mise en page de départ, ainsi que du texte et des images d'espace réservé. Heureusement, chaque élément ici peut être remplacé et modifié à volonté, vous pouvez donc créer quelque chose d'unique pour votre site Web.

Étape 3 : Modifier des modules individuels

Chaque élément individuel de l'éditeur Beaver Builder est un module autonome. Pour voir ce que nous voulons dire, vous pouvez survoler un morceau de texte, une image ou une fonctionnalité sur votre modèle de départ. Vous verrez le module entouré en bleu, et si vous cliquez dessus, vous verrez un nouveau menu :

Paramètres du module Beaver Builder

Il s'agit de la boîte de paramètres de ce module. Il contient toutes les options de personnalisation du contenu sélectionné. Par conséquent, ce qu'il comprend exactement dépendra du type de contenu avec lequel vous travaillez.

Par exemple, le photo Le module vous permet de changer le fichier utilisé et d'ajouter une légende et/ou un lien. Vous pouvez également passer à la Style pour modifier l'alignement, la bordure, etc. de l'image :

Paramètres de style Beaver Builder

La plupart des modules comportent également un Avancée où vous pouvez modifier ses marges, le rendre visible uniquement sur certains types d'appareils, ajouter du code HTML personnalisé, etc. :

Paramètres avancés de Beaver Builder

Comme vous pouvez le constater, la personnalisation de vos modules Beaver Builder est un jeu d'enfant. Il faudra un peu d'expérience pour se familiariser avec les options offertes par chaque type de module, mais une fois que vous l'aurez fait, vous vous retrouverez à ajouter votre propre contenu en un rien de temps.

Étape 4 : Personnalisez l'organisation et la mise en page de votre contenu

En plus d'apporter des modifications à des modules individuels, vous pouvez également personnaliser votre page dans son ensemble. L'une des façons de le faire est d'ajouter et de supprimer des modules. Pour ajouter un module, sélectionnez-en simplement un dans le menu principal de l'éditeur et faites-le glisser en place sur la page :

Module de formulaire de contact Beaver Builder

D'autre part, vous pouvez supprimer des modules en appuyant sur le X qui apparaît lorsque vous les survolez. Vous pouvez également faire glisser les modules de haut en bas ou d'un côté à l'autre, afin de les réorganiser à volonté.

De plus, vous pouvez modifier la mise en page générale de votre page. Pour voir un exemple de cela en action, survolez un module et appuyez sur Modifier la colonne > Paramètres de la colonne:

Colonnes de constructeur de castor

Ici, vous pouvez trouver des options relatives à tous les modules dans la colonne particulière. Vous pouvez modifier la couleur d'arrière-plan et l'espacement de la colonne, par exemple, et même ajouter une bordure.

Survolez maintenant l'arrière-plan de la page et sélectionnez Paramètres de ligne dans le coin supérieur droit :

Rangées de constructeurs de castors

Vous verrez un menu similaire, mais cette fois les options s'appliquent à la ligne de modules concernée. Vous pouvez définir la ligne sur une largeur fixe ou pleine largeur, personnaliser les couleurs et effectuer bon nombre des mêmes modifications que celles disponibles avec les colonnes.

Enfin, sélectionnez à nouveau le menu principal de l'éditeur et naviguez jusqu'au Lignes languette:

Options de colonne Beaver Builder

C'est ici que vous pouvez ajouter de nouvelles lignes et colonnes à votre page, ce qui vous permet de modifier considérablement sa mise en page. De plus, c'est le premier endroit où vous voudrez aller si vous créez une page ou publiez à partir de zéro. Vous pouvez d'abord déterminer la mise en page de votre contenu, puis ajouter des modules où vous le souhaitez.

Étape 5 : Développez l'ensemble de fonctionnalités de Page Builder (facultatif)

Il est à noter qu'il existe beaucoup d'autres fonctionnalités et options dans Beaver Builder – nous n'avons fait qu'effleurer la surface ici. Cependant, nous avons parcouru les fonctionnalités clés que vous devrez comprendre pour commencer. Après, l'approche pratique est la meilleure façon d'apprendre les ficelles du métier.

Avant de conclure, cependant, nous devons souligner qu'il existe plusieurs façons de tirer le meilleur parti de ce constructeur de pages particulier. D'abord, il y a un fonctionnaire Thème Castor Builderque vous obtenez gratuitement avec les deux principaux niveaux de licence :

Thème du cadre Beaver Builder

Vous pouvez utiliser Beaver Builder avec le thème de votre choix. Cependant, celui-ci est construit à partir de zéro pour fonctionner aux côtés du constructeur de pages. Il fournit un cadre de base que vous pouvez transformer en différents types et styles de sites Web.

Il y a aussi un add-on optionnel, le Beaver Themer :

Addon Themer castor

Avec ce plugin supplémentaire, vous pouvez également utiliser le générateur de page par glisser-déposer de Beaver Builder sur les en-têtes et pieds de page de votre site, les pages d'archives, les pages 404 et de recherche, et plus encore. Cela vous permet de concevoir la quasi-totalité de votre site Web en utilisant le même système.

À 147 $, il ne rentre peut-être pas dans tous les budgets, mais c'est un ajout utile pour un site Web que vous avez l'intention de monétiser, ou pour les développeurs et les concepteurs travaillant sur plusieurs sites.


Choisir un constructeur de pages pour votre site Web est un engagement important. Changer la façon dont vous créez et concevez du contenu sur la route peut entraîner des problèmes de compatibilité, il est donc préférable de commencer avec un outil que vous savez que vous serez heureux d'utiliser à long terme.

Heureusement, Castor Bâtisseur est une option solide pour les débutants et les utilisateurs plus avancés. De plus, il est facile de commencer comme vous l'avez vu ci-dessus.

Avez-vous déjà utilisé Beaver Builder, et quelle a été votre expérience ? Partagez avec nous dans la section des commentaires ci-dessous!