Skip to content

Tout pour WordPress, le développement web — et plus encore

🚀 WPBakery Page Builder : un guide pour la construction de pages par glisser-déposer

🚀 WPBakery Page Builder : un guide pour la construction de pages par glisser-déposer

Une mise en page personnalisée sans écrire une seule ligne de code, cela ressemble à un rêve. Surtout quand le thème WordPress par défaut ne fournit pas la structure dont vous avez besoin et que vous n'avez pas le temps de la coder à la main. Les constructeurs de pages résolvent ce problème: installez un plugin, glissez-déposez des blocs avec votre souris et obtenez une page d'atterrissage, un portfolio ou une page d'accueil en une heure.

WPBakery Page Builder est l'un des constructeurs de ce type les plus anciens et les plus utilisés. Selon le catalogue CodeCanyon, le plugin compte plus de 2 millions d'utilisateurs actifs et plus de 5 000 avis. Il est fourni avec des centaines de thèmes premium sur ThemeForest et reste activement mis à jour, la version actuelle 8.7.3 étant sortie en mai 2026.

💡 Aperçu rapide:

  • Installez WPBakery depuis le catalogue CodeCanyon ou depuis le bundle de votre thème, activez-le et accédez au mode constructeur sur n'importe quelle page
  • Construisez la structure: ajoutez une ligne, divisez-la en colonnes et remplissez-la avec des éléments (texte, boutons, galeries, sliders)
  • Éditez visuellement: faites glisser les blocs dans l'ordre souhaité, ajustez les marges internes et les arrière-plans via le panneau de la ligne
  • Enregistrez la mise en page comme modèle et réutilisez-la sur d'autres pages en un clic

Qu'est-ce que WPBakery Page Builder

WPBakery (anciennement connu sous le nom de Visual Composer) est un plugin de constructeur de pages pour WordPress développé par l'équipe WP Bakery. Il est vendu sur CodeCanyon et fourni avec de nombreux thèmes populaires. Note importante: ne le confondez pas avec le produit distinct Visual Composer disponible sur visualcomposer.com, car il s'agit de deux plugins différents aux noms similaires.

Le constructeur fonctionne selon deux modes: un éditeur backend directement dans le panneau d'administration et un éditeur frontend où vous voyez la page comme un visiteur et modifiez les éléments en direct. Aucun code requis, seulement du glisser-déposer et de la configuration via des panneaux d'options.

Installation et premiers pas

Le plugin s'installe de manière standard: téléchargez l'archive ZIP depuis votre compte CodeCanyon ou depuis le bundle de votre thème, téléversez-la via Extensions → Ajouter → Téléverser une extension et activez-la. Une licence Regular coûte 59 $ pour un site avec des mises à jour à vie.

Après l'activation, de nouveaux boutons apparaissent sur l'écran d'édition de page: basculez entre l'éditeur classique et le mode constructeur, ainsi qu'un bouton pour l'éditeur frontend.

Boutons de basculement du mode WPBakery dans l'administration WordPress

À partir de là, la seule limite est votre imagination. Ajoutez des lignes, des colonnes, des boutons, du texte et des images via le panneau des éléments. Vous pouvez enregistrer la mise en page terminée comme modèle pour la réutiliser.

Construire une page: lignes, colonnes et éléments

Lignes et colonnes

La construction d'une page commence par une ligne. Une ligne est un conteneur horizontal qui se divise en colonnes. Survolez l'onglet jaune dans le coin supérieur gauche de la ligne et sélectionnez une disposition de colonnes. Le constructeur divisera automatiquement l'espace en le nombre requis de colonnes.

Sélection de la disposition des colonnes dans l'éditeur WPBakery

Les dispositions de base incluent 1/2+1/2, 1/3+2/3, 1/4+3/4 et leurs variantes en miroir. En combinant des lignes avec différentes dispositions, vous pouvez construire une grille de page complète sans CSS.

Éléments de page

Cliquez sur le bouton «Ajouter un élément» pour ouvrir un menu contextuel avec tous les modules disponibles. Le package standard de WPBakery comprend des blocs de texte, des titres, des boutons, des images, des galeries, des accordéons, des onglets, des bascules, des blocs d'articles récents et des widgets de barre latérale.

Menu contextuel d'ajout d'élément WPBakery

Le nombre d'éléments dépend de votre thème et des plugins actifs. De nombreux thèmes premium ajoutent leurs propres modules adaptés à leur design: carrousels, séparateurs, boîtes d'icônes, jalons et frises chronologiques.

Lorsque vous sélectionnez un élément, son panneau de paramètres s'ouvre (parfois avec plusieurs onglets). Voici un exemple de la fenêtre d'options pour le module Boîte d'icône (disponible dans les thèmes qui le prennent en charge):

Panneau de paramètres du module Boîte d'icône dans WPBakery

Par défaut, le builder prend en charge quatre plugins tiers très répandus: Layer Slider, Revolution Slider, Gravity Forms et Contact Form 7. Si l'un d'entre eux est installé, un élément de page apparaît automatiquement pour le thème. Lors de l'insertion, WPBakery affiche une liste déroulante des sliders ou formulaires que vous avez créés précédemment. Vous n'avez pas besoin de copier les shortcodes manuellement.

Glisser-déposer et templates

Interface glisser-déposer pour les éléments dans WPBakery

Toute ligne ou tout élément peut être déplacé vers un nouvel emplacement à tout moment. La duplication de ligne et d'élément est disponible, ce qui est pratique pour répéter du contenu: colonnes identiques, toggles ou blocs de FAQ.

Lorsque la mise en page est prête, enregistrez-la comme template: cliquez sur le bouton «Templates», saisissez un nom et confirmez. Lors de la création d'une nouvelle page, le template se déploie avec tous les éléments et réglages enregistrés.

Options des lignes

Dans le coin gauche de chaque ligne, trois icônes permettent de gérer la ligne: dupliquer la ligne entière avec son contenu, ajouter de nouveaux modules et modifier les colonnes.

Icônes de gestion de ligne dans WPBakery pour le clonage et les paramètres

Les options de mise en forme disponibles dépendent du thème. Certains développeurs laissent WPBakery tel quel, tandis que d'autres étendent le panneau pour l'adapter au design de leur thème. Avant d'acheter un thème, vérifiez les paramètres du builder qui y ont été ajoutés.

Éditeur frontend

WPBakery inclut un éditeur frontend en direct: vous voyez la page à travers les yeux d'un visiteur et modifiez le texte, les images et les espacements directement sur place. Cliquez sur un élément, le panneau de paramètres s'ouvre et vous voyez le résultat immédiatement.

Tous les thèmes ne prennent pas en charge l'éditeur frontend. Consultez la liste des fonctionnalités du thème ou contactez le développeur pour connaître la compatibilité. Les thèmes conçus pour WPBakery incluent généralement une prise en charge complète des deux modes (backend et frontend).

Extensions et shortcodes

Site officiel de WPBakery Page Builder

WPBakery prend en charge l'intégration de shortcodes tiers. Sur la page des paramètres du plugin, allez dans l'onglet «My Shortcodes» et cliquez sur «Map Shortcodes». Le système récupérera tous les shortcodes enregistrés sur le site et les ajoutera au menu d'éléments du builder.

Si vous êtes développeur, l'API du plugin vous permet d'ajouter des modules personnalisés à l'interface du builder. Pour les utilisateurs standard, CodeCanyon propose des dizaines d'addons qui étendent le jeu d'éléments standard: grilles d'articles, fiches produits, galeries avancées et sliders.

Paramètres du plugin

WPBakery fonctionne non seulement avec les pages, mais aussi avec les articles et les types de contenu personnalisés. Allez dans Réglages → WPBakery Page Builder et cochez les types de contenu pour lesquels vous avez besoin du builder.

Page des paramètres WPBakery avec sélection du type de contenu

Le plugin affiche automatiquement tous les types de contenu enregistrés dans le thème: pages, articles, portfolios, témoignages, produits WooCommerce et forums bbPress. Cochez ceux dont vous avez besoin et enregistrez.

Où se procurer WPBakery

WPBakery Page Builder est vendu sur CodeCanyon pour 59 $, une licence Regular pour un site avec mises à jour à vie. La licence Extended pour l'intégration dans un thème ou un plugin coûte plus cher.

De nombreux thèmes premium incluent WPBakery dans le prix, donc lorsque vous achetez, vous obtenez une licence pour le builder sans coût supplémentaire. Si vous choisissez un thème pour un nouveau projet, avoir WPBakery inclus vous fait économiser 59 $ et des heures de tests de compatibilité.

Exemple de page construite avec WPBakery Page Builder

⁉️🤔 Foire aux questions

Visual Composer et WPBakery, est-ce la même chose?

Oui. En 2017, le plugin Visual Composer a été renommé WPBakery Page Builder pour éviter toute confusion avec le produit Visual Composer Website Builder (visualcomposer.com). Le code et les fonctionnalités sont restés identiques, seul le nom a changé.

Ai-je besoin de savoir coder?

Non. Le constructeur est conçu pour une expérience totalement sans code. Vous assemblez vos pages à partir de blocs prêts à l'emploi par glisser-déposer. Vous avez seulement besoin des compétences de base en administration WordPress: installer un plugin, créer une page et cliquer sur «Enregistrer».

WPBakery fonctionne-t-il avec n'importe quel thème?

Avec la plupart, oui. Mais le degré d'intégration varie. Certains thèmes n'interfèrent simplement pas avec le constructeur, tandis que d'autres ajoutent leurs propres modules, styles et grilles. Avant d'acheter un thème, vérifiez dans la description la mention «Compatible avec WPBakery Page Builder».

Puis-je utiliser WPBakery sur plusieurs sites?

La licence standard Regular est à $59 pour un projet. Pour deux projets ou plus, achetez des licences séparées ou envisagez la licence Extended si vous prévoyez d'intégrer le plugin à votre propre produit.

En quoi WPBakery diffère-t-il d'Elementor**?**

Elementor est un constructeur plus récent avec une version gratuite étendue et une interface moderne. WPBakery est un vétéran éprouvé, profondément intégré dans l'écosystème ThemeForest: des centaines de thèmes sont livrés avec. Le choix entre les deux se résume à vos préférences d'interface et à votre thème spécifique.

WPBakery vaut-il le coup en 2026

Si votre thème inclut déjà WPBakery, utilisez-le. C'est un outil mature avec des mises à jour régulières et une vaste bibliothèque d'addons. Si vous choisissez un thème à partir de zéro, intéressez-vous au constructeur qui vous semble le plus confortable pour votre travail quotidien plutôt qu'à des comparatifs tape-à-l'œil. WPBakery comme Elementor peuvent tous deux produire un site professionnel. Le facteur décisif est l'interface dans laquelle vous vous sentez le plus à l'aise pour travailler, car c'est vous qui éditerez ces pages.