Bricks Builder : le guide complet pour créer et personnaliser son site WordPress

Vous connaissez peut-être déjà Elementor, Divi ou d’autres constructeurs de pages WordPress. Pratiques au départ, ces outils peuvent pourtant devenir frustrants avec le temps : interface lourde, code chargé, performances moyennes, dépendance aux abonnements annuels ou besoin d’ajouter toujours plus de plugins pour obtenir un résultat professionnel. C’est précisément dans ce contexte que Bricks Builder s’est imposé comme une alternative sérieuse.⚡

Pensé pour les utilisateurs WordPress qui veulent plus de contrôle, plus de performance et une structure plus propre, Bricks Builder séduit particulièrement les freelances, agences et créateurs de sites avancés. 😊Mais il ne s’adresse pas forcément à tout le monde. Sa logique demande un peu plus de méthode qu’un constructeur très grand public. Dans ce guide complet, nous allons voir ce qu’est Bricks Builder, comment il fonctionne, comment l’installer et surtout s’il correspond réellement à votre projet WordPress.💥

Objectif

👇L’objectif de ce tutoriel est de vous donner une vision claire, complète et honnête de Bricks Builder avant de l’adopter sur votre site WordPress. Vous allez découvrir ce qui le différencie des constructeurs classiques, pourquoi il est souvent recommandé pour créer des sites rapides, bien structurés et faciles à faire évoluer, mais aussi quelles sont ses limites.✨ Nous verrons comment installer Bricks Builder, activer sa licence, prendre en main son interface, utiliser ses principales fonctionnalités et créer une première page. ⚓Une attention particulière sera portée aux éléments qui font sa force : templates, données dynamiques, Query Loop Builder, WooCommerce Builder, conditions, interactions et système de classes CSS. 💯À la fin de cet article, vous saurez si Bricks Builder correspond à votre niveau, à votre méthode de travail et à vos objectifs. Vous pourrez également le comparer plus facilement à Elementor Pro avant de faire votre choix.

Pré-requis

Avant d’installer Bricks Builder sur votre site WordPress, quelques prérequis techniques sont à vérifier. Bricks fonctionne comme un thème WordPress complet : il remplace donc le thème actif et devient la base visuelle de votre site. Il est recommandé de :

• Disposer d’un site WordPress actif, idéalement en version WordPress 6.5 ou supérieure, afin de profiter d’une meilleure compatibilité avec les fonctionnalités récentes.
• Bricks Builder nécessite au minimum PHP 7.4, mais l’utilisation de PHP 8.3 est préférable pour de meilleures performances. Vous pouvez facilement vérifier et mettre à jour votre version PHP pour Bricks Builder dans ce guide.
• Vous aurez également besoin d’une licence Bricks Builder active, ou d’un compte d’essai gratuit via l’environnement de test proposé par l’éditeur.
• Un niveau intermédiaire sur WordPress est conseillé : savoir gérer les pages, les thèmes, les extensions et les réglages de base.
• En revanche, aucune compétence en code n’est obligatoire pour démarrer, mais quelques notions de HTML ou CSS deviennent utiles pour les personnalisations avancées.

Besoin d’un hébergeur pour votre site ?

Découvrez l'offre exclusive de LWS : hébergement web à -63% ! Commencez dès maintenant à seulement 1,49€/mois au lieu de 3,99€. Profitez de performances optimales et d'un support exceptionnel. 🔥🚀

Découvrir l’offre

Cadre technique et périmètre

Ce que couvre cet article

Cet article vous accompagne dans la découverte complète de Bricks Builder WordPress, depuis sa présentation jusqu’à sa première utilisation concrète. Nous verrons d’abord ce qu’est Bricks Builder et pourquoi il se distingue des constructeurs de pages classiques comme Elementor, Divi ou WPBakery.

La différence principale vient du fait que Bricks est un thème WordPress complet, et non un simple plugin ajouté par-dessus un thème existant.

Nous aborderons ensuite l’installation du thème, l’activation de la licence, la prise en main de l’interface et les principales fonctionnalités utiles pour créer un site professionnel : éditeur visuel, templates, Query Loop Builder, données dynamiques, WooCommerce Builder, popups, conditions, interactions et classes CSS.

L’article inclut également une analyse des tarifs de Bricks Builder, ainsi qu’un comparatif honnête entre Bricks Builder vs Elementor Pro.

Ce que nous n’allons pas couvrir

Ce guide reste volontairement orienté vers la prise en main, l’évaluation et l’utilisation courante de Bricks Builder. Il ne couvre donc pas le développement d’éléments personnalisés en PHP, qui concerne plutôt les développeurs WordPress avancés.

Nous ne détaillerons pas non plus l’intégration complète avec des frameworks CSS comme ACSS, CoreFramework ou Tailwind. Ces workflows sont très puissants, mais ils méritent un article avancé dédié, car ils supposent déjà une bonne maîtrise de Bricks, des classes CSS et de la logique de design system.

Étapes techniques

Pour utiliser Bricks Builder dans de bonnes conditions, la progression doit rester simple : comprendre ce qu’est l’outil, vérifier qu’il correspond à votre profil, l’essayer gratuitement, puis l’installer sur WordPress. Une fois activé, vous pourrez découvrir son interface, créer vos premiers templates, utiliser les données dynamiques et construire une première page complète.

Qu’est-ce que Bricks Builder ?

Un thème WordPress, pas un simple plugin

Bricks Builder est un constructeur visuel pour WordPress, mais il ne fonctionne pas exactement comme Elementor, Divi ou WPBakery. La différence fondamentale est la suivante : Bricks Builder est un thème WordPress complet, et non un plugin qui vient se greffer sur un thème déjà installé.

Avec Elementor, par exemple, vous utilisez généralement un thème comme Hello Elementor, Astra, Kadence ou GeneratePress, puis vous ajoutez le constructeur de pages par-dessus. Cette approche fonctionne très bien, mais elle ajoute parfois plusieurs couches techniques : le thème, le builder, les widgets, les extensions complémentaires, les styles globaux et les scripts associés.

Bricks adopte une logique différente. Une fois activé, il remplace le thème actif et intègre directement les fonctionnalités de construction visuelle. Cette architecture permet de réduire les dépendances, de limiter les conflits entre thème et constructeur, et de générer un code HTML plus propre.

Concrètement, cela signifie que Bricks Builder peut aider à créer des sites WordPress plus légers, plus rapides et plus faciles à maintenir, à condition de bien structurer son projet dès le départ.

La stack technique

Bricks Builder repose sur une interface moderne basée sur Vue.js 3, ce qui permet à l’éditeur de se charger rapidement et d’offrir une expérience fluide lors de la création des pages. L’outil met aussi l’accent sur la performance côté front-end : chargement intelligent des ressources, balisage propre, limitation du JavaScript inutile et suppression de jQuery côté front lorsque cela est possible.

Cette approche technique explique pourquoi Bricks est souvent apprécié par les freelances, agences et développeurs WordPress qui cherchent à obtenir de bons scores sur des outils comme PageSpeed Insights ou GTmetrix, sans dépendre systématiquement d’un empilement de plugins d’optimisation.

Positionnement de Bricks dans l’écosystème WordPress

Lancé en mars 2021, Bricks Builder s’est rapidement fait une place dans la communauté WordPress, notamment auprès des profils intermédiaires à avancés. Il attire les utilisateurs qui veulent conserver la souplesse d’un constructeur visuel, tout en bénéficiant d’une structure plus propre, plus performante et plus orientée production professionnelle.

Il ne faut toutefois pas le considérer comme un simple “Elementor plus rapide”. Bricks Builder demande une logique plus structurée, notamment avec les containers, les classes CSS, les templates et les données dynamiques. C’est cette approche qui fait sa force, mais aussi sa courbe d’apprentissage.

Bricks Builder est-il fait pour vous ?

Avant d’installer Bricks Builder sur WordPress, il est important de vérifier si cet outil correspond vraiment à votre profil. Bricks est puissant, rapide et très flexible, mais il n’a pas exactement la même logique qu’Elementor. Là où Elementor mise sur une prise en main très accessible, Bricks Builder s’adresse davantage aux utilisateurs qui veulent structurer leur site avec précision et garder un contrôle avancé sur le design, les performances et les contenus dynamiques.

Les 3 raisons de choisir Bricks Builder vs Elementor

La première raison de choisir Bricks Builder vs Elementor est la performance. Comme Bricks fonctionne comme un thème WordPress complet, il évite une partie des couches techniques que nous retrouvons avec certains constructeurs sous forme de plugins. Le HTML généré est généralement plus propre, les ressources sont chargées de manière plus ciblée et le front-end reste plus léger.

La deuxième raison est économique. Bricks propose une licence à vie, ce qui peut devenir très rentable pour un freelance ou une agence qui crée plusieurs sites WordPress. Contrairement à Elementor Pro, qui repose sur un renouvellement annuel, Bricks permet d’envisager un investissement unique sur le long terme.

La troisième raison est la flexibilité. Query Loop Builder, données dynamiques, conditions d’affichage, interactions, classes CSS globales et compatibilité avec les champs personnalisés donnent à Bricks une vraie dimension professionnelle.

La limite à connaître

Bricks Builder n’est pas parfait pour tous les usages. Sa bibliothèque de templates est moins riche que celle d’Elementor, sa communauté francophone reste plus réduite et il existe moins de tutoriels en français.

Pour un débutant complet, la prise en main peut donc sembler plus exigeante. En revanche, pour un utilisateur WordPress motivé, cette courbe d’apprentissage est souvent compensée par un meilleur contrôle du site.

Besoin d’un hébergement WordPress rapide et de qualité ?

Profitez de l'offre exclusive de LWS : hébergement WordPress en France à -42% ! Démarrez dès maintenant à partir de 3,49€/mois au lieu de 5,99€. Performance 🚀 et support exceptionnel garantis ! 😊

Découvrir l’offre

Essayer Bricks Builder gratuitement

Avant d’acheter une licence Bricks Builder, il est préférable de tester l’outil dans un environnement sécurisé. C’est justement ce que propose Bricks avec son playground officiel. Cette solution permet de découvrir l’interface, les fonctionnalités et la logique du constructeur sans installer quoi que ce soit sur votre propre site WordPress.

Accès au playground

Pour essayer Bricks Builder gratuitement, rendez-vous sur try.bricksbuilder.io. Vous pouvez y créer un compte gratuit avec une adresse email et un mot de passe.

Confirmez votre compte pour accéder au playground de Bricks Builder.

Une fois connecté, vous accédez à un site WordPress préconfiguré, sur lequel la dernière version de Bricks est déjà installée.

L’avantage est immédiat : vous n’avez pas besoin d’acheter une licence, de télécharger un fichier ZIP, de modifier votre thème actif ou de configurer un hébergement. Vous pouvez simplement ouvrir l’éditeur et commencer à explorer l’environnement Bricks.

Ce que le playground permet

Le playground permet de tester les principales fonctionnalités de Bricks Builder dans des conditions proches d’un vrai site WordPress. Vous pouvez créer une page, ajouter des containers, insérer du texte, des images, des boutons, modifier les styles, tester les templates et observer la logique de l’interface.

C’est aussi un excellent moyen de découvrir des fonctionnalités plus avancées comme le Query Loop Builder, les conditions d’affichage, les données dynamiques ou les templates. Même si vous ne maîtrisez pas encore ces notions, vous pouvez les manipuler sans risque.

Cet environnement est particulièrement utile pour évaluer la courbe d’apprentissage. Si vous avez déjà utilisé Elementor, vous verrez rapidement que Bricks Builder demande une approche plus structurée, mais offre aussi davantage de contrôle.

Note sur la remise à zéro

Le playground Bricks Builder est un espace de test. Il peut être remis à zéro périodiquement. Il ne faut donc pas l’utiliser pour construire un vrai projet client ou un site destiné à être publié.

Installer et activer Bricks Builder

Bricks Builder s’installe comme un thème WordPress classique. Contrairement à Elementor Pro, qui s’ajoute sous forme d’extension, Bricks doit être activé comme thème principal du site. Cette étape est donc importante : si vous travaillez sur un site déjà en production, il est fortement conseillé de faire un test sur un environnement de staging avant de remplacer votre thème actuel.

Étape 1 : Acheter et télécharger la licence

Pour commencer, rendez-vous sur le site officiel de Bricks Builder, dans la partie dédiée aux tarifs. Choisissez le plan qui correspond à votre usage : un seul site, plusieurs sites, une agence ou une licence à vie.

Une fois l’achat finalisé, vous obtenez automatiquement un accès à votre compte Bricks.

Depuis l’espace client, généralement accessible via my.bricksbuilder.io, ouvrez la section « Downloads ». C’est ici que vous pourrez télécharger le fichier du thème, nommé bricks.zip. Conservez également votre clé de licence, car elle sera nécessaire après l’installation pour activer les mises à jour et le support.

Si vous hésitez encore entre plusieurs formules, vous pouvez d’abord utiliser le playground gratuit afin de valider que l’interface vous convient.

Étape 2 : Installer le thème sur WordPress

Une fois le fichier bricks.zip téléchargé, connectez-vous à l’administration de votre site WordPress. Dans le menu latéral, allez dans la section « Apparence > Thèmes », puis cliquez sur le bouton « Ajouter ».

Sélectionnez ensuite l’option « Téléverser un thème ».

Choisissez le fichier bricks.zip depuis votre ordinateur, puis cliquez sur le bouton « Installer maintenant ». WordPress va alors importer le thème et préparer son installation.

Une fois l’opération terminée, cliquez sur le bouton « Activer » pour faire de Bricks Builder le thème actif de votre site.

Étape 3 : Activer la licence

Après l’activation du thème, un nouveau menu Bricks apparaît dans l’administration WordPress. Ouvrez la section « Bricks > Licence ». Copiez ensuite la clé de licence disponible dans votre compte Bricks, puis collez-la dans le champ prévu à cet effet.

Cliquez sur le bouton « Activate License ». Si tout est correct, le statut de la licence passe en Active. Cette activation permet de recevoir les mises à jour officielles, de bénéficier du support et d’utiliser Bricks Builder dans de bonnes conditions.

Si un message d’erreur apparaît, vérifiez que la clé copiée est complète et que l’URL du site correspond bien à celle enregistrée dans votre compte Bricks. Une différence entre l’URL avec ou sans “www”, ou entre HTTP et HTTPS, peut parfois provoquer un problème d’activation.

Point sur les licences locales et staging

Les environnements locaux et les sites de staging ne comptent généralement pas contre la limite de sites de votre licence Bricks Builder. Cela signifie qu’avec une licence prévue pour un site, vous pouvez travailler en local, préparer vos modifications sur une version de test, puis utiliser Bricks sur le site en production.

C’est un point important pour les freelances, agences et propriétaires de sites sérieux. Vous pouvez construire, tester et corriger votre projet sans risquer de casser le site public. Cette méthode est particulièrement recommandée si vous migrez depuis Elementor, Divi ou un thème WordPress déjà personnalisé.

Découvrir l’interface de Bricks Builder

Une fois Bricks installé et activé, vous pouvez commencer à prendre en main son éditeur visuel. L’interface de Bricks Builder WordPress est pensée pour construire une page de manière structurée, avec une séparation claire entre les éléments, le canvas, les réglages et la hiérarchie de la page.

Accéder à l’éditeur

Pour ouvrir l’éditeur, allez dans la section « Pages » ou « Articles » depuis l’administration WordPress.

Créez une nouvelle page ou ouvrez une page existante, puis cliquez sur le bouton « Editer avec Bricks ».

L’éditeur Bricks se charge ensuite dans une interface dédiée. Sur une installation bien configurée, le chargement est généralement rapide. Vous arrivez alors dans l’espace de construction visuelle, où vous pouvez ajouter des éléments, modifier la structure et prévisualiser votre page en direct.

Panneau gauche : Éléments et réglages

Le panneau gauche regroupe les éléments disponibles et les réglages contextuels. Vous y trouverez les composants classiques d’une page web : texte, titre, image, bouton, vidéo, icône, formulaire, menu, container, bloc, shortcode ou encore éléments liés à WooCommerce.

Lorsqu’un élément est sélectionné, ce panneau affiche ses options de personnalisation. Les réglages sont généralement organisés autour de trois onglets :

• Contenu,
• Style,
• Avancé,

C’est ici que vous modifiez le texte, les couleurs, les espacements, les bordures, la typographie, les classes CSS ou les paramètres responsive.

Les données dynamiques sont également accessibles depuis certains champs, ce qui permet d’afficher automatiquement un titre d’article, une image mise en avant, une date, un auteur ou une valeur issue d’un champ personnalisé.

Zone centrale : Canvas

La zone centrale correspond au canvas, c’est-à-dire l’aperçu visuel de la page en cours de création. C’est dans cet espace que vous glissez les éléments, organisez vos containers et visualisez immédiatement le rendu de votre mise en page.

Bricks permet aussi l’édition directe de certains contenus. Par exemple, vous pouvez cliquer sur un texte dans le canvas pour le modifier sans passer systématiquement par les réglages latéraux. Cette approche rend la création plus fluide, surtout lors de la construction d’une page simple.

Depuis la barre d’outils, vous pouvez basculer entre les vues desktop, tablette et mobile afin d’ajuster votre design selon les écrans.

Panneau droit : Structure

Le panneau droit affiche la structure de la page sous forme d’arborescence. Vous y voyez les sections, containers, blocs et éléments qui composent votre mise en page. Cette vue est particulièrement utile pour garder un site propre et bien organisé.

Vous pouvez renommer les éléments, les déplacer, les dupliquer ou les sélectionner directement depuis cette structure. Plus votre page devient complexe, plus ce panneau devient indispensable. Il permet d’éviter les empilements désordonnés et de comprendre rapidement comment chaque bloc est imbriqué.

Cette logique structurée fait partie des grandes différences entre Bricks Builder et certains constructeurs plus orientés débutants.

Barre d’outils supérieure

La barre d’outils supérieure donne accès aux actions principales : enregistrer, prévisualiser, annuler, rétablir, changer de mode responsive ou ouvrir les réglages globaux. Vous pouvez aussi accéder aux templates, aux paramètres du site, aux styles globaux et à certaines options de configuration.

C’est depuis cette barre que vous pilotez la construction générale de votre page. Elle devient rapidement un point de repère, notamment pour enregistrer régulièrement votre travail, tester le responsive ou appliquer une cohérence globale au design du site.

Les fonctionnalités clés de Bricks Builder

Bricks Builder ne se limite pas à la création de pages simples. Sa vraie valeur apparaît lorsque vous commencez à utiliser ses fonctionnalités avancées : templates, données dynamiques, Query Loop Builder, WooCommerce Builder, popups, conditions, interactions et classes CSS. C’est cet ensemble qui le rend particulièrement intéressant pour les sites professionnels, les projets clients et les sites WordPress amenés à évoluer.

Templates et modèles

Bricks Builder inclut une bibliothèque de templates prêts à l’emploi pour accélérer la création d’un site. Vous pouvez utiliser des en-têtes, des pieds de page, des pages complètes, des sections isolées ou encore des modèles de boucles pour afficher des articles, des produits ou des contenus personnalisés.

L’intérêt des templates est simple : vous évitez de repartir de zéro à chaque page. Vous pouvez créer un modèle de header, un footer global, une section d’appel à l’action ou une mise en page d’article, puis les réutiliser sur plusieurs parties du site.

Depuis l’éditeur, les templates sont accessibles via l’icône dédiée dans la barre d’outils.

Il faut toutefois noter que la bibliothèque native de Bricks reste moins vaste que celle d’Elementor.

En contrepartie, elle s’intègre dans une logique plus structurée et plus légère. Bricks met en avant ses templates prêts à l’emploi dans tous ses plans.

Query Loop Builder

Le Query Loop Builder est l’une des fonctionnalités les plus puissantes de Bricks Builder. Il permet d’interroger la base de données WordPress visuellement, sans écrire de requête PHP dans les usages courants.

Concrètement, vous pouvez afficher automatiquement les derniers articles d’une catégorie, créer une grille de portfolio, construire un annuaire d’équipe, lister des produits WooCommerce ou afficher des contenus issus d’un Custom Post Type.

Le principe est le suivant : vous sélectionnez un container, vous activez l’option de boucle de requête dans le panneau à droite.

Puis vous définissez la source des contenus à afficher. Vous choisissez le type de publication, le nombre d’éléments, l’ordre d’affichage, les filtres par taxonomie ou les critères personnalisés.

Cette fonctionnalité est particulièrement utile pour les sites qui dépassent la simple page vitrine. Elle permet de créer des mises en page dynamiques, réutilisables et maintenables. Bricks présente d’ailleurs son Query Loop Builder comme une fonctionnalité permettant de requêter visuellement la base de données, avec des options comme le chargement AJAX, la pagination ou le scroll infini.

Données dynamiques

Les données dynamiques permettent d’insérer automatiquement des informations issues de WordPress dans vos éléments Bricks. Au lieu de saisir manuellement un titre, une image, une date ou une information produit, vous demandez à Bricks d’aller chercher cette donnée dans la base WordPress.

Vous pouvez par exemple afficher le titre d’un article, son image mise en avant, son auteur, sa date de publication, ses catégories, ses champs personnalisés ou encore des données WooCommerce.

Cette logique est essentielle pour créer des templates réutilisables. Par exemple, vous pouvez concevoir une carte d’article une seule fois, puis l’utiliser pour afficher automatiquement plusieurs articles avec leurs propres titres, images et extraits.

Les données dynamiques deviennent encore plus puissantes lorsqu’elles sont combinées avec le Query Loop Builder et des champs personnalisés comme ACF.

WooCommerce Builder

Bricks Builder intègre un WooCommerce Builder qui permet de personnaliser visuellement les pages importantes d’une boutique en ligne. Vous pouvez intervenir sur la page boutique, les pages produits uniques, les archives produits, le panier, le tunnel de commande et le compte client.

C’est un avantage important pour les sites e-commerce, car les pages WooCommerce par défaut sont souvent limitées en personnalisation. Avec Bricks, vous pouvez construire une fiche produit plus claire, ajouter des sections de réassurance, retravailler l’ordre des informations ou créer une mise en page plus adaptée à votre marque.

La personnalisation complète passe généralement par la création de templates avec des conditions adaptées. Par exemple, vous pouvez créer un template Bricks et lui appliquer une condition pour qu’il s’affiche uniquement sur les pages produits WooCommerce.

Bricks indique que son WooCommerce Builder permet de concevoir visuellement les pages boutique, produit, archive, panier, checkout et compte client.

Popup Builder

Le Popup Builder permet de créer des fenêtres contextuelles directement dans Bricks, sans ajouter un plugin supplémentaire. Vous pouvez concevoir une popup comme un template, puis définir ses conditions d’affichage.

Les usages sont nombreux : inscription à une newsletter, offre promotionnelle, message d’information, formulaire de contact, téléchargement d’un guide ou rappel d’une remise limitée.

L’avantage est de conserver un environnement centralisé. Vous concevez la popup avec les mêmes éléments que vos pages, puis vous configurez son déclenchement : après un délai, au scroll, au clic sur un bouton ou selon d’autres conditions.

Conditions et Interactions

Les conditions permettent d’afficher ou de masquer certains éléments selon des critères précis. Vous pouvez adapter un contenu selon le rôle utilisateur, le type de page, une taxonomie, un champ personnalisé ou un contexte spécifique.

Les interactions, elles, servent à créer des comportements dynamiques sans écrire de JavaScript personnalisé. Par exemple, vous pouvez afficher un bloc au clic, masquer un élément, déclencher une animation au survol ou modifier un style lors d’une action utilisateur.

Ces deux fonctionnalités remplacent plusieurs extensions que l’on installe souvent avec d’autres constructeurs. Bricks met en avant la possibilité de créer des logiques conditionnelles et des interactions basées sur des déclencheurs comme le clic ou le survol.

Système de classes CSS

Bricks Builder encourage un workflow basé sur les classes CSS. Plutôt que de styliser chaque élément individuellement, vous pouvez créer des classes globales et les réutiliser sur l’ensemble du site.

Cette méthode améliore la cohérence visuelle et facilite la maintenance. Si vous modifiez une classe utilisée sur plusieurs boutons, cartes ou sections, le changement s’applique partout où cette classe est utilisée.

C’est une logique plus professionnelle, proche d’un design system. Elle demande un peu de méthode au départ, mais elle permet de gagner beaucoup de temps sur les projets de plusieurs pages. Bricks mentionne d’ailleurs la création de systèmes de classes CSS, de styles globaux, de palettes globales et de typographies globales parmi ses fonctionnalités de design.

Les tarifs de Bricks Builder

Les prix de Bricks Builder dépendent du nombre de sites à activer et du type de licence souhaité. L’outil propose des abonnements annuels, mais aussi une licence à vie, ce qui le distingue fortement d’Elementor Pro. Les tarifs ci-dessous sont ceux affichés sur la page officielle de Bricks au moment de cette rédaction. Il est donc probable que ces prix évoluent au cours du temps.

Le plan Starter convient à un propriétaire de site unique ou à un test sérieux sur un projet personnel. Le plan Business s’adresse plutôt aux freelances qui gèrent quelques sites. Le plan Agency devient intéressant si vous créez régulièrement des sites clients. Enfin, la licence Ultimate Lifetime vise les utilisateurs qui veulent éviter les renouvellements annuels.

Bricks précise aussi que les sites locaux et les environnements de staging ne comptent pas dans la limite de licence, ce qui permet de travailler sur une version de test sans consommer une activation supplémentaire.

Ce qui est inclus

Toutes les formules incluent l’ensemble des fonctionnalités principales :

• les éléments Bricks,
• les mises à jour,
• le support technique,
• les templates communautaires,
• le Query Loop Builder,
• le Menu Builder,
• le Popup Builder,
• le WooCommerce Builder,
• les conditions et les interactions

C’est un point important : vous ne choisissez pas un plan pour débloquer une fonctionnalité essentielle, mais principalement selon le nombre de sites à activer et le type de paiement souhaité.

Bricks propose également une garantie satisfait ou remboursé de 60 jours, ce qui laisse le temps de tester l’outil sur un vrai projet avant de confirmer son choix.

Analyse de la licence Lifetime

La licence Ultimate Lifetime est l’offre la plus intéressante pour un freelance actif, une agence ou un créateur de sites qui prévoit d’utiliser Bricks Builder sur le long terme. À 599 USD en paiement unique, elle devient plus rentable que le plan Agency annuel en moins de trois ans.

Pour un seul site, le plan Starter peut suffire. Mais si vous créez plusieurs sites WordPress, la licence à vie permet de stabiliser votre budget et d’éviter les renouvellements successifs. C’est l’un des grands arguments de Bricks Builder face à Elementor Pro, qui ne propose pas de licence lifetime équivalente.

Bricks Builder vs Elementor Pro : comparatif

Comparer Bricks Builder vs Elementor Pro est logique, car Elementor reste le constructeur de pages WordPress le plus connu. Beaucoup d’utilisateurs découvrent Bricks après avoir utilisé Elementor pendant plusieurs années, souvent parce qu’ils cherchent de meilleures performances, un code plus propre ou une alternative à l’abonnement annuel.

Verdict

Quand choisir Bricks ?

Choisissez Bricks Builder si votre priorité est la performance, la structure du code et la maîtrise fine de votre site WordPress. C’est un excellent choix pour les freelances, agences et développeurs qui veulent créer des sites rapides, propres et évolutifs.

Bricks devient particulièrement intéressant si vous utilisez des données dynamiques, des templates avancés, des Custom Post Types, WooCommerce ou des systèmes de classes CSS. Sa licence à vie est aussi un argument fort pour les professionnels qui créent plusieurs sites et veulent stabiliser leurs coûts sur le long terme.

En revanche, il faut accepter une courbe d’apprentissage plus marquée. Bricks demande de comprendre la structure d’une page, la logique des containers, les classes globales et les templates.

Quand choisir Elementor ?

Choisissez Elementor Pro si vous cherchez avant tout une solution très simple à prendre en main, avec beaucoup de modèles prêts à l’emploi, une vaste communauté francophone et de nombreux tutoriels. Pour un débutant ou un utilisateur non technique, Elementor reste souvent plus rassurant.

Elementor est aussi pertinent si vous voulez aller vite sur un petit site vitrine, sans mettre en place une structure avancée. Son écosystème d’extensions est très riche, ce qui permet d’ajouter rapidement des fonctionnalités.

Créer sa première page avec Bricks Builder

Une fois Bricks installé, activé et pris en main, vous pouvez créer votre première page. L’objectif ici n’est pas de construire un site complet, mais de comprendre le workflow de base : créer une page, choisir une structure, ajouter des éléments, personnaliser le design, vérifier le responsive et publier.

Étape 1 : Créer une nouvelle page

Depuis l’administration WordPress, allez dans la section « Pages > Ajouter ». Donnez un titre à votre page, par exemple “Accueil” ou “Page de formation”, puis cliquez sur le bouton « Editer avec Bricks ».

L’éditeur visuel s’ouvre et vous pouvez commencer à construire votre mise en page.

Étape 2 : Choisir un point de départ

Bricks Builder vous laisse deux possibilités. Vous pouvez partir d’une page blanche et construire votre structure avec des containers, ou utiliser un template existant depuis l’icône dossier de la barre d’outils.

Pour une première page, un template peut aider à comprendre la logique de Bricks.

Mais partir d’une page blanche permet de mieux apprendre la structure : section, container, bloc, titre, texte, image et bouton.

Étape 3 : Structurer la page

Commencez par ajouter un Container dans le canvas. Ce container servira de base à votre section. Vous pouvez ensuite définir son layout : colonne verticale, alignement horizontal, grille CSS ou disposition flexible.

Ajoutez ensuite les éléments principaux : un titre, un court paragraphe, une image et un bouton d’appel à l’action. L’idée est de créer une section simple de type “hero”, comme on en trouve en haut d’une page d’accueil.

Une bonne structure dès le départ facilite la personnalisation, le responsive et la maintenance du site.

Étape 4 : Personnaliser les éléments

Sélectionnez chaque élément pour modifier son contenu et son style. Dans l’onglet « Contenu », vous changez le texte, les liens, les images ou les paramètres propres à l’élément. Dans l’onglet « Style », vous ajustez la typographie, les couleurs, les marges, les espacements, les bordures ou les ombres.

Si vous prévoyez de créer plusieurs pages, commencez à utiliser des classes CSS globales. Par exemple, une classe pour les boutons principaux, une autre pour les titres de section et une autre pour les espacements standards.

Étape 5 : Vérifier le responsive

Avant de publier, testez votre page en mode tablette et mobile depuis la barre d’outils supérieure. Vérifiez que les textes restent lisibles, que les boutons sont faciles à cliquer et que les images ne débordent pas.

Bricks permet d’ajuster les styles selon les écrans. Vous pouvez donc modifier certains espacements ou tailles de texte uniquement pour le mobile.

Étape 6 : Enregistrer et publier

Lorsque votre page est prête, cliquez sur le bouton « Enregistrer » dans l’éditeur Bricks. Revenez ensuite dans l’administration WordPress, puis publiez la page si ce n’est pas encore fait.

Ouvrez enfin la page côté visiteur pour vérifier le rendu réel. C’est une bonne habitude à prendre, car l’aperçu dans l’éditeur ne remplace jamais complètement le test sur le front-office.

Vérification du bon fonctionnement

Après l’installation de Bricks Builder, prenez quelques minutes pour vérifier que tout fonctionne correctement.

Commencez par aller dans la section « wp-admin > Bricks > Licence » : le statut doit être indiqué comme Active. Si la licence n’est pas activée, vous risquez de ne pas recevoir les mises à jour ou de rencontrer des limitations liées au support.

Ouvrez ensuite une page ou créez-en une nouvelle depuis la section « Pages > Ajouter ». Le bouton « Modifier avec Bricks » doit être visible. Cliquez dessus pour vérifier que l’éditeur se charge normalement. Sur une installation bien configurée, l’ouverture de l’éditeur doit rester rapide, idéalement en moins de quelques secondes.

Publiez ensuite une page de test, puis consultez-la côté visiteur. Vérifiez l’affichage sur ordinateur, tablette et mobile. Vous pouvez aussi lancer un test PageSpeed Insights : pour une page simple, un score de performance supérieur à 85 est un bon indicateur de départ.

Erreurs fréquentes

Même si Bricks Builder s’installe assez simplement, certaines erreurs peuvent apparaître lors de la mise en place. La plus courante concerne l’envoi du fichier bricks.zip. Si WordPress refuse le téléversement, la limite d’upload PHP est probablement trop basse. Dans ce cas, augmentez la valeur Upload Max Filesize à au moins 64 Mo depuis la configuration PHP de votre hébergement.

Si le bouton « Modifier avec Bricks » n’apparaît pas, vérifiez que Bricks est bien activé comme thème principal dans la section « Apparence > Thèmes ».

Bricks n’est pas un plugin : s’il est seulement installé mais non activé, il ne remplacera pas votre thème actuel.

Une erreur License invalid peut venir d’une différence entre l’URL enregistrée dans le compte Bricks et l’URL réelle du site WordPress. Comparez bien les versions avec ou sans www, ainsi que HTTP et HTTPS.

Si les styles ne s’affichent pas correctement côté visiteur, videz le cache navigateur et le cache de votre plugin d’optimisation. Enfin, si l’éditeur Bricks semble lent, augmentez la mémoire PHP, idéalement à 256 Mo.

Bonnes pratiques reconnues

Pour utiliser Bricks Builder dans les meilleures conditions, commencez toujours par travailler sur un environnement de test. Comme Bricks remplace le thème actif de WordPress, son activation peut modifier l’apparence d’un site existant. Avant toute mise en production, créez donc une version de staging afin de vérifier le rendu, les contenus, les performances et les éventuels conflits avec les plugins déjà installés.

Prenez également l’habitude d’utiliser les classes CSS globales dès le début du projet. Cette méthode permet de garder une cohérence visuelle sur l’ensemble du site et de modifier rapidement les boutons, titres, sections ou espacements depuis un seul endroit.

Pensez aussi à sauvegarder régulièrement vos templates Bricks. Les modèles étant stockés dans la base de données, un export manuel peut éviter de perdre un header, un footer ou une mise en page importante.

Enfin, utilisez le playground officiel pour tester de nouvelles idées sans risque, et consultez la documentation Bricks lorsque vous travaillez sur une fonctionnalité avancée.

Conclusion

Bricks Builder est aujourd’hui l’une des alternatives les plus sérieuses à Elementor pour créer un site WordPress rapide, propre et évolutif.✨ Son approche sous forme de thème complet, ses performances, son Query Loop Builder, ses données dynamiques et sa licence à vie en font un outil particulièrement adapté aux freelances, agences et utilisateurs WordPress avancés.💥Il ne faut toutefois pas le choisir uniquement parce qu’il est populaire dans les communautés WordPress. Bricks demande une vraie logique de structure : containers, classes CSS, templates, conditions et responsive doivent être pensés avec méthode. Pour un débutant complet, la courbe d’apprentissage peut être plus exigeante qu’avec Elementor.🎉 En revanche, si vous cherchez un constructeur puissant, flexible et durable, Bricks Builder mérite clairement d’être testé.

Besoin d’un hébergement WordPress rapide et de qualité ?

Profitez de l'offre exclusive de LWS : hébergement WordPress en France à -42% ! Démarrez dès maintenant à partir de 3,49€/mois au lieu de 5,99€. Performance 🚀 et support exceptionnel garantis ! 😊

Découvrir l’offre

Commencez par le playground gratuit, vérifiez vos prérequis techniques, puis installez-le sur un environnement de staging avant de l’utiliser en production. Et vous, avez-vous testé ce thème sur votre site ? Avez-vous des questions ? Echangeons dans les commentaires.